Puzzvel - Puzzle Blog WordPress Theme

Welcome to the "Puzzvel" Wordpress Theme by LenVan Scripts. We are very pleased that you have chosen "Puzzvel" theme for your website, you will not be disappointed! In this documentation you’ll find almost everything related to this theme. If you find something that we missed to explain or have any questions, please create a New Topic on Support Forums.

Documentation info:

Version: 1.2
Created: 20.07.2020
Latest update: 22.10.2020

WordPress Codex information

  • Installation – WordPress is easy to install
  • Pages vs. posts – Understand the differences between posts and pages
  • Posts – The articles/posts represent the content
  • Manage categories – Structure your content using categories
  • Tags – Group posts which have similar content
  • Pages – They have multiple usage from homepage to contact, from blog page to presentation pages, etc.

Troubleshooting

If you have trouble with install demo content or backup content please make sure you have these recommended php values:

upload_max_filesize = 128M
max_input_time = -1
post_max_size = 128M
max_input_vars = 8000
max_execution_time = 200

1 Installation

1.1 Download Package

At first, after purchasing this theme, please download the package from Themeforest. All you need to do is move your mouse over your login name in the right top corner and then click Download. Here you will find all the items that you have purchased.

At the next step click the Download → All files & documentation button next to Puzzvel theme and save package to your computer.

1.2 Installing & Activation

You can find things like: documentation, license, zipped file with theme files and сhild-theme zip archive in the package. Extract the package to a folder on your local computer.

You can complete installation in two different ways:

  1. WordPress Theme Manager - please go to Appearance → Themes → Add new → Upload Theme, select theme folder called puzzvel.zip and press Install Now button. The wordpress will do the rest for you.
  2. FTP upload - upload non-zipped theme folder called puzzvel to /wp-content/themes/ folder in your WordPress installation folder on your server. If you are not familiar with FTP or looking for any FTP software, FileZilla is easy to use.

When the installation is complete​, your Puzzvel theme will be ready to use.

1.3 Install Plugins

In order to extend theme functionality, theme comes with several plugins. You will see a window with an offer to install required and recommended plugins after theme activation.

You can also install and activate the plugins in Appearance → Install Plugins.

Required plugins:

  1. Unyson: A free drag & drop framework that comes with a bunch of built in extensions.
  2. Puzzvel Core: Extend Basic Theme Functionality.

Recommended plugins:

  1. AMP: Enable AMP on your WordPress site.
  2. MC4WP: Mailchimp for WordPress: Allowing your visitors to subscribe to your newsletter.
  3. Envato Market: This toolkit plugin establishes an Envato Marketplace API connection and recommended for update theme automatically.
  4. WooCommerce: Is a free eCommerce plugin that allows you to sell anything.

1.4 Regenerate Thumbnails

If you install Puzzvel theme on a website that already has images uploaded, please use the Force Regenerate Thumbnails plugin to resize all thumbnails.

This plugin allows you to delete all old images size and REALLY regenerate the thumbnails for Puzzvel theme image attachments.

To regenerate images, follow this steps:

  1. Go to Tools → Force Regenerate Thumbnails;
  2. Click on Regenerate All Thumbnails and wait until it is finished.

2 Update Theme

It’s recommended to create a backup copy of your site before its update.
There are several variants of theme update.

2.1 Auto Update

Puzzvel theme recommends some plugins after installation. One of them is "Envato Market" which automatically alert you on your dashboard when a new version of the theme is available.

If you haven’t installed the plugin yet, follow these steps:

  1. Go to Appearance → Install Plugins;
  2. Hover over "Envato Market" and click "Install Plugin";
  3. Go to Appearance → Install Plugins;
  4. After you install the plugin you’ll see "Envato Market" button on the left menu.

To establish an Envato API Connection navigate to the Envato Market page and insert your Envato API Personal Token in the designated input field.

2.2 Update Manually

This method requires more steps and manual work. We advise to make a backup of your site before theme update.

For manual update you need to download a new theme version from your account to Themeforest (there is an instruction above in the paragraph “1 Installation”). Once you have the new theme package, you can choose to upload the theme via WordPress or via FTP.

How To Update Your Theme Via WordPress?

  1. You need to deactivate the current Puzzvel theme located in the Appearance → Themes section (Simply activate another theme). Once you activate a different theme, you can delete the Puzzvel theme (If you are using child theme, keep it as is, delete parent theme only). Dont worry, your content will not be lost.
  2. You need to unzip the downloaded archive file you received to get the puzzvel.zip file inside.
  3. Upload the puzzvel.zip file to the Appearance → Themes section by clicking on the "Install Themes" tab at the top and then choosing to upload the zip file.
  4. Once it finishes uploading, choose to activate the theme.
  5. In the end, update the included plugins. You will see a notification message letting you know a new version of the plugins are available and need to be updated.

How To Update Your Theme Via FTP?

  1. Go to wp-content → themes folder location and backup your "puzzvel" theme folder by saving it to your computer, or you can choose to simply delete it. Your content will not be lost.
  2. You need to unzip the downloaded archive file you received to get the "puzzvel" folder inside.
  3. Simply drag and drop the new "puzzvel" theme folder into wp-content → themes folder location. Choose to Replace the current one if you did not delete the old "puzzvel" theme folder.
  4. In the end, update the included plugins. You will see a notification message a new version of the plugins is available and needs to be updated.

3 Demo Content

Demo Content is recommended to be established at the clean Wordpress version. The installation doesn’t replace or delete already added posts, pages, products, sliders.

How to install Demo Content?

  1. Install and activate required plugins and if necessary recommended ones (Appearance → Install Plugins).
  2. Go to the page Tools → Demo Content Install
  3. Choose demo you would like to have, and press Install
  4. Confirm installation
  5. Wait untill demo is installed
  6. Before installation you can look the content through clicking a button Live Preview.

6 Theme Settings

You need to install the "Unyson" plugin before using "Theme Settings" functionality. To do this go to the "Appearance - Install Plugins" in the Admin Panel.

Theme Settings panel has been especially created to make your work faster and easier. Using it is very easy and in just a few minutes you can change a lot of things on your page. Navigate to Apparance → Theme Settings to make changes.

These options are all global options which means any option set in Theme Settings will affect your entire website. If you want to set more specific options for a particular page or post, you can set them in Post Options, which is located in every page or post.

always remember to click Save Changes button. Without that you will lose all your changes.

6.1 General

In this section you can set up some general options for your site.

Site Width

Choose a site layout from 3 variants and set it up. For example, if you want to install a custom background for the site, then you should choose a variant Boxed and full-function settings of the background will appear below. We’ve done it for you to do everything you want as simple as possible.

Puzzvel Theme Site Width Settings

Jumbotron

These are some general settings for all jumbotrons on the site.

Puzzvel Theme Jumbotron Settings

Home

In this tab you can customize the appearance of the home page in case if you have chosen option in admin page Setting → Reading → Front page displays → Your latest posts.

Puzzvel Theme Home Settings

Sidebars

These are some general settings for all sidebars on the site.

Puzzvel Theme Sidebars Settings

Post Views

In this section you can enable/disable views count for each of the selected post types.

Puzzvel Theme Post Views Settings

Site Preloader

You can enable/disable preloader globally for all pages on the site.

Puzzvel Theme Site Preloader Settings

Night Mode

You can enable/disable Night Mode globally for all pages on the site.

Puzzvel Theme Night Mode Settings

6.2 Header

In this section you can choose a Header style and configure header elements.

Puzzvel Theme Header Style Settings Puzzvel Theme Header Logo Settings Puzzvel Theme Header Description Settings Puzzvel Theme Header Social Settings

6.3 Styling

This tab gives a unique possibility to set up backgrounds, fonts, colors and styled some elements of the site to your taste.

Colors

In this tab you can transform your site beyond recognition. Set up Theme colors, Header colors, Content colors, Footer colors, Buttons colors and Fields colors as you want. For Night Mode too.

Puzzvel Theme Colors Settings

Fonts

Set up fonts of the site. We offer a choice of hundreds of fonts that connect with the help of Google Fonts. And we’ve done a preview area of the text with selected options for you to choose a suitable font comfortably.

Puzzvel Theme Fonts Settings

Elements

Set up styled logos, thumbnails, titles and other elements.

Puzzvel Theme Elements Settings

6.4 Archive Types

Puzzvel theme has an opportunity to create individual settings for different archives of posts (Archive / Blog, Post Tag, Search).

Puzzvel Theme Archive Types Settings

6.5 Single Types

In this tab there are settings of layout/appearance of single pages for each post type that is included in the theme. By means of it you have a possibility to set up single pages in detail in different parts of the site.

Puzzvel Theme Single Page Types Settings Puzzvel Theme Single Post Types Settings

6.7 WooCommerce

This tab has some options for WooCommerce plugin.

Some standart WooCommerce Settings you can find in Appearance → Customize → WooCommerce.

Puzzvel Theme Archive WooCommerce Settings Puzzvel Theme Single WooCommerce Settings

6.8 Advanced

Additional (expanded) settings of the site are located in this tab.

Ads

In this section you can insert advert codes or shortcodes in different places on the site.

Puzzvel Theme Ads Settings

Custom CSS

Advanced users can enter custom CSS here. Make sure css is out of any errors/mistakes.

Puzzvel Theme Custom CSS Settings

Custom JS

Advanced users can enter custom JS here. Entered code will be executed on domready. Make sure javascript is out of any errors/mistakes.

Puzzvel Theme Custom JS Settings

Hooks

It’s a section where you can put some code (e.g. HTML) that allow you to show different things and elements in places that are not available from other tools. For example if you want to put some code before header (banner or information about cookies), then put code in Top field.

Puzzvel Theme Hooks Settings

Developer

Copy protection options.

Puzzvel Theme Developer Settings

Troubleshooting

This subtab provides with an information useful to diagnose some of the possible reasons to malfunctions, performance issues or any errors.

Puzzvel Theme Troubleshooting Settings

7 Blog

7.1 Category Options

To create categories navigate to Blog Posts → Categories. You will see a form for creation of a new category from the left side and a form for editing of earlier created categories from the right side.

Puzzvel theme allows you to manage your categories more customizable than default wordpress category functionality.

You can change many options for each category, such as sidebar settings, posts layout & pagination, site layout and other. Check category add/edit screen to manage these options.

In the paragraph Theme Settings → Archive Types → Archive / Blog you will find information how to set up standard options for all categories.

7.2 Post Options

You can customize any post spesifically from the meta box named Post Options right under text editor in post edit or new post screen. To accomplish it you should choose – Show options and a full list of options will be opened below. It’s convenient, for example, in the case if you want to add a special advertisement for this post only or hide/show author’s box.

In the paragraph Theme Settings → Single Types → Post you will find information how to set up standard options for all posts.

8 Pages

Pages are the backbone of your website, and most likely you will setup several of them. Pages are a blank canvas that allow you to add content with shortcodes elements or page builder. Also, there are different page templates to choose from, each serving a purpose to help you build a site.

In the paragraph Theme Settings → Single Types → Page you will find information how to set up standard options for all posts.

9 Sliders

This theme comes with a couple of built in sliders. Here is how you can create a new one from scratch:

Go to Appearance → Sliders. Here you'll find a list with all the already created sliders.
Puzzvel Theme Sliders
Important! If in the slider settings there is only one type of slider to select - deactivate and activate it.
Puzzvel Theme Sliders

10 Page Builder

Pages are the backbone of your website, and most likely you will setup several of them. Pages are a blank canvas that allow you to add content with shortcodes elements or page builder. Also, there are different page templates to choose from, each serving a purpose to help you build a site.

How to create a page using Page Builder

  • Step 1 - On every page you can see the button - Unyson Builder. Clicking on this button brings up the Page Builder interface. You can change it back at any time. Puzzvel Theme Switch Page Builder
  • Step 2 - You need to add a Section or Columns. You can simply change all items order by drag&drop. Puzzvel Theme Add Section Page Builder
  • Step 3 - Add any modules into Columns. Puzzvel Theme Add Modules Page Builder

11 WooCommerce

Puzzvel is fully compatible with WooCommerce plugin. We carefully created whole design so you can get very nice shop with tons of options and all looks perfect with theme design. WooCommerce is an external plugin and all info about this awesome plugin you can find on plugin's author page.

Below you have all friendly links that will be useful:

How to install WooCommerce and setup the default shop pages

  • Step 1 - At first please go to Plugins → Add new section and type "WooCommerce" into search field. Then click Search Plugins button.
  • Step 2 - After that you will see results and what you need to do is click on Install now button next to "WooCommerce" plugin.
  • Step 3 - After that plugin will be installed please click Activate plugin link.
  • Step 4 - Later you will see a WooCommerce Purple Notfication Bar at the top of the plugin page. Click the Install WooCommmerce Pages button in the purple bar to install all the default pages.

Please Note: Once you are done installing WooComerce and the default pages, you can go to the Appearance > Menu section of your admin and choose to add all the WooCommerce pages to your menu. They will be listed at the top under the most recent pages.

How to add new product

Go to Products → Add product section. After that you will see page which looks like below and all you need to do is fill those fields with own values.
All info about adding new product you can read on http://docs.woothemes.com/document/managing-products/

How to use WooCommerce shortcodes and setup pages for shop

All pages that you want to setup for WooCommerce are in WooCommerce → Settings → Catalog section. But if you want to get some shortcodes for pages like cart or checkout (most WooCommerce pages must be created manually and that`s why for each you have own shortcode) you need to go to WooCommerce → Settings → Pages section.

Whole list of shortcodes included with WooCommerce plugin you can find at http://docs.woothemes.com/document/woocommerce-shortcodes/

List of all available pages for WooCommerce plugin you can find at http://docs.woothemes.com/document/woocommerce-pages/

12 Translations

12.1 Standart

Puzzvel theme allows you to translate the theme into any language. To translate the theme:

  • Step 1 - Download and install POEdit translation editor
  • Step 2 - Go to the theme translation folder your-site.com/wp-content/themes/puzzvel/languages/ Puzzvel Translations Standart
  • Step 3 - Make a copy of the file puzzvel.pot and rename the file to the locale of your language. For example, German would be de_DE.po, Arabic would be ar.po. See language code list here (column WP Locale). Puzzvel Translations Standart
  • Step 4 - Open POEdit and load the file. (i.e de_DE.po) Puzzvel Translations Standart
  • Step 5 - Translate all the strings in the list and save changes. After you save, you will have two files. (i.e. de_DE.po and de_DE.mo)
  • Step 6 - Upload these files to your-site.com/wp-content/themes/puzzvel/languages/ Puzzvel Translations Standart
  • Step 7 - For WordPress 4.0 and above, go to Settings → General and select Site Language Puzzvel Translations Standart For WordPress 3.9.2 and below, open your wp_config.php file in the root, and find this line: define('WPLANG', ''); Change it into your language code. For example, define('WPLANG', 'de_DE'); Puzzvel Translations Standart

12.2 With Loco Translate

Installing Loco Translate:

  • Step 1 - Install and Activate - Loco Translate Pluggin. Puzzvel Translations with Loco Translate
  • Step 2 - Go to Loco Translate → Home → Puzzvel Puzzvel Translations with Loco Translate
  • Step 3 - Create New language Puzzvel Translations with Loco Translate Choose a language, Choose a location themes/puzzvel/languages/de_DE.po and Start translating Puzzvel Translations with Loco Translate After translating Save your changes Puzzvel Translations with Loco Translate

12.3 Quick Code

We have a code with the translation of a part of the site.

note, however, that the translation was done using the google translator. To apply this code to your site, you need to paste into the file your-site.com/wp-content/themes/puzzvel/functions.php or if you do not have FTP access go to the link "your_site.com/wp-admin/theme-editor.php?file=functions.php&theme=puzzvel". Find comment Paste your code here

Puzzvel Translations Quick Code

Insert the following code, replacing the inscription "YOUR_TRANSLATE" with the phrases you have already translated. The column on the right shows an example of how this should look like:

/**
 * RTL Frontend Translate Fix (replace YOUR_TRANSLATE to your Translation)
 */
function puzzvel_gettext( $translation, $text, $domain ) {
	$translation = str_replace( 'Related Posts', 'YOUR_TRANSLATE', $translation );
	$translation = str_replace( 'Read more', 'YOUR_TRANSLATE', $translation );
	$translation = str_replace( 'Comments', 'YOUR_TRANSLATE', $translation );
	$translation = str_replace( 'Leave a Reply', 'YOUR_TRANSLATE', $translation );
	$translation = str_replace( 'Submit comment', 'YOUR_TRANSLATE', $translation );
	$translation = str_replace( 'Search...', 'YOUR_TRANSLATE', $translation );
	$translation = str_replace( 'Comment', 'YOUR_TRANSLATE', $translation );
	$translation = str_replace( 'Website', 'YOUR_TRANSLATE', $translation );
	$translation = str_replace( 'Email', 'YOUR_TRANSLATE', $translation );
	$translation = str_replace( 'Name', 'YOUR_TRANSLATE', $translation );
	$translation = str_replace( 'Load More', 'YOUR_TRANSLATE', $translation );
	$translation = str_replace( 'Loading...', 'YOUR_TRANSLATE', $translation );
	$translation = str_replace( 'Next Page »', 'YOUR_TRANSLATE', $translation );
	$translation = str_replace( '« Previous Page', 'YOUR_TRANSLATE', $translation );
	$translation = str_replace( 'Next', 'YOUR_TRANSLATE', $translation );
	$translation = str_replace( 'Previous', 'YOUR_TRANSLATE', $translation );
	$translation = str_replace( 'Type your keywords...', 'YOUR_TRANSLATE', $translation );
	$translation = str_replace( 'Hit enter to search', 'YOUR_TRANSLATE', $translation );

	if ( $translation == 'by' ) {
		$translation = str_replace( 'by', '', $translation );
	}

	return $translation;
}
add_filter( 'gettext', 'puzzvel_gettext', 100, 3 );
/**
 * RTL Frontend Translate Fix Arabic
 */
function puzzvel_gettext( $translation, $text, $domain ) {
	$translation = str_replace( 'Related Posts', 'المنشورات ذات الصلة', $translation );
	$translation = str_replace( 'Read more', 'اقرأ أكثر', $translation );
	$translation = str_replace( 'Comments', 'تعليقات', $translation );
	$translation = str_replace( 'Leave a Reply', 'اترك رد', $translation );
	$translation = str_replace( 'Submit comment', 'إرسال تعليق', $translation );
	$translation = str_replace( 'Search...', 'بحث...', $translation );
	$translation = str_replace( 'Comment', 'تعليق', $translation );
	$translation = str_replace( 'Website', 'موقع الكتروني', $translation );
	$translation = str_replace( 'Email', 'البريد الإلكتروني', $translation );
	$translation = str_replace( 'Name', 'اسم', $translation );
	$translation = str_replace( 'Load More', 'تحميل المزيد', $translation );
	$translation = str_replace( 'Loading...', 'جار التحميل...', $translation );
	$translation = str_replace( 'Next Page »', 'الصفحة التالية "', $translation );
	$translation = str_replace( '« Previous Page', '" الصفحة السابقة', $translation );
	$translation = str_replace( 'Next', 'التالى', $translation );
	$translation = str_replace( 'Previous', 'السابق', $translation );
	$translation = str_replace( 'Type your keywords...', 'اكتب كلماتك الرئيسية ...', $translation );
	$translation = str_replace( 'Hit enter to search', 'انقر فوق الزر إدخال للبحث', $translation );

	if ( $translation == 'by' ) {
		$translation = str_replace( 'by', '', $translation );
	}

	return $translation;
}
add_filter( 'gettext', 'puzzvel_gettext', 100, 3 );
Important! If you use a Child Theme paste into the file your-site.com/wp-content/themes/puzzvel-child/functions.php or if you do not have FTP access go to the link "your_site.com/wp-admin/theme-editor.php?file=functions.php&theme=puzzvel-child".

12.4 WPML Integration

Puzzvel theme was tested with WPML plugin and is fully compatible. If you want to have multilingual website, this is the best way to do it. If you want to use this plugin, you must purchase it first and then install into your wordpress installation.

Below we serve links that will be useful for WPML plugin:

13 RTL Support

We aim to make Puzzvel theme convenient and available to as much users as we can, which is why Puzzvel theme is now RTL (Right to Left) ready. Puzzvel theme contains all the necessary styles you’ll need to make your website RTL, and it’s as easy as 3 steps to set up! Once you finish these steps, your site will automatically be in RTL format.

How To Use RTL

  1. Install the WordPress as normal.
  2. Go to WordPress Admin Menu → Settings → General and select the RTL language that you want to use for your website using the Site Language option.
  3. That’s it! Now that you chose an RTL language as your main website language, our theme automatically goes to RTL mode.

RTL with WPML Plugin

If you use the WPML multilingual plugin, check their documentation on how to add a language. If the language is a right to left one, our theme will switch to RTL mode automatically.

14 Extras

We have some extra sections in this documentation to help you with some other things that could be also important while creating websites. We divided them into few sections and all you will find below.

14.1 AMP

Puzzvel is compatible with AMP official plugin, this will increase the organic SEO and overall speed. The most important about this plugin, all scripts will not work anymore so you must evaluate if you want to sacrifice funtionality over visibility and speed.

The steps to fully enable AMP are:

  • Step 1 - Install and Activate - AMP Pluggin. Puzzvel Theme AMP Activate
  • Step 2 - Go to the new section called AMP and enable "Transitional Mode" Puzzvel Theme AMP Settings
  • Step 3 - Finally on a mobile emulator or in your cellphone you can check ?amp parameter is appended to the main url (that is your AMP url): Puzzvel Theme Add Modules Page Builder

14.2 Autoptimize

Installing Autoptimize (minify and reduce page weight):

  • Step 1 - Install and Activate - Autoptimize Pluggin. Puzzvel Theme Autoptimize Activate
  • Step 2 - Go to Settings → Autoptimize and use the next config Puzzvel Theme Autoptimize Settings

Optional: On the "Extra" tab, you can remove Emojis if you don't need them (that will reduce some Javascript and CSS requests).

14.3 WebP Express

Installing WebP Express (almost 4 out of 5 mobile users use a browser that is able to display webp images):

  • Step 1 - Install and Activate - WebP Express Pluggin. Puzzvel Theme WebP Express Activate
  • Step 2 - Go to Settings → WebP Express and use the next config Puzzvel Theme WebP Express Settings

14.4 Retina Ready

Puzzvel theme is Retina Ready so the theme will look fantastic on High Resolution displays like the iPad or iPhone Retina devices. The most important thing to understand is that there are two different sets of images/graphics that can be Retina Ready.

  1. Theme Included Images or Icons: These are the images or icons that are included with the theme. All of the included theme images or icons are Retina Ready out of the box and do not require the user to do anything. They will look super sharp on Retina Ready screens.
  2. User Uploaded Images: The second set of images are called User Images, these are any images that the user will upload into their theme (e.g. Blog Post Image). Whether or not the User Images are Retina Ready depends solely on you, the user. The general rule is that a Retina Ready image needs to be 2x the normal size. So if you have an image that is going in a space that is 100px x 100px, you would need to upload a 200px x 200px image. The easiest way to ensure that your User Images are Retina Ready is to use the WP Retina 2X Plugin created by Jordy Meow.

The WP Retina 2X Plugin For User Images

This is a fantastic plugin and is the best option for users to ensure their images are Retina Ready. It tells you if the images you are uploading are large enough to ensure Retina Resolution. And it can also convert your current media library to be Retina Ready. It will automatically create the necessary 2x images that are needed for every area of the site, and will warn you if your images are not large enough to be Retina Ready.

watch tutorial to see how the plugin works.

Retina tutorial

Other Images Such As Logos

Some images such as the Logo need to be uploaded via Theme Settings. We have created the necessary fields to ensure those images are Retina Ready. Users will need to upload the extra files that are 2x the original size. For example, you will need to upload your regular size logo file in the Logo field, then upload the 2x Logo file in the Retina Logo field. For the Retina Logo, you will also need to input the width and height of the standard logo size, not the 2x size. This is important and part of the process the browsers use to display Retina Ready images.

14.5 DISQUS Comments

Disqus is a networked community platform used by hundreds of thousands of sites all over the web. With Disqus, your website gains a feature-rich comment system complete with social network integration, advanced administration and moderation options and other extensive community functions.

You can add disqus comment system to your website easily. At first, you need to create a site from disqus. Follow the instructions below:

  • Click https://publishers.disqus.com/engage (If you didn't create a disqus account, register first).
  • Click Install on Your Site on the top right.
  • Add your site name and disqus url. Then click Next.
  • Then you see platform selection window , you should choose Wordpress and follow the installation instructions.

15 FAQ

How to set a page as homepage?

  • Go to Settings → Reading or Appearance → Customize
  • Click Static Front Page
  • Select your page in the Front Page

How to install favicon?

A favicon (short for "favorites icon") is an icon associated with a website or webpage intended to be used when you bookmark the web page. Web browsers use them in the URL bar, on tabs and elsewhere to help identify a website visually.

To install a new favicon go to Apperance → Customize → Site Identity → Site Icon and upload it.

How to Paginate a Post?

In order to paginate your blog post, in the Write panel in your WordPress admin, switch to the TEXT view (if you use the Visual view) and then enter the following code to wherever you want to break the post up into a new page:

<!--nextpage--→

How to Include Google Analytics Tracking Code?

  • Copy the code given to you by Google Analytics
  • Go to Appearance → Theme Settings → Advanced → Hooks
  • Paste your Google Analytics (or other) tracking code into the "Top" textfield.
  • Click Save Changes. That's it!

How can i change or display author/user avatar?

To change user avatar (seen on author box, comments or author page template etc.) you have two options:

  1. Wordpress fetches user avatar automatically from your Gravatar.com by default. Create a free account at gravatar.com and make sure the email of the user is the one used to create the Gravatar account.
  2. You can install some plugin which will allow you to change the user avatar instead of registering gravatar. For example, check this plugin called WP User Avatar.

16 Support

If you have any issues about installation or find any bugs related with Puzzvel theme, you can create a New Topic on Support Forums. As a first step you should create an account. You will need your envato purchase code for registration.