Hi! welcome to AzNews
WordPress Theme Documentation

Here we help you to get your site up and running!
Use the menu on the left to scroll downward

WordPress Info

To use this theme you must have WordPress installed. We assume you have a working version of WordPress already up and running. If not, watch the Youtube video tutorial on how to install WordPress on your hosted domain.



  • Wordpress FAQ - Information and resources about WordPress including history, features, semantics, glossary, and information to help you decide whether WordPress is the right blogging tool for you.
  • Wordpress Lessons - Great source of knowledge for WordPress beginners.
  • PHP Function References - Detailed information on WordPress PHP functions and usage examples.

Theme requirements

To use this theme you must be running WordPress 4.4 or higher, PHP5 or higher, and MySQL 5 or higher. Please contact your web hosting service provider to be sure your server complies with the requirements above. To safeguard your website always use secure passwords and an updated version of Wordpress and plugins

Recommended web hosting services:

Be sure to check php upload_max_filesize and post_max_size is 32M or higher. If you are running shared web hosting you should contact your web hosting service provider to find more information about that. 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 post_max_size 32M - php_value upload_max_filesize 32M Setting these values, will ensure you won't get an error reporting upload and post memory limit is too low.

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 styles.css file error. This is the most common error meaning you are trying to install incorrect package.

Please make sure you are using an updated version of WordPress, the latest plugins and stable version.

Now you can install the theme in two ways:

  • via FTP:
    1. Log into your server with FTP client software (we suggest Filezilla but it can be anyone else)
    2. Unzip the aznews.zip file and ONLY use the extracted /aznews theme folder
    3. Upload the extracted /aznews theme folder into /wp-content/themes folder
    4. Now you should activate the installed theme. Go to Appearance > Themes and activate it.
  • via WordPress:
    1. Login to WordPress admin panel.
    2. Go to Appearance - Themes and click on the Add New button.
    3. Choose Upload theme option. Click on Browse...(Choose file in Safari/Chrome), select the "aznews.zip" and click Install Now button.
    4. After the installation ends, click on Activate or go to Appearance - Themes and click on Activate to activate the newly installed theme.
    5. After the theme's activation, you will be asked to install all the recommended plugins: Instagram Slider Widget, Revolution Slider, WPBakery (aka Visual Composer) and WooCommerce.



      All the theme's plugins are included in the package, some of them can be installed and updated from the WordPress.org site.

      So if you want your website to look exactly like our demo, you have to install all recommended plugins and import the demo content. This is the way to go if you are building the site from scratch.

      However, if you have existing content on your website, you should be very careful with plugin installation and importing dummy data, this may affect your site content and structure. Please read the Demo Content article for details.
      A new menu item Appearance -> Theme Options. will appear.

Video Tutorials

AzNews Theme installation video.

The video below shows how to properly install the theme, all the plugins and import Revolution sliders from your Wordpress admin dashboard.
We take for granted that you uploaded the theme inside the Wordpress theme folder via ftp.

Plugins Installation

As we said previously, in order to make the theme looks exactly like our demo, you need to install recommended plugins. Click on Begin installing plugins link.



You will be redirected to plugins installation page. Check all listed plugins, select Install option and click on Apply button. Installation may take few minutes, please wait and do not refresh the page.

After installation you will see the notification below, that means all plugins were installed successfully

If you are planning to use the website for e-commerce purposes we also recommend to install Woocommerce pages before importing demo content. Navigate to Plugins -> Installed Plugins, you will see the following notification



Click on Install Woocommerce pages, this will add Cart, Products, Checkout and other pages required for ecommerce plugin.

If you are not willing to use the website for e-commerce purposes then navigate to Plugins -> Installed Plugins, find Woocommerce plugin, click on the disable button.



Demo Content

Our themes comes with One click data import tool. It's very easy to use and you can get the exact copy of our demo website in just 1 click, really.

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

IMPORTANT:
When installing demo-data ALL EXISTING CONTENTS of your website will be deleted and replaced with the imported data! We highly recommend you to install demo data only on a blank Wordpress installation.

To import demo content into a WordPress site do the following:

  1. Log in to your site as an administrator.
  2. If you see a message prompting to install WooCommerce, Instagram widget Revolution Slider and WPBakery plugins - click on "Begin installing plugins" and install them from the plugin page.



  3. Go to Appearance -> Import Demo Data:



  4. The import demo data page showed up.

    IMPORTANT:
    Please leave the parameters as they are (see image below) if you want to import a precise copy of our demo site. Please note that images will be replaced by placeholders, that's for copyright reasons.



  5. Install dummy built with Visual Composer plugin OR import dummy built purely with shortcodes. If you prefer to use WPBakery (formerly Visual Composer) to create pages (suggested), just leave the default selection intact.
  6. Click on "Import Demo Data" button. IMPORTANT: Please wait while demo settings are copied. It may take a while and depends upon the speed of your internet connection. Usually it takes less than 3 minutes, in the meanwhile, don't refresh or leave the page.

  7. After the demo setting, images placeholders and the widgets are successfully imported, you will see the message below:



Theme update

IMPORTANT: Before you go ahead with the update please check theme changelog and make sure you backup your old theme folder. Download it in a folder on your computer.

Make sure you backup both your files and database regulary especially before making some serious updates. We recommend using free backup plugins like BackUpWordPress

Updating the theme using your FTP client

  1. Log into your account and get the last version of the theme as described above.
  2. Connect to your server using desktop client software(we recommend CyberDuck and Filezilla)
  3. Change directory to /wp-content/themes
  4. Remove existing folder with old theme files
  5. Unpack theme installable files you downloaded and upload to themes folder
  6. Update the included plugins if you see a notification message letting you know that a new version of the plugins is available.

Child Theme

Use child theme if you plan to make changes to core functions and code. If you don't use it, just skip this chapter.

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

Inside the theme package, locate the "AzNews-child.zip" archive. You should install child theme the same way you install main theme (see above, in the section "Installation")

A few recommendations on how to use the Child Theme:

  • Almost all files from main theme can be replaced in child theme. It doesn’t concern only .php-files with templates and basic logics, but also both .js, .css files with images, icons etc..
  • If you want to change some theme’s functions or to add new ones, you need to create a brand new 'functions.php' in the child folder and add all required functions into it. 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 to copy these files into the child theme. It's better to create relative functions inside the functions.php of the child theme. Doing that, makes new functions from these files available for use.

    Now copy all templates from the folder 'templates', images from the folder 'images' etc. - into the folder 'child theme', then start make changes.

Skins

Skins help to change the general look and feel of the theme without changing the layout and functionalities. If you are not going to change theme logic and / or layout, but just want to modify the background and color of any elements, replace fonts, round the angles, etc., then it's better to create a brand new skin with all the necessary changes.

On the other hand, skins let you roll back to the original theme layout in just one click.

To find available theme skins simply navigate to Theme Options -> Customization -> General tab and click on Select theme skin dropdown menu.


Out of the box, the theme comes with one skin(AzNews) which is actually used for layout. Creating your custom skin is a very easy task:
  1. Go to theme root directory and find /skins folder, open it
  2. Create a new folder and name it according to your new skin name, in example from a screenshot above we created /Custom folder
  3. Copy the content from existing skin to your new folder, rename files accordingly
  4. Make changes to CSS(read css files structure overview below)
Skin structure.

Inside the theme folder, you see the folder named skins, that contains AzNews, the skin used in our demo.

We suggest you to copy and paste the existing AzNews skin folder, rename it as you wish, then start modifying the layout of AzNews.min.css file

Each skin consists of two main files:
- skin_name.css - skin_name.php

Also, subfolder 'images' may include three files with logos:
- logo.png - (main logo displayed in the upper part of the website, close to menu)
- logo-footer.png (logo displayed in the in the bottom of the website (in footer, near contacts)
- logo-icon.png - (image for the button of side menu opening).

Pages

After importing demo content, you'll find 50 pages we've already setup for you. Between parentheses the name of the pages as they are saved in the WordPress pages section.

  1. 13 Home-page layouts

    • Home (home)
  2. One-page layouts

    • One-page Movie (one-page-movie)
    • One-page Sport (one-page-sport)
  3. Home Magazines

    • Mag Blog (blog-streampage)
    • Mag Cars (mag-cars)
    • Mag Fashion (mag-fashion)
    • Mag Cars (mag-cars)
    • Mag Music (mag-music)
    • Mag Sport (sport-news)
    • Mag Tech(aznews)
    • Mag Sidebar (mag-with-sidebar)
    • Mag Store(homepage-e-commerce)
  4. Home Company

    • Mag Blog (homepage-with-parallax)
    • Mag Cars (homepage-with-portfolio)
    • Mag Fashion (homepage-topic-business)
  5. 2 Journalist Profiles pages
    • Journalist 1 (journalist-1)
    • Journalists 2 (journalist-2)
  6. 2 Crowdfunding pages
    • Crowdfunding 1 (crowdfunding-page-1)
    • Crowdfunding 2 (crowdfunding-page-2)
  7. 1 About page
    • About us (about-us)
  8. 1 Faq page
    • Faq (faq)
  9. 1 Pricing tables page
    • Pricing table (pricing-tables)
  10. 1 404 page
    • 404 page (404)
  11. 1 Under construction page
    • Under construction (under-construction)
  12. 1 Blog page
    • Blog (blog-streampage)
  13. 6 Child Services Pages
    • Child care (childcare)
    • Children games (children-games)
    • Health and Safety (health-safety)
    • Family support (family-support)
    • Learning center (learning-center)
    • Play areas (play-areas)
  14. 4 Woocommerce Shop pages
    • Store 1 (homepage-e-commerce)
    • Store 2 (store2)
    • Store wide (store-wide)
    • Cart (cart)
    • Checkout (checkout)
  15. 4 Contact pages
    • Contact 1 (contact-us)
    • Contact 2(contact-us-2)
    • Contact 3 (contact-us-3)
    • Contact 4 (contact-us-4)
  16. 10 Portfolio pages
    • Portfolio classic 1 column (portfolio-1-column)
    • Portfolio classic 2 columns (portfolio-2-column)
    • Portfolio classic 3 columns (portfolio-3-column)
    • Portfolio classic 4 columns (portfolio-4-column)
    • Portfolio masonry 1 column (masonry-1-column)
    • Portfolio masonry 2 columns (masonry-2-column)
    • Portfolio masonry 3 columns (masonry-3-column)
    • Portfolio grid 1 columns (grid-1-columns)
    • Portfolio grid 2 columns (grid-2-columns)
    • Portfolio grid 3 columns (grid-3-columns)
  17. 3 Portfolio posts pages
    • Portfolio posts standard (thanks-for-looking-out-for-us)
    • Portfolio post with sidebar (perfect-theme-perfect-support)
    • Portfolio post with reviews (firstly-thank-you-so-much-for-the-great-template)
  18. 3 Gallery posts pages
    • Wp standard Gallery posts standard (wp-standard-gallery)
    • Theme Wp standard gallery Gallery post with sidebar (theme-styled-wp-gallery)
    • Theme slider standard gallery (theme-slider-instead-wp-gallery)
  19. 2 posts Slider pages
    • Posts slider standard (posts-slider)
    • Posts slider fullscreen (posts-slider-fullscreen)
  20. 7 Features pages
    • Button (button)
    • Infobox (infobox)
    • Skills Bar(skills-bar)
    • Skills Pie(skills-pie)
    • Tipography (typography)
    • Shortcode (accordion)
    • Zoom effects(zoom)

IMPORTANT:
Inside the package you downloaded, we've included the WPBakery Page Builder (aka Visual Composer). We strongly recommend to use it if you want to customize or modify the pages structure.



Videos and Trailers

We've created 3 posts for you to manage videos and trailers. From you WordPress admin area, click on Posts and locate the 3 posts below:


  1. Trailers from Youtube (youtube-trailers)
  2. Trailers from Vimeo (vimeo-videos)
  3. Self-hosted videos (self-hosted-videos)


TRAILERS FROM YOUTUBE

This post displays videos and trailers coming from Youtube as shown in our demo site. You can easily customize your Youtube videos



This post displays videos and trailers coming from Youtube as shown in our demo site. You can easily customize your Youtube videos

  1. Choose "Posts" from WordPress admin menù. Locate the "Youtube Trailers" post and click on it.
  2. Then click on the green arrow as shown in the picture below
  3. A window opens, set the path to your Youtube video
  4. Then change the image cover of your video



TRAILERS FROM VIMEO


This post displays videos and trailers coming from Vimeo as shown in our demo site. Here you can easily customize your Vimeo videos




  1. Choose "Posts" from WordPress admin menù. Locate the "Vimeo Videos" post and click on it.
  2. Then click on the green arrow as shown in the picture below
  3. A window opens, set the path to your Vimeo video
  4. Then change the image cover of your video



SELF-HOSTED VIDEOS

This post displays videos and trailers hosted on your server as shown in our demo site. Here you can easily customize your videos




  1. Choose "Posts" from WordPress admin menù. Locate the "Self-hosted Videos" post and click on it.
  2. Then click on the green arrow as shown in the picture below
  3. A window opens, set the path to your self-hosted mp4 video.
  4. Then assign the image cover to your video


Images Size

In this section, you'll find all the suggested sizes for the images of your theme. Remember, once you imported the demo content, you will see placeholders instead of images, that's for copyright reasons. For your convenience, we wrote on placeholders the suggested size.

  1. Logo: 190x30px - format .png
  2. Main Slider: 1920x1280px - format .jpg
  3. Background Parallax: 1900x900px - format .jpg
  4. Team pictures: 500x500px - format .jpg
  5. Woocommerce Shop pictures: 400x600px - format .jpg
  6. Shop header picture: 1920x350px - format .jpg
  7. Portfolio pictures: 1200x800px - format .jpg
  8. Blog Posts pictures: 1200x800px - format .jpg

IMPORTANT: All the images used in our demo are copyrighted, that's why you will import placeholders as stated above.

Quick Start

Once activating the theme and importing demo content import, you are ready to get started with basic theme settings like site title, tagline, logo, favicon etc.

To change your site title and tagline go to Settings -> General Please notice, these parameters are important for search engines.
For advanced SEO management we recommend installing 3rd parties plugins like All In One SEO pack



Don't forget to change custom permalinks structure to make them more SEO friendly and human readable. Go to Settings -> Permalinks and make changes like shown in the example below.


Theme Admin

The theme comes with a powerful built-in customization panel. Here you can manage most of the theme functionalities in one place. There are quite a lot of settings here, most of them have default values, you don't need to modify. Let's take a closer look. Just to give you an idea, watch the video tutorial below we created for you.

IMPORTANT:

One of the most important features is Settings Inheritance System. This let you control the layout and behaviour of the whole website, individual pages, posts and categories as well. You can set individual display styles, sliders, output settings of page components (posts), and many more for the required category or for each post separately. In a couple of words you can set global styles and then change them for each page/post/category individually. These changes will override global styles affecting selected elements and their relative elements.

How it works

First, you should navigate to Appearance - Theme Options and set global options that will affect the whole site. These settings will be the default for all categories, pages, and posts of the theme:




As we've mentioned above, most of the global theme settings can be overridden in the categories, pages, and posts. I.e., you need to change style of blog stream page for category that contains Portfolio type posts. Go to that category, click on edit button and in the bottom of the page change appearance settings according to your needs:



This setting affects all posts in this category and its subcategories will be displayed in the style of "Portfolio (4 columns)". However hover-effect "Dir" will be preserved for them. Posts of the rest of categories (unless individual settings were applied) will be displayed the ones defined in Theme Options. By the way, the remaining settings of the category that were not overridden will also be inherited from the parent ones.

If you want to change the appearance of individual post in the category you should find that post, click on "edit" button and set custom parameters. You can find "Post options" in the bottom of the post edit page. These settings will override both category and global settings previously defined in Theme Options panel.


Donation Form

Once installed all the plugins, you need to setup the donation form like the one shown in our demo. (See picture below)



The video below shows how to create and setup the donation form like the one in our demo (picture above)



Main Sliders

The theme is fully compatible with an extremely powerful and beautiful plugin - Revolution Slider which is included in the package you've bought. Install it and import the demo slider stored inside the demo-data > slider folder. Change images with your own and you are done! The theme comes with a lot of pages we've already created for you, most of theme come with Revolution Slider but we also setup some pages with the built-in posts slider.

Revolution Slider

After installation, in the admin panel's menu an item Revolution Slider will show up, using 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.
Inside demo-data > slider folder, we stored the main.zip, main-white.zip, and video-bg.zip that we used in our demo. Import them and change image with your own.

Build-in Theme Slider

Built-in theme slider allows you to display featured images from the posts of a specific category. You can select a category and specify the number of the posts displayed like in the picture below.

Theme Blog

Now, you set up the layout of your blog. Please take into account that we created already many blog's layouts for your convenience. To use the blog's feature in our theme, you need to create the blog stream page. Please, do the following:

  • Go to Pages under the WordPress menu and then click on Add New.
  • Put your Title as usual ("Blog streampage" or "Blog")
  • Choose "Blog streampage" as the page's template

  • Publish this page.

IMPORTANT:
By creating a separate page, you may set up individual features for blog stream page (position, sidebars, color scheme for each element on the page, etc.). Now, assign the newly created page as "Posts page" (blog streampage). To do this:

  1. Select the menu item Settings - Readings



  2. In the field Front page displays select "A static page (select below)" , and in the list "Posts page:" choose the page you just created.

Blog Items

Now, start creating blog posts. After importing the demo data, you'll find many posts sample we've created for you! So we strongly suggest to have a look to those samples. Anyway, if you want to create a new post, please do the following:

  • 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. Standard - 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.
    8. Status - Add a one-row message to the body of the post.
    9. Aside - Add a short message to the body of the post.
    10. Chat - It contains a block of messages of two or more people. Just use the shortcode [trx_chat].
  • For every post item, you will need 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 uploading the picture, you need to set it as featured. Click Use as featured image.





  • IMPORTANT:
    In the Post Options section, you can AzNewsbly customize the layout and behavior of each post: you can 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 (info about the author, related posts , a comment block and many more).
    If you want to apply general rules for all the site's posts, set them in Appearance - Theme Options - Blog.

  • Ok, you just created your post. Now, just publish it!

Theme Portfolios

This section describes how to create portfolio page and add new items. The theme provides an easy and powerful tool to create eye catching galleries. Portfolio items are just usual posts with improved look and feel features and work exactly as blog posts.
Start creating posts category that will contain your portfolio entries and subcategories.

  1. Navigate to Posts -> Categories -> Add New, name the category and add some description.
  2. Go to the bottom of the page and click on Blog and Single tab
  3. Unlock Blog style options
  4. Select one of the desired layouts. Later you can set the layouts and hover effects to achieve the desired layout.


Now we have just created a category that will contain our portfolio items. If you add some subcategories to this main category they will inherit parent style unless you choose to override them inside the category's options page. Lets add some portfolio items!

  1. Go to Posts -> Add New, name the post accordingly
  2. In the right colomn find Categories widget and select "Portfolio" category - thus we move usual post entry into portfolio section.
  3. Set featured image and save the post. Please notice - this featured image will be used as a primary portfolio image so make sure it has good quality.


To add portfolio page to main menu navigate to Appearance -> Menus, select newly created category and add it to main(or any other) menu, save the menu and you are done!



Landing Pages

Landing pages are extremely popular now because they are extremely powerful marketing solutions with high conversion rate. Our themes provide powerful tools helping to create awesome landing pages in a blink of an eye.

To create a landing page follow these simple steps:

  1. Go to Pages -> Add New, give this page a name like "My Landing"
  2. Enable side "Table of content" menu: Customization -> Menus -> Show TOC -> Fixed
    Now we are ready to add menu items.
  3. Lets add some content to the page. In order to obtain a menu item in page navigation menu each content block must be separeted with anchor shortcode. Each anchor shortcodes adds new navigation item to Table of Content Menu(see below) and this way organizes page navigation. See example below:
    								[trx_anchor id="toc_projects" title="Our projects" description="Our projects - | show your works with 

    amazing hovers" icon="icon-briefcase"]
    This shortcode creates a menu item named "Our projects", adds a description(displayed when mouse is over) and adds menu item icon. When you click on "Our projects" menu item the page will scroll to the place where this shortcode was inserted. This is a simple and effective way to create navigation menu on landing pages.
  4. Go to theme options and disable top menu:
    Customization -> Menus -> Show Top Panel -> Hide
  5. Thus you can create awesome landing page or single page website in a few clicks. Once again, the core tool helping to create page pavigation and add page anchors is [trx_anchor] shortcode. The theme scans page content, finds trx_anchor shortcodes and builds menu.

Theme Options

Now, let's talk about the theme's settings: Appearance - Theme Options. Here you will get full control over layout and features of the entire web-site. Some features have been described above, in the sections dedicated to the Blog. Here we will consider the rest of the settings.

Customization

In this section you can customize your theme, all the options are divided into main sections:

General

  • Select Theme skin - Allows you to set main theme skin to site decoration.
  • Theme (Accent) color - The main theme color. It already used as Accent color in the classes: "theme_accent", "theme_accent_bg" and "theme_accent_border".
  • Main menu bg color - Main menu background color. If it's empty - theme accent color is used. If it's also empty - white background is used.
  • Main menu text color - Allows you to set main menu foreground color.
  • User menu (Accent2) bg color - User menu area background color. It already used as Accent2 color in the classes: "theme_accent2", "theme_accent2_bg" and "theme_accent2_border". If it's empty - main menu color is used.
  • User menu text color - Allows you to set user menu foreground color.
  • Show Theme customizer - Do you need to display for visitors the customization window to select the background settings (background color, pattern or image)
  • Remember visitor's settings - Do you need to remember the settings that were made by the visitor, when navigating to other pages or to limit their effect only within the current page?
  • Responsive Layouts - Does your site have to use different layouts for different devices or should it be displayed in full size everywhere?
  • Favicon - In this field you can upload the icon to your website.
  • Your CSS code - Put in this field custom css code to correct main theme styles.
  • Your HTML/JS code - Put in this field custom html/js code to insert it at bottom of the page.
Body style

  • Body style - The way of page displayed:
    1. boxed - page body is located in zone of limited screen width, behind which the background image is seen (set in the fields below)
    2. wide - page body occupies entire screen width (background image is not seen behind it), and contents is placed in the zone of limited width by screen center.
    3. fullwide - page body occupies entire screen width (background image is not seen behind it), contents is stretched to the entire screen with small indents off the window edges.
    4. fullscreen - page body and contents are stretched to the entire width, tight to the window edges (without indents). When you insert a parallax blocks on those pages, you no longer need to use content gap (parameter gap = "no"). On these pages, contents that should not fill the entire screen, but should be limited by the usual width, must be enclosed in a shortcode [trx_content].
  • Load background image - Do you want always load background images or only for boxed body style.
  • Background color - The background color for all pages of the theme (only if Body style = boxed)
  • Background predefined pattern - One of the built-in theme images filling the background as tile (repeated both vertically and horizontally). Only if Body style = boxed
  • Background custom pattern - Here you can upload your own image filling the background as tile (repeated both vertically and horizontally). Only if Body style = boxed
  • Background predefined image - One of the built-in theme image used as a background (not repeated). Only if Body style = boxed
  • Background custom image - Here you can upload your own image to be used as a background (not repeated). Only if Body style = boxed
  • Background custom image position - Here you can select the position of the uploaded image. Only if Body style = boxed
  • Show video background - Do you want to use the background with youtube-video on the page? IMPORTANT: Smooth video playback requires good memory and processor power of visitors' computers. On slower computers delays and шnterruption of video display may occur.
  • Youtube code for video bg - Code of the videos from Youtube, which will be used as a background.
  • Local video for video bg - Select video from your site library, which will be used as a background.
  • Use overlay for video bg - Enable overlay texture for the video background

Settings of this group are responsible for display of the main menu of the website.

  • Logo image (main) - In this field you can upload the logo to your website. This image will be displayed in the upper part of the site (at left side of the main menu)
  • Logo image (above) - Logo image for the header (if logo above the menu). If not selected - use main logo
  • Logo image (fixed) - Logo image for the header (if menu is fixed after the page is scrolled). If not selected - use main logo
  • Logo image (side) - Logo image for the side menu. If not selected - use main logo
  • Logo text - Logo text - display it after logo image
  • Logo slogan - Logo slogan - display it below logo image (instead the site slogan).
  • Logo height - Main logo height (in pixels).
  • Logo top offset - Top offset for the main logo (in pixels) in the header (main menu) area.
  • Logo alignment - Logo's place - left, center or right. Used only if logo position is above the main menu (Main menu alignment is left or center - see below, in the Main menu parameters).
  • Logo image for footer - In this field you can upload another logo to your website. This picture will be used for the bottom of the site.
  • Logo height - Footer logo height (in pixels).
Main menu settings

Settings of this group are responsible for display of the main menu of the website.

  • Show Top panel - Allows you to specify position of the top bar (custom menu, logo, main menu) in respect to the slider - on the slider, below the slider or completely hide the top bar (for example, if you only use the sidebar)
  • Main menu style - Main menu display style:
  • 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 alignment - Main menu and logo alignment - logo at left side and main menu at right side or place main menu under the logo
  • Main menu responsive - 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.
  • Open responsive submenus - How to open responsive submenus: on mouse hover or on click.
  • Submenu width - Width (in pixels) of the drop-down menus.
  • Item description - How to display menu item's description: below menu item or as popup text (on menu item hover).
  • Show User menu area - Do you want to show top line of the site with contact info and user's menu? Settings in this group are responsible for the content and display of the top header row:

  • Select user menu - Allows you to specify menu for the top area (user menu) instead settings in the Appearance - Menus. You can override this settings on each page / category!
  • Show Contact info - Do you want to show contact info in the left top corner of the site?
  • Show Currency selector - Do you want to show currency selector in the right top corner of the site?
    IMPORTANT: Since WooCommerce doesn not support currency conversion by default, this section ensures installation of corresponding plugins that allow switch currencies. After you install such plugin, you're going to have to edit the files "/templates/page-part-user-panel.php" and add there the list of supported currencies.
  • Show Cart button - Do you want to show button "Cart" in the right top corner of the site? You can also choose where to display the "Cart" button - on pages of the store only or on all pages of the website.
  • Show Language selector - Do you want to show Language selector in the right top corner of the site? IMPORTANT: This button will only show up if your site has the plugin WPML installed.
  • Show Login/Logout button - Do you want to show Login or Logout buttons in the right top corner of the site.
  • Panel demo time - Time for demo mode (auto open panel after page loading) for the left and right panel (in milliseconds: 1000ms = 1s). If 0 - no demo.
  • Show Left panel - Whether to show the left side menu (if, of course, in the "Appearance - Menus", you set the menu as "Side menu")
  • Select sidemenu - Select sidemenu in the left panel for the current page .
  • Left panel icon - In this field, you can upload an icon of the button to open the left side menu.
  • Show Right panel - Show right panel with theme customizer, widgets area, menu and bookmarks list.
  • Select Right panel menu - Whether to show the button
    that is located to the right of the menu and opens the right side bar. The right sidebar contains several tabs:



    1. Customization - settings panel that allows visitors of your website to change the theme interface according to their needs.
    2. Widgets - another widget panel (sidebar); you can set your own widget set in the menu "Appearance - Widgets"
    3. Menu - right side menu (if you set any menu as "Right menu" in "Appearance - Menus)
    4. Bookmarks - bookmarks bar (Favorites) that contains links added by a visitor when viewing your website. You can add a new link to this bar using the buttons "Add bookmark" or "Add to Bookmarks"
      (left button) that shows up when scrolling each page.
  • Right panel button - Select position for the right panel button: fixed in the main menu or float at right middle part of the window
  • Right panel default tab - Which tab will be opened when right panel slide left.
  • Show TOC - Whether to show the Table of Content for the current page, that is located to the right of the window.
    When creating a page, you can use the shortcode [trx_anchor] to add tags so that they can get into the TOC automatically. Also, all the elements of the page with id starting with "toc"! are getting into TOC. For example,
    <h2 id="toc_team">Our team</h2>
  • Add "Home" into TOC - Automatically add "Home" item into table of contents - return to home page of the site
  • Add "To top" into TOC - automatically add "To Top" item into table of contents - scroll to top of the page
Sidebars

By default, the theme provides five standard positions for sidebars (widget sets):

  • Top sidebar - displays widgets as tabs at the top of the page (under the main menu)
  • Main sidebar - displays widgets vertically to the left or right from the main content
  • Panel sidebar - displays widgets vertically on the respective tab inside the sliding bar
  • Footer sidebar - displays widgets horizontally at the bottom of the page (under Content)
  • WooCommerce cart sidebar - Available only if the plug-in WooCommerce installed. Designed to display the contents of the cart using widget "Woocommerce Cart"

Here you can add and remove additional sidebars. You will be able to configure the widgets for the newly created sidebars in the menu Appearance - Widgets In the settings of each category, post or page, you can assign any of the created widget sets to any of the available sidebars!

  • Custom sidebars - Here you can add any sidebar you want.
  • Show top sidebar - Enable/Disable Top sidebar
  • Select top sidebar - Allows you to select a set of widgets to display in the Top sidebar on blog stream page.
  • 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.
  • Show footer sidebar - Enable/Disable Footer sidebar
  • Footer sidebar style - Dark and light color schemes available.
  • 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)
  • Show sidebar in the right panel - Enable/Disable sidebar in the right panel
  • Select panel sidebar - Allows you to select a set of widgets to display in the Right panel
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 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: Fullscreen - slider with whole window size or Fixed height - the fixed slider height and fullwidth.
  • Height (in pixels) - Slider's height.
  • Slider Engine - The type of the slider engine:
    • Flex slider
    • Swiper slider - support swipe gestures
    • Revolution slider. IMPORTANT: Revolution slider is available only if you have installed the plugin revslider.
    • Layer Slider: Alias (for Revolution) - Alias (ID) of the slider, set up in the control panel of Revolution Slider.
    • Posts Slider: Category to show - Here you can select the category of posts which will be used to design the slider (if engine = flex or swiper).
    • Posts Slider: 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.
    • Posts Slider: 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
    • Posts Slider: Posts order - (string). The order to sort posts: asc|desc.
    • Posts Slider: Slide change interval - Time interval for slides to change each other.
    • Posts Slider: Pagination - Set desired pagination style.
    • Posts Slider: Show post infobox - Do you want to show post title, reviews rating and description on slides in flex-slider.
    • Posts Slider: Infobox fixed - Do you want to fix infobox position on slides in flex-slider or hide it (infobox) on mouse hover.
    • Posts Slider: Show post's category - Do you want to show post's category on slides in flex-slider.
    • Posts Slider: Show post's reviews rating - Do you want to show post's reviews rating on slides in flex-slider.
    • Posts Slider: Show post's description - The maximum length (number of characters) of description displayed on the information bar for each slide. If it's 0, the description is not shown.
    Header and Footer components
    • Show user's header - Display style of a custom header:

      Grey style:



      Global style:



      Custom style:



    • User's header content - The contents of the user's header. It can be any text, images, html-code, shortcodes, or their combination.
    • Show top of page section - Whether to show the section with title of a current page (category) and Breadcrumbs.
    • Show Page title - Whether to display the name of the current page (category) in this section.
    • Show Breadcrumbs - Whether to show the path to the current page (category).
    • Breadcrumbs max nesting - Max number of the nested categories in the breadcrumbs (0 - unlimited).
    • Show user's footer - Display style of the footer. It's set and looks similar to User's header.
    • User's footer content - Content of the footer area. It can be any text, images, html-code, shortcodes and their combination.
    • Show Contacts in footer - Whether to display contact information of your company that you filled out on the tab "Contact info", on footer:
    • Show Twitter in footer - Whether to display the slider with Twitter feeds at the bottom of the page:




    • IMPORTANT: To retrieve data from Twitter, Twitter API is used, which requires several API keys. Please fill in the required fields on the tab "Social" in section "Twitter API Keys"
    • Show Copyright area in footer - Whether to show the line with social icons and copyright under widget area (at the very bottom of the page)
    • Footer copyright text - Copyright text that is displayed in the lower right corner of the page
    • Terms of use text - Text of the link #1
    • Terms of use link - URL of the link #1
    • Privacy policy text - Text of the link #2
    • Privacy policy link - URL of the link #2
    • 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".
    • Map height (in pixels) - Height of the map.
    • 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.
    • Marker's Title - Title to be displayed while hovering over the marker.
    • Marker's Description - Description to be displayed while clicking on the marker.
    • Google map initial zoom - Initial zoom of the map. Can be from 1 to 20.
    • Google map style - The map style
    • Google map marker - Here you can upload the image for map-marker (png-format)
    Media settings

    Settings for additional processing of media content on the website: audio, video and galleries:

    • 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).
    • Substitute standard Wordpress gallery - Do you need to replace the original Wordpress gallery in the body of the post with our slider?
    • Substitution slider engine - What slider to use to display the gallery after substitution?
    • Show gallery instead featured image - Show slider with gallery instead featured image on blog streampage and in the related posts section for the gallery posts
    • Max images number in the slider - Maximum images number from gallery into slider. For example: gallery contain 50 images, but on the streampage you can see only 5 images in the slider. This setting speed up the page loading (for the page with many sliders or many images in the each slider).
    • Gallery popup engine - What popup manager to use for zoomed pictures in the galleries?
    • Enable Gallery mode in the popup - Enable Gallery mode in the popup or show only single image
    • Theme-styled Standard Wordpress gallery - Substitute standard Wordpress gallery with our theme-styled gallery
    • 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 MediaElement script for audio and video tags - Do you wan to design tags <audio> and <video> with the popular script MediaElements?
    • Use sounds - Use sounds on mouse hover on menus, buttons and links
    • Main menu hover sound - Upload and select mp3 file for hover sound on main menu.
    • Other menus hover sound - Upload and select mp3 file for hover sound on sidemenu, right panel menu and user menu.
    • Buttons hover sound - Upload and select mp3 file for hover sound on buttons.
    • Other links hover sound - Upload and select mp3 file for hover sound on regular links.
    Typography settings

    Typography settings for heading and paragraph text.

    • Use custom typography - Use custom font settings or leave theme-styled fonts
    • Heading 1...6, Paragraph text - Font name for the each typography element.
    • Size - Font size (in pixels).
    • Line height - Inter line distance (in pixels).
    • Weight - Font weight: 100 - light (use it only for large font sizes), 400 - normal, 700 - bold, 900 - extra bold. IMPORTANT: Note that selected font support desired weight settings.
    • Style - Font style: "I" - italic, "U" - underline.
    • Color - Text color.

Blog and Single

This section will let you set up the layout and behavior of the blog 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 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.

Blog Stream page parameters

Below is a set of parameters that affects the display of the blog stream page:

  • Blog style - Display style of blog stream page:
    • Blog Excerpt - show large image and only a brief summary of the post (Excerpt) or the part before tag "Read more"
    • Classic (1,2,3,4 columns) -display posts located in columns as small pictures with description underneath. All pictures are cropped by the height till the same size.
    • Masonry (2,3,4 columns) - display positions arranged in columns as small pictures with description underneath. All pictures are scaled proportionally.
    • Portfolio (1, 2,3,4 columns) - displays post as pictures with different hover effects. This description shows up when you hover over the image. All pictures are cropped to the same size.
  • Hover style - Hover-effect when hovering over the image with the mouse.
    IMPORTANT: It's used when "Blog style" is equal to "Portfolio"
  • Hover dir - Hover direction when hovering over the image with the mouse.
    IMPORTANT: It's used when "Blog style" is equal to "Portfolio" and "Hover style" is equal to "Circle ..." or "Square ..."
  • Dedicated location - Position of "selected" content (created with the shortcode [trx_section dedicated="on"]) or featured image in respect to the page's text:
    • As in the post defined - "dedicated" content or featured image is located the way it's specified in the post settings or in the parameter align of the shortcode [trx_section], that created this "dedicated" content.
    • Above the text of the post - "dedicated" content or featured image is located above the text of the post, regardless of what is specified in the post settings.
    • To the left the text of the post - "dedicated" content or featured image is located to the left of the text of the post, regardless of what is specified in the post settings.
    • To the right the text of the post - "dedicated" content or featured image is located to the right of the text of the post, regardless of what is specified in the post settings.
    • Alternates for each post -position of "dedicated" content or featured image is selected alternately for each next post - top, left, right, etc., regardless of what is specified in the settings of the post.
    IMPORTANT: Used only if the "Blog style" is equal to "Excerpt"
  • Show filters - Whether to display buttons of posts filtering to select the group of posts belonging to one category or tag.
  • Use as filters keywords - What to use to create buttons of filtration - categories or tags.
  • 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).
  • Excerpt maxlength for streampage - The amount of characters from post excerpt to be displayed in blog streampage.
  • Excerpt maxlength for classic and masonry - The amount of characters from post excerpt to be displayed in blog streampage (For Classic and Masonry blog styles).
Single post (page) settings

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

  • Single page style - page display style:
    • Standard - Standard display of contents. Featured image or "dedicated" content is displayed above the content, to the left or right from it, depending on the corresponding setting in "Post Options".
    • Portfolio boxed - Used to display posts "Portfilio". Top of the page displays Featured image of this post and the arrows indicating previous / next post in this category. Beneath the images there are the title and the post's text, as well as other additional information - author, tags, meters, related posts, etc.
    • Portfolio fullscreen - It's like the previous mode, excluding Featured image that is stretched to fill the entire screen, and the title and a brief description of the current post emerge when hovering the image (at the bottom). Beneath the images there is additional information - author, tags, meters, related posts, etc.
  • Frontend editor - his option allows authors registered on your site, edit and delete posts directly on the website's pages.
  • 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 title on links, chat, quote, status - Whether to display the header area of a single post (page) on post formats "Quote", "Link", "Aside", "Chat"
  • 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 post counters - Enable/Disable "Counters" section (with buttons "Views", "Comments", "Likes", etc.) in single post
  • Show related posts - Enable/Disable "Related posts" section in single post
  • Related posts number - How many related posts will be shown 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
Other 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.
  • Blog pagination - 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 pagination style - Block with page numbers style: as standard page buttons or scrollable block with page numbers.
  • Blog counters - Which counters to display on 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.

Contact info

In this section you can set the following settings:

  • Contact form email - E-mail to send messages using contact form and form of registration of new users. If this field is empty, use admin e-mail from Wordpress settings.
  • Company address (part 1) - The first part of the address: house number and street
  • Company address (part 2) - The second part of the address: city, postal code and country
  • Phone - Comma separated phone numbers.
  • Fax - Comma separated fax numbers.
  • Contacts in header - Any text string to display it in the top left corner of the site.
  • Contact form message - Message's maxlength in the contact form shortcode.
  • Comments form message - Message's maxlength in the comment form.
  • Mail function - What function you want to use for sending mail: the built-in Wordpress wp_mail() or standard PHP mail() function?
    Attention! Some plugins may not work with one of them and you always have the ability to switch to alternative.

Socials

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.

  • Social networks - URLs of popular social networks. Only icons with filled URL are displayed in widget "Social".
  • Show social share buttons - whether to display the block with buttons of social networks for sharing on the post page.
  • 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.
  • Twitter API keys - In this section, you must specify a username and keys received when registering your application on https://apps.twitter.com.
    IMPORTANT: These data is required for Twitter Widget and the output of Twitter feeds on footer of the page.

Search

In this section you can configure the mechanism of incremental search. In the header of the website, the button

opens the fields for incremental search. As you're entering text below this box, the list of posts that match the query will be displayed:



  • Show search field - Show search field in top area and sidemenus.
  • Enable AJAX search - Use incremental search (as I'm entering text) or standard search (by pressing Enter or button "Search").
  • Min search string length - Minimum number of characters after entering which the search begins.
  • Delay before search (in ms) - Pause after the last keystroke (in milliseconds, 1000ms = 1s) before starting the search.
  • Search area - Check the types of posts, among which to search. it is allowed to mark multiple types at a time.
  • Posts number in output -The number of posts displayed in search results.
  • Show post's image - Show featured image in the search results.
  • Show post's date - Show date of publication of the post in the search results.
  • Show post's author - Show the author of the post in the search results.
  • Show post's counters -Show post counts (number of views, likes o r comments) in search results.

Services

In this section you can set the following settings:

  • Notify about new registration - Do I need to send a message with information about new registration on the website on contact email or admin email?
  • Use AJAX post views counter - What type of counter shold I use to count the number of page views: AJAX is applied if your site uses content caching system (in this case extra requests to the server are being generated). If you do not use caching - this option should be disabled.
  • Additional filters in admin panel - whether to use extra filters for Post Format and Tags in admin panel when viewing the list of the blog posts.
  • Enable Dummy Data Installer - Adds Import dummy data menu item to Appearance. You can disable it after you completed dummy data install or just dont need it.
  • Enable Emailer in admin panel (menu Appearance) - Do you want to show "Emailer" item in the menu "Appearance" in the admin panel. This program allows massive email distribution by the list of arbitrary addresses or groups of addresses accumulated by shortcode [trx_emailer].
  • Enable PO-Composer in admin panel (menu Appearance) - Do you want to show "PO Composer" item in the menu "Appearance" in the admin panel. This program allows you to edit. PO-files with variants of translation of your website.
  • Remove line breaks around shortcodes - Remove empty paragraphs and line breaks around shortcodes.
  • Debug mode - In the debug mode we are using unpacked scripts and styles, else - using minified scripts and styles (if present).
  • Use packed css and js files - Do you want to use one __packed.css and one __packed.js file with most theme scripts and styles instead many separate files (to speed up page load).
  • or Compose scripts and styles in single file - whether to combine all scripts and styles into one block and insert it into each output page (into tags <script> and <style>).
  • Google Tags Manager code or Google analitics code - Put here the GTM code from your account to easy manage analitics, remarketing and many other Google tags. Or only Google analitics code. It will be placed at top of page (after open tag body).
  • Google Remarketing code - Put here the Google Remarketing code. It will be placed at bottom of page (before close tag body).
  • Clear cache - Clear Wordpress cache data. For example, it recommended after activating the WPML plugin - if the cache leave are incorrect data about the structure of categories or your site displays "white screen". After clearing the cache usually the performance of the site is restored.

Widgets

Theme comes with 5 default widget sidebars. Have a look in Appearance - Widgets.

  • Top sidebar - displays widgets as tabs in header of the page (under the main menu)
  • Main sidebar - displays widgets vertically on the left or right from the main contents
  • Panel sidebar - displays widgets vertically on the corresponding tab panel inside the sliding bar
  • Footer sidebar - displays widgets horizontally in footer of the page (under Contents)
  • WooCommerce cart sidebar - Available only if the WooCommerce plugin is installed. Designed to display contents of the cart using the widget "Woocommerce Cart"

And also, due to Appearance - Theme Options - Sidebars you can create an unlimited number of additional sidebars. For each category, page and post you will be able to assign the sidebars to be used.


Theme has 11 custom widgets. Have a look in Appearance - Widgets.



Here you should just populate selected sidebar with widgets and assign this sidebar to any page, post or category. Simply drag and drop selected widget to sidebar area as shown on an image below.



To add a sidebar to page simply go to Pages -> Edit page you want to modify, in the bottom of the page find Sidebars and select a sidebar you want to associate with this page. Click on Update button in top right corner, this will save changes to the page.



Custom widgets:

  1. Advertisement block: Used to insert advertising blocks - images with links or arbitrary HTML-blocks. IMPORTANT: Be careful: it could affect the design of the page.
  2. Subcategories List: Used to show subcategories list (children of selected category)
  3. Flickr photos: Shows photos from Flickr account.
  4. Instagram photos: Shows photos from Instagram account. IMPORTANT! You need install plugin "wp-instagram-widget.zip" before use this widget.
  5. Most Popular & Commented: Displays the most visited and most commented articles.
  6. QR Code VCard: Displays VCard 3.0 with your personal data (address, phone, email, etc.) as QR Code. Also you can display as QR Code any text (or link).
  7. Recent Posts: Displays the most recent posts. Unlike the standard widget, it displays the post's featured image, author's name, comments or views number.
  8. Recent Reviews: Displays the most recent reviews. Unlike the "Recent posts" widget, it displays only posts with reviews marks.
  9. Logo and Social Links: Displays icons of social networks, the parameters of which are filled on the page Appearance - Theme Options - Social. Also site logo and short description will be displayed.
  10. Top 10 posts: Displays the best Reviews (with the highest ratings) in the opinion of the authors and visitors.
  11. Twitter: This widget shows the last Tweets from your Twitter-feed using the API 1.1
    For its work, this version of the widget requires creating "Twitter Application" and obtaining the appropriate codes. Due to the fact that Twitter from June 2013 switched to the new API 1.1 and discontinued support of out-of-date API 1.0, now to get information out of this social network, you must create an account on the resource https://dev.twitter.com/apps. Then, click the "Create a new application", fill in the required fields and generate "Access token" and "Access token secret". As a result, you will get four important core values to work with Twitter API 1.1:

    • Consumer key
    • Consumer secret
    • Access token
    • Access token secret
    You will need these fields to configure the widget "AzNews - Twitter" in Appearance - Widgets

Contact form: This widget is not supplied, but you can easily create it using the widget "Text": just add widget "Text" in the right sidebar and paste the shortcode [trx_contact_form] into this widget. That's all!

Woocommerce

Woocommerce is an industry leader e-commerce plugin for Wordpress. Another good news is that our theme is fully compatible with this great tool, you can turn your website into a sales machine in just few clicks. You simply need to install this plugin and allow it to create a set of pages to display categories, products etc. Then, you need to add a set of products. We highly encourage you to read these great documentation files Woocommerce has to offer, they help you to create an effective and reliable on line stores providing more features than you can imagine. Here is a list of really useful links helping to create your shop.

A few words should be also said about how to set a page set created with WooCommerce. After you created these pages using the plugin, please open the menu "Pages" and set the display parameters for each page. Please, remember that amongst all pages of the WooCommerce set, the page "Shop" has a priority status. It is a sort of a 'blog stream page' for the list of your products and categories. That is why, you can set your store's display by changing parameters of the page "Shop" in menu "Pages" (main theme color, availability and position of sidebars, etc).

Products list:




Product page:




Cart widget:


Emailer

Emailer - mass e-mail distribution and collection of subscription lists

You periodically send newsletters to customers? Then, our Emailer will be a great alternative to cumbersome and mailing services (often paid).

What we offer:

  • Emailer will help you to automatically create and update mailing lists
  • You can easily create a mailing list for an arbitrary list of clients, or you can use one of the lists as the basis, completing it with arbitrary set of addresses from a text file.
  • Sent letters can be created using a standard WordPress editor.
  • It's possible to add an attachment-file (a document or an archive) to the e-mail.

To enable "Emailer" select "Yes" in the field "Enable Emailer in admin panel" (page "Appearance - Theme Options"). You will get a new menu item "Appearance" - "Emailer".

How it works

Distribution lists - shortcode [trx_emailer]

If you want visitors of your website to be able to subscribe to any kind of newsletters, simply create a page (post) with description (advertising) of your mailing, and add a shortcode [trx_emailer group = "mail_delivery_name"] to it, where mail_delivery_name is a name of the list of subscribers. That's it!

As a result, a field to enter email address will appear on the page:



where your visitors can leave their e-mail address (with option dbl-in checking):



and after confirmation their email appear in the subscribers list:


Using menu Appearance - Emailer you will do a distibution for this list:

You see two sets of fields:

  • on the left - a field to create subject and a message itself, as well as a field to select an attachment to the e-mail (if necessary)
  • on the right - field to select one of the previously created mailing groups. If you want to create a newsletter for an arbitrary list of addresses, in this field you don't have to choose anything, but simply insert the e-mail address list into the next field - "List of recipients". Each address in this field ("List of recipients") must begin from a new line or you must put signs ";" or "" between the addresses.
    If you chose a group form the list, the field List of recipients will display the list of e-mail addresses from that group. IMPORTANT: In this list, you will see only confirmed addresses! Under the list of recipients, you can specify name and e-mail adress of the newsletter sender . If these fields are not filled out, the data are collected from WordPress settings: menu Settings - General.
    To the right from the field of group selection, there is a set of switchers that allow to manage current group:
    • Update - update the list of e-mail addresses when sending an e-mail (if you edited it in the field below)
    • Clear - delete unconfirmed addresses from the list of e-mail addresses when sending an e-mail
    • Deleter - delete the entire group after sending an e-mail

PO Composer

Any of you have probably faced the problem related to theme localization for Wordpress. To be more specific, the localization itself do not cause any problems, but futher updates may bring some troubles: we get a new .po-file, where some lines have changed, some have added, and some of them have deleted.
And all of it is scattered about the file in different place!

For instance, you bought the theme that includes only the english version. Normally, these are the files "en-EN" or "en-GB" located in the subfolder "languages of the theme folder. You need translation into your mother language, e.g. German. You have copied the files "en-GB.po"and "en-GB.mo" inside the folder 'language' and have named them "de-DE.po"and "de-DE.mo" respectively.

Then, you have launched the programm for editing the .po-files (e.g., POEdit) and translated all strings into German. Congrats! You've done such a huge job!

However, after a while you find out that an update of your theme was released! You download it and... here comes the most interesting part :( The translation file has changed! It now has new lines, and some of the old ones have changed. How to find what exactly have changed? Obviously, you don't want to translate it all over again... Or, you simply want to create translation file for your languange, but you don't have a .po-file editor. Sure, you can edit a .po-file using a regular text editotr. But how to get a corresponding .mo-file?

For many of customers, these problems become one of the reasons why they stop updating their themes. Of course, another good reason is the fact, that users have already made a lot of chages to the theme (logo, style tables etc). By the way, to make update of WordPress themes easier, it is not recommended to make changes into the theme files, it is preferable to create a child theme based on your theme, and make all changes there. In that case, after updating of the parent theme, you at least won't lose the changes you've made.

What we offer:


  • "PO Composer" will help you solve one of the problems related to theme update: it will help you easily find new and not changed strings for translation. Basically, it will simply prepare an updated translation file for you, where all the strings you have translated before will be added. If you like, you'll be able to move all translated strings to the end of the file. And to do (to be more precise, to complete) translation will be easy as ABC.
  • Using the "PO Composer" you will also be able to edit any .po-files (both already existing on your server and the ones being uploaded), and then generate corresponding .mo-fiels for them.
  • If the theme is allowed a record to the folder "languages", it will be able to update the .po-file in the folder with the current theme independently!

To enable "PO Composer" select "Yes" in the field "Enable po-composer in admin panel" (page "Appearance - Theme Options"). You will get a new menu item "Appearance" - "PO Composer".

How it works

Now, you opened the "PO Composer" page in the menu "Appearance - PO Composer". What's next?

PO Composer page

You see two sets of fields: on the left - the fields to select .po-file to edit (a file from the folder with a parent or child theme, any downloadable file, or even text from the Clipboard); on the right - fields to select. Po-file to be merged with the one selected on the left (if needed). If you do not want to merge files, but only edit one of them - simply do not select anyting in the right section.

So, what options are available?

  1. Upload .po-file - This option allows to selcet any .po-file from your computer and upload it for editing.
  2. Edit .po-text - This option allows text of any .po-file into the text field and edit it.
  3. Parent languages/parent_xxx - This option allows to select one of the .po-files in the folder"languages" of the parent theme on your server.
  4. Child languages/child_xxx - This option allows to select one of the .po-files in the folder "languages" of the child theme on your server (this option is available only if the child theme is active at the moment)

If you tick "Move translated strings down" - in the .po-files all translated strings will be moved at the end of the file.

Variants of use:


  1. If you want to edit one of the language files in the fodler with parent or child theme:
    In the left block of settings, select an option "parent_xxx" or "child_xxx", where "xxx" is the name of the translation file you want to edit, and then click the button "Load" under the left block.

    Edit language file


    The text of the selected file will appear in the field for editing:

    Edit language file


    You can make changes directly to this file. Attention! Be very careful when editing these files. It is important not to break the structure of the file and not to remove special characters accidentally. Therefore, this way of editing can only be recommend to very experienced users.
    Fortunately there is another, much safer way: switch to the tab"Strings editor"and you will see the list of strings for translation. Below the list, there is a field for editing the current string. You simply scroll through the list and edit string by string. Strings that have been translated appear in the list in a different color.

    Edit strings list


    When finished editing - switch back to the tab "Plain text" and click "Update" to generate .mo-file and update the file on the server (if allowed to record on this file).

    Update after editing


    After updating the information on the server, you'll get links (buttons) for download of generated. PO and. MO-files. If the server has permission for file record in the subfolder "/ languages" of the theme folder - the relevant files will be automatically updated. If the record is prohibited - just download the generated files using the links and update them on your server manually.

    Update after editing

  2. Editing the random .po-file:
    In the left block of settings, select the option Upload .po-file and click the button "Upload" below the left block.

    Upload file


    The text of the selected file will appear in the edit box:

    Edit language file


    All further steps are completely analogous to those we have described in the previous example.
  3. Editing text from the Clipboard:
    In the left block of settings, select the option Edit .po-text and into the text field insert the text from the Clipboard:

    Edit plain text


    All further steps are completely analogous to those we have described in the previous examples (see above).
  4. Merging different versions of translation file:
    For example, you are using the child-theme. You have updated the parent theme, and the folder with the child-theme in the subfolder "languages" contains old language files. . You want to update the language file in the child-theme by adding the new and changed strings of the updated theme and keeping all your previously translated strings. On the left, you need to select "parent_xxx", and on the right - "child_xxx" (where "xxx" is the language code) and press the button "Merge":

    Merge files


    The text of the merged file will appear in the edit box:
    Edit merged file


    All further steps are completely analogous to those we have described in the previous examples (see above).

Sources

Fonts used:

    • "Merriweather" (non standard), "Source Sans Pro" (non standard), and other 40 Google fonts
    • Fontello (non standard, icons set)

All non standard fonts are from Google Web Fonts and Fontello icons set). We used all the pictures from: http://www.unsplash.com/ All images are copyrighted to their respective owners and not available for download with this theme.

Support

As I said at the beginning of this help file, I'd be glad to help you if you have any questions relating to this theme. We'll do our best to assist you. If you have any questions that are beyond the scope of this documentation, please feel free to email our support department.
Important! Please provide as much details as possible in order to receive an exhaustive answer.

Customization request? If you need help with customizations of your theme, we can do it for you at affordable rates. Please, send a detailed customization request to our developers: Customization request.