Theme Requirements

To use this theme you must be running WordPress 5.0 or higher, PHP 5.6.20 or higher (for WooCommerce plug-ins PHP 7.0+). If you use hosting with limited resources (for example GoDaddy and other lowcost shared hosting providers), you may experience issues with demo data installation feature.

We recommend you to contact your web hosting service provider to make sure that your server PHP configuration limits are as follows:

• max_execution_time 600
• memory_limit (up to) 256M or 512M for creating custom color schemes with LESS CSS compiler.
• post_max_size 32M
• upload_max_filesize 32M

If you are running unmanaged dedicated server or VPS, you should check your php.ini file. Alternatively, you can edit .htaccess file in the root of your website and add the following values:

php_value max_execution_time 600
php_value memory_limit 256M
php_value post_max_size 32M
php_value upload_max_filesize 32M

Setting these values will ensure you will not get error messages during the installation. To safeguard your website, please use secure passwords and the latest version of WordPress and plugins.

IMPORTANT! To avoid any errors that might come up during the installation we recommend to have memory limit set up to 512M.

Here is the list of other recommended web hosting services:

• BlueHost (Exclusive Offer for our Customers: -70% OFF)
• SiteGround
• InMotion Hosting

Installation

Unpacking the theme

Before installing the theme please make sure you unpacked the archive and extracted theme files. After unzipping the archive you will see the following files:

If you try to install the wrong files you will get missing style.css file error. This is the most common error meaning you are trying to install incorrect package.

To install "Puzzles" theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex.

Update WordPress: To ensure a positive user experience, we highly recommend you update your WordPress to the latest stable version. This will help to ensure that you are able to utilize all of the latest features of WordPress.

You can install the theme in two ways:

• via FTP: Extract puzzles.zip file and upload the extracted folder to /wp-content/themes/ folder on your server.
• via WordPress:
  1. Login to admin panel.
  2. Go to Appearance - Themes and click on the tab Install Themes. Choose upload.
  3. Click on Browse..., select the "puzzles.zip" and click in Install Now.
  4. After successfull installation click on Activate or go to Appearance - Themes and click on Activate to activate the newly installed theme.
  5. Next you will see a new menu item Appearance - Theme Options.
  6. Attention! If you want to make changes in theme’s templates or functions, we recommend activating a child theme before demo data installation, otherwise the Theme Options will be lost. Please see the Child Theme section for more information.

Child Theme

Child theme is for developers willing to make changes to core functions and code. If you are not planning to dig that deep, you can easily skip this chapter.

IMPORTANT: If you want to make changes in theme’s templates or functions, we recommend that you install child theme and make changes there. To learn more about the purpose and basis of creation of child theme, visit WordPress Codex.

In the theme pack you will see materials for the child theme. It’s located in the "puzzles-child.zip" archive. You can install the child theme the same way as you install the main theme (see above in the section "Installation").

A few recommendations on how to use Child Theme from ThemeREX:

• Almost all files from the main theme can be replaced in the theme. It doesn’t concern only .php-files with templates and basic logics, but also both .js, .css files from respective folders and files with images, icons etc.
• If you want to change some of the theme-related functions or to add new ones, copy/add all the required functions into 'functions.php' in the "puzzles-child" folder. If our theme contains functions with such names, they will be replaced with yours, if not – your functions will complete our theme’s logics.
  IMPORTANT: If you want to replace some functions from other files (except functions.php), e.g. from _wp_utils.php or _utils.php, we strongly do not recommend you copy respective files into the child theme, but you should create the respective functions in functions.php in the child theme. This should be done so that when updating the theme, new functions from these files are available for use.
  As for other files - putout templates from the folder 'templates', images from the folder 'images' etc. - to make changes, copy theme into the folder 'child theme' and make changes there.
• Attention! When activating a child theme or switching back to the parent theme, the theme options will be lost (That was the requirement of the ThemeForest team).
  
  We recommend activating a child theme before demo data installation.

Plugins Installation

In order to make the theme look exactly as at demo page you need to install recommended plugins. Some of these plug-ins can also be installed from the WordPress.org repository.

Below is a list of the plug-ins compatible with our theme:

• bbPress
• BuddyPress
• Elegro Crypto Payment
• ThemeREX Socials
• WooCommerce

All plug-ins should be installed manually via WordPress admin panel (Plugins > Add New):

For plugins, available via WordPress.org repository (BuddyPress, bbPress and WooCommerce), just search for the plugin in your WordPress admin panel, install and activate it.

For plugins provided with the theme (theme archive > plugin zip folder):

1. Log into the WordPress admin panel.
2. Navigate to Plugins > Add New and click on Upload Plugin on top of the page.
3. Select .zip file with the plugin you want to install and click Install Now button.
   
   
4. After the successful installation, click on Activate Plugin.

Demo Content

Before installing demo data make sure you have installed all needed plugins, please refer to Plugins installation section of this document for details.

We've included two XML files: Puzzles_Demo_Content.xml and Puzzles_Demo_Content_with_WooCommerce.xml with content from our demo site that you can find in DemoContent folder inside the archive that you have downloaded from ThemeForest.

IMPORTANT: You need to import only one of these files:

Puzzles_Demo_Content.xml contains demo-data for a regular website (without a store)

Puzzles_Demo_Content_with_WooCommerce.xml contains demo-data for a regular website including data for a store. IMPORTANT: Before you import the data from this file, you need to install the WooCommerce plugin!

To import this information into a WordPress site follow these steps:

1. Log in to that site as an administrator.
2. Go to Tools: Import in the WordPress admin panel.
3. Install the "WordPress" importer from the list.
4. Activate & Run Importer.
5. Upload the file "Content.xml" file using the form provided on that page.
6. You will first be asked to map the authors in this export file to users on the site. For each author, you may choose to map to an existing user on the site or to create a new user.
7. WordPress will then import each of the posts, pages, comments, categories, etc. contained in this file into your site.

Home Page

The picture below demonstrates the variant of the page we are aiming at:

The algorithm of our actions would be as follows:

1. Select Pages - Add New and create a new page.
2. Specify a name for it (e.g. "Home Page")
3. Set the parameters for page display in the Page Options secton:
   
   
   
   
   
   
   
4. Now, we are desinging the body of the page. In this variant of the homepage everything is very simple - insert into the body of the page the following code [puzzles]
[blogger style='puzzles' cat='movies' count='3' descr='200']
[blogger style='puzzles' cat='games' count='3' descr='200']
[blogger style='puzzles' cat='tech' count='1' descr='200']
[blogger style='puzzles' cat='advertisement' count='1' descr='0']
[blogger style='puzzles' cat='tech' count='2' offset='1' descr='200']
[blogger style='puzzles' cat='music' count='2' descr='200']
[/puzzles]
   
5. Obviously, in your case you must specify slug or id of any of your category instead the our categories 'movies', 'games', 'tech', etc. In our version, we have arranged 12 Announces on the Homepage. You can easily add or remove blocks [blogger]. IMPORTANT: Make sure that the number of displayed items is a multiple of 4 - then your page will look neat and complete.
   Detailed description of shortcode [blogger] you will find in the respective section of the documentation, examples of its usage - on page "Shortcodes" on our demo-server.

You only need to assign the newly created page as Homepage. To do this:

1. Select the menu item Settings - Readings
   
   
   
2. In the filed Homepage displays select "A static page (select below)", and in the list "Homepage:" choose the page you have created.

Homepage with slider

Here is an example of of the page with a slider.

The algorithm of our actions would be as follows:

1. Select Pages - Add New and create a new page.
2. Specify a name for it (e.g. "Home Page with Slider")
3. Set the parameters for page display in the Page Options secton:
   
   
   
   
   
   
   
4. Now, we are desinging the body of the page. Insert into the body of the page the following code [puzzles]
[blogger style='puzzles' cat='movies' count='3' descr='200']
[blogger style='puzzles' cat='games' count='3' descr='200']
[blogger style='puzzles' cat='tech' count='1' descr='200']
[blogger style='puzzles' cat='advertisement' count='1' descr='0']
[blogger style='puzzles' cat='tech' count='2' offset='1' descr='200']
[blogger style='puzzles' cat='music' count='2' descr='200']
[/puzzles]
   

Home page with Google map

Here is an example of a page with google map. In order to make the google map function properly, please make sure there is a valid API key in the "Google API key" field in the Appearance > Theme Options > Google Map tab.

The algorithm of our actions would be as follows:

1. Select Pages - Add New and create a new page.
2. Specify a name for it (e.g. "Home page with Google map")
3. Set the parameters for page display in the Page Options secton. You can use the same settings that you used to design the previous variant of homepage. The only difference is that for this variant of homepage we are going to enable a google map:
   
   
   
4. Now, pure code [puzzles]
[blogger style='puzzles' cat='movies' count='3' descr='200']
[blogger style='puzzles' cat='games' count='3' descr='200']
[blogger style='puzzles' cat='tech' count='1' descr='200']
[blogger style='puzzles' cat='advertisement' count='1' descr='0']
[blogger style='puzzles' cat='tech' count='2' offset='1' descr='200']
[blogger style='puzzles' cat='music' count='2' descr='200']
[/puzzles]
   

Homepage (fullwidth)

Here is an example of fullwidth homepage. We would also like the posts on this page to appear in random order:

The algorithm of our actions would be as follows:

1. Select Pages - Add New and create a new page.
2. Specify a name for it (e.g. "Homepage (Fullwidth)")
3. Set the parameters for page display in the Page Options secton. You can use the same settings that you used to design the previous variant of homepage. The only difference is that for this variant of homepage we are going to use the body style "Fullwidth". To do this, you need to select "Fullwidth", in the section "Post Options", tab "Customization", field "Body style":
   
   
   
   
   
   
4. Now, we are desinging the body of the page. Insert into the body of the page the following code [puzzles]
[blogger style='puzzles' count='24' descr='200' orderby='random']
[/puzzles]
   

Homepage (classic style)

We have examined own layout of homepage. And this is only the beginning! Get creative, experiment, amaze! And your website will not look like thousands of others!

Here is another variant of homepage. This time we are going to design it in classic style:

The picture below demonstrates the variant of the page we are aiming at:

The algorithm of our actions would be as follows:

1. Select Pages - Add New and create a new page.
2. Specify a name for it (e.g. "Homepage (Classic Style)")
3. Set the parameters for page display in the Page Options secton. You can use the same settings that you used to design the previous variant of homepage. The only difference is that for this variant of homepage we are going to use the color scheme "Dark". To do this, you need to select "Dark", in the section "Post Options'', field "Blog theme" under "Blog Stream page" tab.
4. Now, we are desinging the body of the page. Insert into the body of the page the following code [blogger cat='movies' count='4' rating='0' descr='200' style='image_small']

[title type='2' style='underline' top='30']Reviews with highest rating[/title]
[blogger cat='' orderby='author_rating' count='3' descr='150' style='image_large' rating='1']

[columns count='3' top='30']

[column_item]
[title type='2' style='underline' top='0']Music news[/title]
[blogger cat='music' count='2' rating='0' dir='vertical' descr='200' style='date']
[/column_item]

[column_item]
[title type='2' style='underline' top='0']Technology[/title]
[blogger cat='tech' count='3' descr='200' style='accordion' order='asc']
[/column_item]

[column_item]
[tabs tab_names='About Us|Testimonials' style='3' initial='1']

[tab]
[image src='image_url' align='left']
Lorem ipsum dolor sit amet, consectetur adipisicing elit, eiusmod tempor incididunt ut labore et dolore magna aliqua enim minim veniam, quis nostrud exercitation ullamco laboris nisi aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore fugiat nulla pariatur.
[/tab]

[tab]
[testimonials style='flat' user='john' top='4' bottom='16']Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt labore et dolore magna aliqua. Ut enim ad minim veniam[/testimonials]
[/tab]

[/tabs]
[/column_item]

[/columns]
   

Build-in Theme Slider

Built-in theme slider allows you to display Featured images from the posts of the given category. You can select a category and specify the number of the posts displayed.

Revolution Slider

The theme fully compatible with an extremely powerful and beautiful plugin - Revolution Slider.

You can buy it on Codecanyon Revolution slider page

After installation, in the admin panel's menu an item Revolution Slider will show up, due to which you can create an unlimited number of sliders, and then set any of them as the main slider in the menu Appearance - Theme Options - Slider. To do this, set Revolution slider in the field Slider Engine, and specify the name of the slider in the Revolution Slider alias field.

Blog Items

Now you can create blog posts.

• Go to Posts under the WordPress menu and then click on Add New.
• Put your Title as usual.
• Put Content if needed.

• Select one or more categories to the Categories.

  

• Select desired Post Format.

  

  1. Standart - just set the featured image or without featured image.
  2. Gallery - add a gallery in the post with standard means of Wordpress (with Add Media button located above the editor). In the theme settings, you can specify whether you want to replace the original gallery with the built-in theme slider.
  3. Video - Add the YouTube or Vimeo video in the post with the shortcode [video]
  4. Audio - Add the Audio in the post with the shortcode [audio]
  5. Quote - Add text of the quotes (IMPORTANT: select it and mark as "Blockquote"), and after it - a link to the original source.
  6. Link - Add a link to the body of the post.
  7. Image - Add an image to the body of the post.

• For every post item it is needed to upload an image and to set it as a featured image. Click Set featured image on the right in the Featured Image section.

  

• Click Select Files button and select image to upload (the full size image). WordPress will crop the image, depending on which portfolio template you will use.

  

• After image was uploaded you need to set this image as featured. Click Use as featured image.

  

• IMPORTANT: In the Post Options section, you can flexibly customize the appearance and behavior of each of the post: select or hide the slider above the post, select and set sidebars and their position (or hide the unnecessary ones), set up the display of different parts of the page and the post (information about the author, related posts , a comment block and many more). There are default setting for each post that are specified in the category to which the post belongs. If the settings are not specified in category - then they are inherited from the overlying category. If there is no settings specified in any of the parental categories - the settings indicated in Appearance - Theme Options - Blog will be used.

  
• Publish this post.

Only Reviews

Let's set up an "Reviews filter" page. To do this, you need to:

• Go to Pages under the WordPress menu and then click on Add New.
• Put your Title as usual ("Only Reviews" for example)
• Choose "Only Reviews" as the page's template
  
  
• Publish this page.

Now you can add this page to the menu, and users of your website will be able to pick from the entire number of posts only those containing Reviews; as for you - you will be able to set individual style of the page display.

Only Videos

Video filter page is similar to "Only Reviews"(see above)

Only Audios

Audio Filter page is similar to "Only Reviews"(see above)

Only Galleries

Galleries Filter page is similar to "Only Reviews"(see above)

Page 404

Let's set up an error 404 page. To do this, you need to:

• Go to Pages under the WordPress menu and then click on Add New.
• Put your Title as usual ("Page 404" for example)
• Choose "Page 404" as the page's template.
• In "Page Options" area we set up the display of this page:
  • We are hiding the header area of ​​the page - in the field "Show post title" choose "No"
  • We are hiding the additional info of ​​the page - in the field "Show post info" choose "No"
  • We are hiding the right sidebar - in the field "Show main sidebar" select "Hide (without sidebar)"
  • We are hiding Advertisement sidebar - in the field "Show Advertisement sidebar" select "No"
  • We are removing details of (author, related posts, comments) - select "No" in corresponding fields
• Publish this page.

Archives

Archives Page Setup is similar to "Page 404"(see above)

Search results

Archives Search Results is similar to "Page 404"(see above)

General

In this section you can set the following settings:

• Disable new Widgets Block Editor - Disable new Widgets Block Editor, if after the update to WordPress 5.8+ you are having trouble with editing widgets or working in Customizer. New Widgets Block Editor is used in WordPress 5.8+ instead of classic widgets panel.
• Contact form email - E-mail to send messages using contact form and the form of registration of new users.
• Logo image - In this field you can upload the logo to your website.
• Logo text - In this field you can write the logo title to your website. IMPORTANT: Logo title and slogan text not displayed if logo image uploaded!
• Slogan text - In this field you can write the slogan text. It displayed under logo text.
• Show Advertisement block in page header - Do you want to show the advertisement block in the page header area?
• Advertisement block: banner image - You can upload or select from library banner image
• Advertisement block: banner image link - URL for banner image
• Advertisement block: html-content - Put here an advertisement block html-content (will be display instead the image above)
• Footer copyright - The text that is displayed at the bottom of the page. In order to make the current year change automatically, just paste {Y} instead of the year.
• Image Dimensions - What dimensions will be used to display images on the pages: "Original" - precise dimensions of the image block are used; "Retina Ready" - the image twice bigger fits into the original block (for accurate display on Retina).
• Responsive Layouts - Does your site haveto use different layouts for different devices or should it be displayed in full size everywhere?
• Compose scripts and styles in single file - Wether to combine all scripts and styles into one file (to speed up the page load).
• Additional filters in admin panel - Wether to use extra filters for Post Format and Tags in admin panel when viewing the list of the blog posts.
• Use update notifier in admin panel - Wether to use a new update alert in the dashboard. IMPORTANT: Since to detect the latest version of the theme a third party plugin is used - it may cause building of pages in Dashboard! If you observe such an effect - please switch "Update Notifier" off (select "No" in this parameter)
• Enable PO-Composes in admin panel - Do you want to show "PO Composer" item in the menu "Tools" in the admin panel

Customization

In this section you can customize you theme

• Show Theme customizer - Do you need to display for visitors the customization window to select the background settings (background color, pattern or image)
• SEO snippets - Add structured data markup to the single posts and pages.
• Theme font - The main theme font.
• Logo font - The site logo (text version) font.
• Show Login/Logout buttons - Do you want to show Login and Logout buttons in the right top corner of the site.
• Puzzles-style elements: enable animations - Do you want to animate image and text in puzzles-style items.
• Puzzles-style elements: info blocks style - Style of info blocks for puzzles-style elements on homepage, blog streampage and related posts. There are three possible options:
  1. Heavy - each puzzles-item is divided into two parts - image (post's featured image is used) and the title with description. When hovering over the image, it opens completely (section with description is hiding) and vice versa - when hovering over the description, it fully shows up hiding the image.
  2. Light - each puzzles-item is represented by image (post's featured image is used), over which category and the title is puting out. On the left upper corner of the element an icon of the post's format displays, clicking on which description of the posts shows up. Double click hides the description.
• Preserve tags in descriptions - Do you want to preserve decoration tags in descriptions for puzzles and excerpt styles.
• Main menu position - Do you want the main menu bar to "stick" to the top of the window and was always in the visibility when you scroll the screen?
• Main menu colored - Whether to use for coloring of each item the color specified for the class (if the menu item corresponds to a category) or from the Settings of the menu item (in the "CSS classes")
  
  
  or (if you choose "No") - use the colors defined in the settings of the current color scheme for a display.
• Main menu slider - Use slider effect for main menu items hover.
• Main menu height - Height (in pixels) for main menu items.
• Submenu width - Width (in pixels) of the drop-down menus.
• Max width for responsive menu - Maximum screen width when standard menu of the website is replaced with drop-down list. If it's empty or 0 - always standard menu will be used.
• Substitute standard Wordpress gallery - Do you need to replace the original Wordpress gallery in the body of the post with our slider?
• Show gallery instead featured image - Show slider with gallery instead of a featured image on blog streampage for the gallery posts.
• Substitute audio tags - Do you need to substitute tag <audio> in the post body with special iframe (used for audio files from the server soundclouds.)
• Substitute video tags - Do you need to substitute tag <video> in the post body with special iframe (used for audio files from the server youtube and vimeo).
• Use Media Element script for audio and video tags - Do you wan to design tags <audio> and <video> with the popular script Media Elements?
• Body style - The way of page displayed - the "wide" (full screen background), "fullwidth" (full screen page content) or "boxed"-version.
  IMPORTANT: The following settings are effective only if in Body style field boxed value is ticked.
• Background color -The background color for all pages of the theme.
• Background predefined pattern - One of the built-in theme images filling the background as tile (repeated both vertically and horizontally).
• Background custom pattern - Here you can upload your own image filling the background as tile (repeated both vertically and horizontally).
• Background predefined image - One of the built-in theme image used as a background (not repeated).
• Background custom image - Here you can upload your own image to be used as a background (not repeated).
• Background custom image position - Here you can select the position of the uploaded image.
• Your CSS code - Put in this field custom css code to correct main theme styles.

Sidebars

Here you can add and remove sidebars. You will be able to configure the widgets for the newly created sidebars in the menu Appearance - Widgets.

Blog

This section will let you to flexibly set up the appearence and behavior of the blog stream page and single pages.

IMPORTANT: You can override any settings of this section in the settings of the category (they will work with all posts of current category and sub categories contained in it), as well as to set them individually for each page and the post (in Post Options section then creating / editing a post (page).

Usually when creating/editing categories and/or posts you do not need to configure each of them! It would be very tedious. It is enough to once configure the display parametres of separate pages and blog in Appearance - Theme Options - Blog and not to change the settnigs within categories (posts, pages) (in all fields leave the default value - "Inherit").

And only in those categories (posts, pages) that should not look like others, you can change these settings.

General blog parameters

• Exclude categories - In this list, you can mark the categories that should not be displayed in a blog stream page and in the list of categories (Widget Categories). This may be, for example, some service category.
• Show breadcrumbs area - Whether to display the area of ​​the page with the breadcrumbs:
  
• Blog pagination style - display type of additional portions of posts on blog stream page: standard block with page numbers, the button "View more" or "Infinite scroll" for dynamic-loading for the next batch of articles (without reloading the page).
• Blog counters - Which counters to display on the blog stream page, in the widget and a shortcode: post review counter or comments counter .
• Post's category announce - Which category display in announce block (over posts thumb) - original or closest parental.
• Show post date after - How many days after the publication of the post to display the date of its publication in the usual way. Until that time, instead of the date, it will display how many minutes (hours, days) have passed since the publication.

Blog Stream page parameters

Below is a set of parameters that affects the display of the blog stream page IMPORTANT: You can override most of these items in any category (the new settings will be valid for the category and all its inserted sub-categories), as well as in any post / page (will be valid only for a post / page)):

• Blog style - Display style of blog stream page and single posts: Blog Puzzles - show puzzles from featured images of the posts with title and short description, Blog Excerpt - show only a brief summary of the post (Excerpt); Full Blog mode - show the full version of the post (or the part before tag "Read more")
• Blog posts sorted by - (string). The way to sort posts:
  • date - posts ordering by publish date
  • alpha - posts ordering alphabetically
  • views - posts ordering by views count
  • comments - posts ordering by comments number
  • author_rating - posts ordering by review's author marks
  • users_rating - posts ordering by review's readers marks
  • random - posts ordering is random
• Blog posts order - (string). The order to sort posts: asc|desc.
• Blog posts per page - The number of posts per page (overrides the same setting from Settings - Reading).
• Post excerpt maxlength - How many characters from post excerpt will be displayed in blog streampage (only for Blog style = Excerpt). 0 - don't trim excerpt.
• Blog theme - Color theme page main part. All color themes stored in folder /css/themes in separate files. You can create your own themes - copy any css-file and then edit it (only change color's values for each page parts).
• Theme accent color - Used as background for category name on puzzles-styled pages and for accent some page elements.
• Show main sidebar - Allows you to select the position of Main sidebar: left, right or hide (without sidebar)
• Select main sidebar - Allows you to select a set of widgets to display in the Main sidebar on blog stredam page.
• Main sidebar theme - Color theme for each widget in main sidebar
• Show advertisement sidebar - Enable/Disable Advertisement sidebar
• Select advertisement sidebar - Allows you to select a set of widgets for display in the area of Advertisement sidebar on the blog stream page under the list of posts.
• Advertisement sidebar theme - Color theme for each widget in advertisement sidebar
• Show footer sidebar - Enable/Disable Footer sidebar. You can manage the sidebar in Appearance > Widgets.
• Select footer sidebar - Allows you to select a set of widgets to display in the Footer sidebar on blog stream page (bottom of the page)
• Footer sidebar theme - Color theme for footer

Single post (page) parameters

Below is a set of parameters that affects the display of the single posts (pages):

• Use fullwidth content - Do you want use page content without left and right paddings? "No" by default, select "Yes" only for pages, completed with shortcode [blogger] (that is, override this parameter in the section "Page options" of the page you need)
• Show featured image before post - Do I need to show the image attached to the post (featured image) at the top of the post.
• Show post title - Whether to display the header area of ​​a single post (page)
• Show post info - Whether to display the info area (date, author, categories list) of ​​a single post (page)
• Show text before "Read more" tag - Whether to display the text of the post, located before tag "Read more"
• Show post author details - Enable/Disable "Post author" section in single post
• Show post tags - Enable/Disable "Post tags" section in single post
• Show related posts - Enable/Disable "Related posts" section in single post
• Related posts number - How many related posts will be showed on single post page
• Related posts sorted by - (string). The way to sort posts:
  • date - posts ordering by publish date
  • alpha - posts ordering alphabetically
  • views - posts ordering by views count
  • comments - posts ordering by comments number
  • author_rating - posts ordering by review's author marks
  • users_rating - posts ordering by review's readers marks
  • random - posts ordering is random
• Related posts order - (string). The order to sort posts: asc|desc.
• Show comments - Enable/Disable "Comments" section in single post
• Puzzles-style: post excerpt background - Color for post description area background on Puzzles-styled elements. If not selected - color from current theme is used.
• Puzzles-style: Post excerpt position - Select the position of post excerpt on puzzles-styled pages.

Slider

And here you are setting the type and behavior of the slider.

• Show Slider - Do you want to display a slider at the top of all pages? IMPORTANT: If you want to display the slider only on selected pages (for example, only on the Homepage) - set this field to "No", and in the settings of the page in which you want to display a slider, instead of the default "Inherit" select "Yes".
• Slider Display - How should slider be displayed: Fullwidth - the full width of the window or Fixed width - the width of the text of the site.
• Slider Engine - The type of the slider: Flex slider or Revolution slider. IMPORTANT: Revolution slider is available only if you have installed the plugin revslider.zip, located in the folder with the theme.
• Revolution Slider Alias - Alias of the ​​slider, set up in the control panel of Revolution Slider.
• FlexSlider: Category to show -Here you can select the category of posts which will be used to design the slider.
• FlexSlider: Number posts or comma separated posts list - How many recent posts from the category will be used for to design a slider (select one number) or a make a comma-separated list of ID's of the posts you need.
• FlexSlider: Show post infobox - Do you want to show post title, reviews rating and description on slides in flex-slider.
• FlexSlider: Infobox fixed - Do you want to fix infobox position on slides in flex-slider or hide it (infobox) on mouse hover.
• FlexSlider: Show post's category - Do you want to show post's category on slides in flex-slider.
• FlexSlider: Show post's reviews rating - Do you want to show post's reviews rating on slides in flex-slider.
• FlexSlider: Show post's description - Do you want to show post's description on slides in flex-slider.

Googlemap

And here you are setting the address (or coordinates) and behavior of the Google map.

• Google API Key - Paste the necessary Google API Key to generate a Google Map. More information on how to generate an API key properly can be found here.
• Show Google map - Do you want to display a Google map at the top of all pages? IMPORTANT: If you want to display the Google map only on selected pages (for example, only on the page "Contacts") - set this field to "No", and in the settings of the page in which you want to display a Google map, instead of the default "Inherit" select "Yes".
• Google map display - How should map be displayed: Fullwidth - the full width of the window or Fixed width - the width of the text of the site.
• Google map height - Height of the map.
• Google map initial zoom - Initial zoom of the map. Can be from 1 to 20.
• Address to show on map - Describe address to show on center of the map. For example: 50, Golden Gate Ave, San Francisco, CA 94102, US
• Latitude and Longtitude to show on map - Describe coordinates to show on center of the map. If you use coordinates - address is ignored.

Reviews

The section "Reviews" provides the settings for the reviews posts:

• Show reviews block - Do you want display block with reviews rating and summary on single page and average reviews rating after post's title in stream pages
• Max reviews level - Maximum level for reviews marks: 5 stars, 10 stars or 100%.
• Show rating as - Show rating marks as text or as stars/progress bars.
• Reviews criteria levels - A word description of levels of evaluation for the "Reviews" (five words separated by commas).
• Show first reviews - What reviews will be displayed first: by author or by readers. Also this type of reviews will display under post's title.
• Hide second reviews - Do you want hide second reviews tab in widgets and single posts?
• What visitors can vote - What visitors can vote: all or only registered.
• Reviews criterias - Add the required number of evaluation criteria for the posts with Reviews. These criteria will be applied to all posts. You can override them in any category - the new list of criteria will apply to all posts in this category and its sub-categories.

Social

In this section, you can add any number of social networks, indicate their URL's (URL's of your profiles on these networks) and select icons for them. Icons of the networks you have added will be displayed in the widget "Social". Here you can also choose the social networks, whose icons will be displayed on the page of the post for sharing in the social networks.

• Twitter, Facebook, Google Plus ... URL - URLs of popular social networks. Only icons with filled URL are displayed in widget "Social".
• Show social share buttons - Wether to display the block with buttons of social networks for sharing on the post page.
• Show share counters - Wether to display counters to the right from the buttons.
• Share buttons block direction - Direction for the social share buttons block: horizontal|vertical
• Share block caption - Text before share buttons block (only for horizontal direction)
• Share buttons - Share URLs of popular social networks. If URL not filled - used internal theme URLs (if exists). IMPORTANT: You can easily add your own social networks - simply copy the icon of the social network you need into the folder "/images/social", then add a new field and enter there the URL for sharing the text in this social network.

Accordion

Creates blocks of the "accordion" type . Attention: at the same time only one of the blocks can be open

Parameters:

• initial - (number). The number of the initially open block (from 1 to the number of blocks). Attention: if you want make so, that all accordion item are closed initially - write parameter initial greatest, than items count!
• title - (string). Applied only for the shortcode [accordion_item]. Contains the title for the current element as favorite.

Audio

Inserts an audio file.

Parameters:

• url or src - (string). URL of an audio file
• controls - (number). Whether to display the playback controls. The value can be 0 or 1.
• autoplay - (number). Allow autostart playback. The value can be 0 or 1.
• width - (number). The audio container's width (in percent or pixels).
• height - (number). The audio container's height (in pixels).

Blogger

Well, we ahev arrived at the punch line of our collection - shortcode "Blogger". On the one hand, it is rather simple - it just displays the specified number of posts from a given category. But just look how it's doing that! It can do this in many different ways and styles. And by skillfully combining them you can easily create such blocks as Announce, ad units, interviews and much more. I think you had a chance to make sure of that by the example of creating of five different homepages.

Let's examine its parameters more carefully:

• style - (string). Block display style: regular|date|accordion|puzzles|image_large|image_medium|image_small|bubble_left|bubble_top. IMPORTANT: Use the style "bubble_left" and "bubble_top" only on the color scheme "regular" (or any other with a white background articles). All other styles may be used with any color scheme without restrictions.
• bubble_color - (string). Color of bubble in the title of each post (only for style = bubble_left or bubble_top).
• ids - (numbers). Comma-separated ID posts to be displayed.
• cat - (number or string). ID or slug of the category, which puts out the most recent (or the first) posts added (unless ids parameter is specified). It is allowed to specify several ID's (or slugs) separated with commas.
• count - (number). The number of posts displayed from the category.
• offset - (number). How many posts to skip before starting output.
• orderby - (string). The way to sort posts:
  • date - posts ordering by publish date
  • alpha - posts ordering alphabetically
  • views - posts ordering by views count
  • comments - posts ordering by comments number
  • author_rating - posts ordering by review's author marks
  • users_rating - posts ordering by review's readers marks
  • random - posts ordering is random
• order - (string). The order to sort posts: asc|desc.
• descr - (number). The maximum length post description (excerpt). If 0 - description not showed.
• readmore - (number). Show (1) or not (0) link "» "(read more) at the end of the post.
• rating - (number). Show (1) or not (0) rating stars under the post title.
• dir - (string). The direction of the output of the posts: horizontal | vertical
• border - (number). The presence of a border : 0|1

Button

Creates different types of buttons.

Parameters:

• style - (string). The button style. It can take one of the following values: grey|red|green|blue. If this parameter is not specified - it gets 'grey'
• size - (string). The button size. It can take one of the following values: small|medium|large. If this parameter is not specified - it gets 'medium'
• color - (string). The button color. It can take color name (up to 140 names: red, green, blue, yellow, etc.) or color code (#ff0000 for example)
• link - (string). The URL where the link from the button leads to.
• target - (string). The window where the link leads to. If this parameter is not specified - URL will open in the same window.
• rel - (string). Add the "rel" attribute to the link.
• align - (string). The way to align the button left|right|center.

Columns

Creates columns in the text

Parameters:

• count - (number). The number of columns in the generated block. IMPORTANT: Inside the block [columns] ... [/columns] the number of blocks [column_item] ... [/column_item] must correspond to the parameter count.
• span - (number). Applied only to the shortcode [column_item]. Indicates the number of the merged columns.

Display Contact form

Parameters:

• title - (string). The Contact form's title
• description - (string). The Contact form's description. Displayed under title.

Dropcaps

Used to create the dropcaps effect - special highlighting of the first letter in a paragraph.

Parameters:

• style - (number). Display style of the first letter. The value can be 1, 2 or 3. If not specified - use 1.

Google Map

Displays Google map at the address you specified. Make sure there is a valid API key in the "Google API key" field in the Appearance > Theme Options > Google Map tab.

Parameters:

• address - (string). The address to which you want to display the map
• latlng - (double,double). The latitude and longtitude coordinates for map center
• zoom - (number). Initial map zoom (from 1 to 20)
• width - (number). Map frame width (in pixels or percents)
• height - (number). Map frame height (in pixels)

IMPORTANT: Address for the Googlemap can be specified in the Googlemap shortcode's settings or it can be inherited from the Appearance -> Theme Options -> Google Map section.

Hide

Hide any html block with desired selector (id and/or classes combination).

IMPORTANT: For advanced users only! Careless hide of objects can disrupt the design of your site. Be extremely careful.

Parameters:

• selector - (string). Id and/or classes combination (CSS-selector)

Highlight

Used to highlight a text with the font's color and / or background.

Parameters:

• color - (string). The color of the text. You can specify the color (white|black|red|blue|green|brown|... - up to 140 styles) ot its code in format #rrggbb, where rr is a hexademical value of the red component, gg - a hexademical value of the green component, bb - a hexademical value of the blue component
• backcolor - (string). The background color of the text. The same parameter as color.
• style - (string). Arbitrary set of CSS-properties (for advanced users only)

Image

Inserts an image into the text, pressing it (image) to the left or right edge of the text, and the next image text flows around it on the opposite side.

Parameters:

• src - (string). URL of the image
• width - (number). the image's width (in pixels).
• height - (number). the image's height (in pixels).
• title - (string). Text at the bottom of the image.
• align - (string). Alignment of the image. It can take one of the following values​​: left|right

Infobox

Creates different types of messages.

Parameters:

• style - (string). The infobox style. It can take one of the following values: regular|info|success|error|result. If this parameter is not specified - it gets 'regular'
• static - (number). Sign of the static block. If this parameter is set to 0 - right in the block there is a button "x" and the block may be closed (disappear) when you click on it. If this parameter is not specified - it gets 1.

Line

It creates the link of the set style

Parameters:

• style - (string). The line style. It can take one of the following values: none|solid|dashed|dotted|double|groove|ridge|inset|outset
• width - (number).The line width. It can be set in pixels (simply specify the number) or as a percentage of the page width (specify number with percents). If this parameter is not specified - it gets100%.
• height - (number). Line width (in pixels)
• color - (string). The color line. You can specify the color (white|black|red|blue|green|brown|... - up to 140 styles) ot its code in format #rrggbb, where rr is a hexademical value of the red component, gg - a hexademical value of the green component, bb - a hexademical value of the blue component

List

Creates lists of different styles

Parameters:

• style - (string). List display style. It can take one of the following values​​: regular|check|mark|error. Can be used both ih a shortcode [list] to set the style of all the elements of the list, and in the shortcode [list_item] to change the style of one item in the list.
• title - (string). Used only in the shortcode [list_item] to indicate the pop-up tip of the item in the list.

Puzzles

Used only as a frame for the shortcode [blogger style = "puzzles" dir = "horizontal"] - sets the area of ​​the page to display this kind of shortcodes correctly.

Parameters:

• class - (string). The value of the attribute class = "" for the tag created by this shortcode. It can be used to further setting of the code using css.
• style - (string). Additional values of ​​css-styles. For normal operation of the shortcode these parameters are optional.

Quote

Used to emphasize the big and small quotes in the text.

Parameters:

• style - (number). The style of citations disply. It may be 1 or 2.
• cite - (string). URL of the site with the original.
• title - (string). Title for link to the site with the original.

Section

Surrounds the selected text to the block and gives it the properties of a given class from the style table.

Parameters:

• id - (string). ID of the block
• class - (string). The name of class of the block
• style - (string). CSS-style for the generated block

Skills

Shows the levels of your abilities as a horizontal bar graph with percentage.

Parameters (only for [skills_item]):

• title - (string).The name of the current element.
• level - (number). Ability level for the current element (from 0 to 100)
• color - (string). Color block with percentahge for the current element. The main color of accented theme's elements is used by default.

Slider

And one more feature of our theme - shortcode "Slider". It can display all posts from a specific category or the slideshow of the Revolution Slider you have prepared beforehand, as a slider (if you have previously installed the plugin revslider.zip).

Let us examine its parameters:

• engine - (string). The engine of the slider: flex|revo. Revo option is available if the plugin revslider.zip is installed. The default parameter is flex.
• alias - (string). Name of the slide show, prepared in Revolution Slider (if engine=revo)
• ids - (numbers). Comma-separated ID posts to be displayed in the slider (if engine=flex).
• cat - (number or string). ID or slug of the category, which puts out the most recent (or the first) posts added (unless ids parameter is specified). If parameter "cat" is not specified - posts from any category will be displayed (if engine=flex). It is allowed to specify several ID's (or slugs) separated with commas.
• count - (number). The number of posts displayed from the category (if engine=flex)
• offset - (number). How many posts to skip before starting output (if engine=flex)
• orderby - (string). Posts order by (if engine=flex):
  • date - posts ordering by descending of publish date
  • views - posts ordering by descending of views count
  • comments - posts ordering by descending of comments number
  • author_rating - posts ordering by descending of review's author marks
  • users_rating - posts ordering by descending of review's readers marks
  • random - posts ordering is random
• border - (number). The presence of the border around the slider: 0|1
• links - (number). Make each slide as link to the correspond post (if engine=flex): 0|1
• titles - (number). Show or not post infobox on each slides (if engine=flex): 0|1|2. If titles='1' - infobox hide on hover, if titles='2' - infobox position is fixed.
• width - (number). The slider's width (in pixels or percents).
• height - (number). The slider's height (in pixels).
• align - (string). The alignments of the slider: left|center|right

Table

Displays the table

Tabs

Creates blocks with tabs

Parameters:

• tab_names - (string). Headlines tabs listed per the sign "|" (vertical bar)
• initial - (number). The number of previously open tabs (from 1 to the number of tabs)

Team

Displays the members of your team (photo with description)

Parameters:

• style - (string). Display style of the list: normal|big
• user - (string). Applies only to the shortcode [team_item]. It contains the user login to your blog.The user's data contains the description and links to the user profile in popular social networks.

Testimonials

It generates a block with the statement of one of your team members or any other person (you must also specify its parameters)

Parameters:

• style - (string). Display style of the block: flat|callout
• user - (string). It contains the user login to your blog. The user's data has their name and position. If you show a block with a statement of another person (not registered on your blog) - specify other parameters)
• nophoto - (number). Show (0 - default) or not (1) user's photo.
• photo - (string). The displayed photo (unless user parameter is specified).
• name - (string). The displayed name (unless user parameter is specified).
• position - (string). The position (unless user parameter is specified).
• email - (string). E-mail (unless user parameter is specified)

Title

Generates standard html title tag.

Parameters:

• type - (number). The title level from 1 to 6
• style - (string). regular|bubble_left|bubble_top|icon_left|icon_top.
• weight - font weight - normal|medium|bold
• bubble_color - (string). The bubble's color (only if style="bubble_left" or "bubble_top"). You can specify the color (white|black|red|blue|green|brown|... - up to 140 names) ot its code in format #rrggbb, where rr is a hexademical value of the red component, gg - a hexademical value of the green component, bb - a hexademical value of the blue component
• icon - Only used for style="bubble_left" or "bubble_top" or "icon_left" or "icon_top". For "bubble_left|bubble_top" - contains the name of the icon that is displayed on top of the icon "bubble":
  
  

  

  For style="icon_left" or "icon_top" - contains name of image (without extension) from folder "/images/icons" that is displayed near the title.
  
  

  

  You may add your own files with images into this folder and use them.

Toggles

Creates blocks of type "toggles". Comparing to the "accordion" you can close all the blocks or open more than one.

Parameters:

• initial - (number). The number of the initially open block (from 1 to the number of blocks)
• title - (string). Applied only for the shortcode [toggle_item]. Contains the title for the current element as favorite.

Tooltip

Used to create pop-up tips that appear when you hover over a given piece of text.

Parameters:

• title - (string). Tooltip text.

Video

Inserts a video file from one of the most popular video hosting services - youtube or vimeo.

Parameters:

• url or src - (string). URLof a video file
• autoplay - (number). Allow autostart playback. The value can be 0 or 1.
• width - (number). Video frame width in pixels or percent.
• height - (number). Video frame height in pixels