Punte Documentation


Punte is Multi-Purpose feature rich WordPress theme for newspaper, magazine, corporate, business and general blogging website. This template was created to help you in creating a fully customizable site with the help of easy to use option panel. We added incredible features for a high-quality browsing experience from all types of devices.

Requirements for Punte

In this section we will present the recommended configuration under which the theme would work perfectly. Those are not absolute values, the theme performance depends on many factors like the host performance, server configuration and the number of visitors.
Server requirements

For optimal performance the server requires some settings to be made, the optimizations include:

Hosting requirements

If WordPress performs fine on your host, the theme should too. Next we will present you a list of common hosts and the traffic you can expect to host on them.

Please note that the numbers quoted here do not represent a guarantee, hosting performance is depended on your WordPress configuration, plugin configuration and general OS configuration. All numbers assume that you use a caching plugin like wp super cache. Also a CDN solution like Cloud Flare should help a lot.

Godaddy or other cheap shared hosting:

Budget VPS

High performance VPS

Dedicated server

What's included

The punte theme comes with following plugins included

  1. Visual Composer :
    - It is a page builder plugin for WordPress using which you may build any layout you can imagine with intuitive drag and drop builder without any programming language.
     
  2. Revolution Slider :
    - It is a slider builder plugin which allows you to create beautiful and feature rich sliders and carousels for your sites using easy to use options.
     
  3. Ap Mega Menu :
    - AP Mega Menu is a WordPress plugin, for Mega Menu. With AP Mega Menu, you can easily add several widgets column wise, configure them and create great horizontal and vertical mega menu. It allows you to create the menu easily by “drag and drop”.
     
  4. Social Icons :
    - It is a premium Social Icons plugin which allows you to create various social icons and link your social profiles from your websites.

Install via WordPress Interface

You can install the theme in two ways: through WordPress or via FTP.

The Punte WordPress Theme installable file is Punte.zip. Please see the follow the following steps to install the theme via wordpress interface

Install via FTP

Demos: Introduction

Developing a fully functional beautiful template but using its components to create a well designed and attractive site layout is yet challenging and exciting. Punte comes with the 6 prebuilt in demos to avoid such hassle amongst the users. Now you may choose anyone demo as per your requirement from the built-in demo installation option.

Dummy contents are used in the demos. These contents can later be changed with one of your own.

You may choose anyone amongst the following demos as per your requirement:

News Magazine

This demo contains the world wide news. If you prefer to display the news relating the whole world this demo will work the best. The categories and post has been created and set as per the requirement. So on a click you'll have a template ready with dummy contents displaying the worldwide news. These dummy contents can be later changed and configured as per your requirements.

Tech Magazine

This demo contains the technology related news only. If you prefer to display the news relating only to the current technology advancements this demo will work the best. The categories and post has been created and set as per the requirement. So on a click you'll have a template ready with dummy contents displaying the Technology news. These dummy contents can be later changed and configured as per your requirements.

Corporate 1

This demo displays the informations relating to one's personal business. If you are a business starter or are already part of it but looking for broadcasting it over the world about promoting your business or business ideas this demo suits you the best. The demo has already setup the necessary sections and contents to promote the business ideas. You may only need to make small adjustments and change the contents.

Corporate 2

Just like the Corporate 1 Demo, this demo too displays the informations relating to one's personal business but with different looks. If you are a business starter or are already part of it but looking for broadcasting it over the world about promoting your business and business ideas this demo suits you the best. The demo has already setup the necessary sections and contents to promote the business ideas. You may only need to make small adjustments and change the contents.

One Page

If you are looking for a single page website for promoting your business or just looking for personal portfolio website, then this demo will suit you the best. The necessary contents and section has been configured to display within a single page. But you may later change the contents and the section as per your requirement.

Restaurant

If you are looking for the demo for the restaurant, then this demo is a way to start. The demo displays the site contents relating to the restaurant. The contents and elements has been logically configured keeping the restaurant need in mind. Change and configure the demo later once the contents has been successully imported.

Ecommerce Furniture

If you are looking for making some economic benefits by selling the furnitures and and furniture related tools that your business produces then this demo is the right selection for you. The demo works with the woocommerce plugin. So please make sure you have this plugin installed too.

Step by Step Demo Installation Process

Enabling Nice Scroll

Nice Scroll let's you replace the browser's default scrollbar with a Fancy Scrollbar. To configure the nice scroll for your site follow these Steps:

Enabling BreadCrumb

A “breadcrumb” (or “breadcrumb trail”) is a type of secondary navigation scheme that reveals the user's location in a website. To configure the breadcrumb for the sit follow these steps:

Enabling Scroll to Top

Scroll to Top option enables a button within a site clicking which you can scroll to the top of the site. To enable the Scroll to Top option follow these steps:

Disabling Custom Post Types

The theme has inbuilt Three custom Post types - Portfolio, Testimonial & Team. These Post types might come in handy for some specific type of sites. For e.g If you were to develop a simple portfolio website where you wish to display your works and skills then having Portfolio Post Type Enabled will provide you further option to display them systematically. In case you don't wish to use these Post Types in your site you may disable them by following these steps:

Configuring Template Color

Template Color defines the color scheme for your whole site. To configure the Template Color for your site follow these steps :

Configuring Anchor Link Color

The template allows you to define the color for the anchor links within the site too. To configure the Anchor Link color for your site, Follow these steps:

Configuring Body Background

Body Background option allows you to define the background color or background image for your site. To configure this option follow these steps:

Configuring Responsive Design

Setting Preloader for the Site

Preloader will create a preloading screen for your website before all your images, site contents are fully loaded. The site provides 18 prebuilt in preloaders for your site. You may also choose to display your own custom preloader. To configure the site preloader for your site follow these steps:

Configuring Favicon

Favicon displays an icon associated with a URL that is variously displayed, as in a browser's address bar or next to the site name in a bookmark list. To configure the favicon for your site follow these steps:

The layout option in the theme allows you to set the layout for your site, pages, post pages etc.

Configuring Website Layout

You may display your site in Boxed Layout or Fullwidth layout. To configure this option follow these steps:

Configuring the Website Container Width

Website Container width option allows you to define the container width size for your size. The contents of the sites will be displayed inside this width size. To configure the Container width for your site follow these steps:

Configuring Content | Sidebar width Ratio

The Content | Sidebar width ratio option allows you to define the width ratio between content and sidebar. For e.g. if you have set the container width to 1200 and have defined the Content | Sidebar width ratio to 70% | 30% then the content will occupy 840px and sidebar will occupy 360px. The Content | Sidebar width ratio option works only in the page with one sidebar. To configure the Content | Sidebar width ratio follow these steps:

Setting Sidebar Layouts for Pages and Posts

You may set the Sidebar layout for the pages and posts in two ways. One via theme option which will globally apply the sidebar option to all the pages and posts and other by meta option which will individually apply the layout option to the specifc pages and posts only.

How Header Setitngs work

The theme provides you to use any of the header style from the available Six Header Layouts or You may also Choose to create your own custom header for your site via Header Builder. The Header set via Custom Header Builder option will overwrite all the settings made for the default header styles. It is one of the powerful option giving users full control over the header layouts.

Default Header Configuration

Configure Header Style

Configuring Main Header

Configuring Top Header

The Top Header Part is divided into two parts left and right. You may display either simple html text or menu or widget or leave it empty in these top header parts. To configure the Top header follow these steps:

Custom Header Configuration

You'll need to create a custom header page before configuring the custom header via theme option. For this,

Now, Configure the header page to display via theme options.

Portfolio is a One of the custom post type feature provided by the punte. The main aim of having this custom post type within the template is to provide the user with the more flexibility and option to display the portfolios in the site. Using a different Post Type for the portfolio distinguishes the portfolio posts from other post types.

To configure Portfolio successfully within the site please make sure that Portfolio is not marked under the Disable Post Types Options From Dashboard > Punte Options > Getting Started > General Settings. It the option is unmarked the Portfolio Custom Post type must be visible as a menu item within the Dashboard. To Cofigure the Portfolio Page Follow these Steps:

Create a Portfolio Category

Create a Portfolio Post

Create a Portfolio Page

Configure the Portfolio Page Settings.

 

Creating Blog Category

Creating Post Tags

Creating Posts

Configure Blog/Archive Page

Blog Single Page Configuration

How Woocommerce Settings Work.

The Punte template has been designed to be compatible with the one of the most popular ecommerce plugin Woocommerce. All you need to do is install this very plugin and add the products and the product pages are well displayed in the front with further customizable Options.

Woocommerce Menu Option (Shopping bag)

The Shopping Bag Icon will be displayed along side of the menu in the main menu area. The products added to card will be displayed under thi icon. You may enable this icon by following these steps:

Woocommerce Shop/Archive Settings

Woocommerce Single Product Page Settings

Configuring Woocommerce Archive Page Title

 

There might be a time you wish to make changes within the sites whether major or minor and want to prevent the visitors from viewing the scrambled website. Punte provides an alternative way to handle this kind of situation by providing a feature to build a construction page and show it to the users while the site is still under construction. To configure the Under Construction Page follow these Steps:

Introduction : 404 Error

Sometimes the visitors might type in the wrong urls for the inner pages of your sites by default this kind of error request  is redirected to the 404 Error Page of the template informing the visitors, that the url for the page requested is not valid within the site. But the Theme provides a unique way to handle these 404 error requests. Now you can perform one of the following three action whenever a visitor tries to visit invalid link within your site.

Display 404 Error Page (Default Action)

Redirect Visitors to the Home Page

Redirect Visitors to the Custom Page

Typography : Introduction

Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. A Site with a good typographies is always appealing and eye catchy. With that in mind we have an inbuilt option to choose among 400+ Google Fonts and make the custom adjustments to these texts like font size, color, weight etc to suit you the best.

Heading Fonts

You may configure typography for the different level of headings (H1, H2, H3.. H6) in the theme by :

Body Fonts

Menu Fonts

Page Title Font

Widget Title Font

To configure the typography settings for the widgets titles displayed in the Sidebars follow these steps:

To configure the typography settings for the widgets titles displayed in the Footer follow these steps:

The Theme also provides the custom option to wirte your own custom css and js codes without having to modify the templates codes itself. These custom css and js will override the default styles of the templates. It is a flexible way to make minor css and js customizations but if you are to make a major changes with the styles and javascript codes using a child theme would be a greater idea. To add your custom css and js codes.

Visual Composer : Introduction

Visual Composer is a premium page builder plugin created by wpbakery. The Plugin is a powerful tool with highly flexible options and settings to create versatile site layouts. It provides a drag and drop feature using which even a general user can create a site in no time.

The Punte theme is bundled with the Visual Composer plugin. It is a highly recommended plugin for developing the site as most of the components to build a Magazine and Corporate themes depends upon this plugin.

Plugin - Installation :

The Plugin is bundled within the Punte Theme Bundle file. Find the js_composer.zip file and follow these steps:

Now You can start creating the Pages and Posts.

Creating Layouts

Visual composer allows you to use the default layouts or make custom layouts of your own. For creating the layout follow these steps:

Visual Composer Elements

After Creating the Layouts for the page you may now add the Visual Component Elements. Visual Composer provides its own default elements for e.g. Text Block, Icon, Seperator etc. With the Punte theme installed you will have further access to more composer elements using which one can create diferent Versatile websites.

Basically, in this theme the Visual Composer Elements are Categorized into to categories.

  1. Punte News
    > It Contains the magazine and specific visual composer elements like blog grid block, blog grid etc. But these elements aren't limited to be used within the magazine sites only, you may use the elements in other types of sites too depending upon your choice.
     
  2. Punte
    > It contains other miscellaneous visual composer elements which is generally used for corporate sites, one page sites etc.. Progress Bar, Icon Text Block, Testimonial Carousel etc are some of the elements to name some found under this category.

Some of the Visual Composer Elements are described below :

Icon Text Box

This Element will allow you to add the Text box with an icon which migh be helpful in displaying the features and services your company provides in your site.

Blockquote

This Element will allow you to add the quote of a person in your site. This element comes handy while developing a magazine site or a simple blogging sites.

Blog Post

This Element allows you to add a single blog post in your page created using the visual composer.

Counter

This Element will allow you to add the counter in your site. These counters can normally be used to display the download counts of the file, facebook likes obtained etc..

Pricing Table

This Element will allow you to display the pricing scheme of the products or services your company provides. The element is more useful in the business and corporate sites.

Team Member

This Element will allow you to display a short profile description about the team member. You may display the name, designation, social links etc. about the team member using this element.

Testimonial

This Element will allow you to display the testimony about your trustworthy clients which will further help you obtain the goodwill amongst the new clients and customers.

Social Icon

This Element will allow you to display the links for your social profiles in your site.

Youtube Video Playlist

This Element will allow you to display the playlist for the youtube videos in your site.

Tetimonial Slider

This Element will allow you to display the clients testimonies in as a slider.

Portfolio Masonary

This Element will allow you to display the portfolio post in a masonry layout.

Blog Slider

This Element will allow you to add the Blog Slider in your site.

Logo Carousel

This Element will allow you to display logos of your business associates in the form of carousel.

Team Grid

This Element will allow you to display the Team members information in a grid layout.

Team Carousel

This Element will allow you to display the Team member in a carousel.

Portfolio Slider

This Element will allow you to display the portfolio post as a slider.

Progress Bar

This Element will allow you to add the progress bar section in your site.

Punte Theme comes with built-in 13 custom widgets. These widgets provides the additional functionality in the site. You may add these widgets to either sidebar or Footer.