Theme installation

After you purchased the theme, go to “Downloads” section in your Themeforest account and download theme package to your computer.

d-theme-install1

 

Unzip it it and find installable ‘polo.zip’ in ‘THEME IN THAT FOLDER !’ folder.

Log in your domain, where you have previously installed WordPress. Please, note, it must be a clean WordPress installation with no other content, themes, or plugins in it. Just WordPress and nothing else!

Go to Appearance>Themes>Add new>Upload theme and upload installable polo.zip archive.

install-polo1

Install and activate the theme.

install-polo2

install-polo3

Begin installing and activating required theme plugins.

install-polo4

install-polo5

install-polo6

install-polo7

Upon plugins activation, start importing demo data. Go to Appearance>Import Demo Data section, select desired demo style and style variation that you would like to import. Click on Import Demo Data button.

install-polo8

Import process may take a while. Please, be patient and wait till you see Import is completed message.

install-polo9

The theme is installed and you can start editing pages.

Theme installation video

Hero Templates import

Hero Tempates that you can see on this Polo promo page demonstrate premium Revolution slider examples.

Hero Templates are not imported like other demo pages, but premium sliders used on them come with the theme package in the ZIP archive.

In order to import one or several premium Revolution slider examples you should follow the next steps:

  1. Download Polo theme package from your Themeforest account and unzip it.
  2. Open Revolution sliders examples folder and open the Example Sliders and Premium Sliders URL in your browser to download all slider examples to your computer.
    hero-polo-1hero-polo-2
  3. Upon downloading, unzip archives with sliders. There you will see all slider examples that were used in Hero templates.
    hero-polo-3
  4. Now you need to import slider examples to your site. Log in your site, where you have installed Polo theme.
  5. Go to Revolution slider section in your admin dashboard.
    hero-polo-4
  6. Click over Import slider box and upload any slider example you like.
    hero-polo-5hero-polo-7
    hero-polo-6
  7. Create a new page or edit the existing one. Add Revolution slider 5 module in Visual Composer editor and select your imported slider from the list of available sliders.
    hero-polo-8hero-polo-9
  8. Save the page.

Child theme Polo

It is very important to install child theme in case you are going to modify theme files according to your needs.

The greatest advantage of the child theme is that you can store the modified theme files in it and they will never be lost after you update the parent theme.

Why?

Because child theme doesn’t require updates.

How to get started with the child theme?

First of all you have to install the parent theme, as described in section ‘Theme installation .

Find ‘polo-child.zip’ file in theme package.

Install it the same way as the parent theme over Appearance>Themes>Add new. And activate it.

How to upload modified files to the child theme?

Child theme fully inherits functionality of the parent theme. In order to edit PHP files, you have to copy them to the child theme preserving the same path structure as in the parent theme.

For example, you need to edit file news-page.php that is stored in ‘page-templates’ folder. You have to create ‘page-templates’ folder in the child theme and upload modified file in it. So the path must be as follows ‘…/page-templates/news-page.php’.

PLEASE NOTE, this method works only for the root files, and for the files in ‘page-templates’ and ‘post-formats’ folders.

Other PHP files are built via functions, so in order to edit them, you need to deactivate the original function and add your own in functions.php file of the child theme. You can find more information on overriding parent theme functions in this topic or search for more information in the net.

In order to override JS files, you need to dequeue existing script and enqueue your own. More information on this you can find here or here.

 

 

How to add my custom CSS to the child theme?

You can insert your custom CSS codes directly to the style.css file, that is located in the child theme folder by default or to Theme Options>Advanced Options>Custom CSS Code section. Both ways are correct.

j-child2

 

Staying up-to-date

There are 2 ways to get theme updates:

  • manual updates;
  • automatical updates.

MANUAL UPDATES

  1. Log in your Themeforest account;
  2. Go to ‘Downloads‘ section;
  3. Click on the button in from of the theme name;
  4. Select “Installable WordPress file only” option from the dropdown menu and download the zip archive.
    updates-polo1
  5. Unzip ‘polo.zip‘ archive and upload folder ‘polo‘ via FTP to ‘wp-content/themes‘ directory replacing the old files.
  6. Upon updating there will appear a popup in your admin dashboard recommending to update theme plugins. Click on the Begin updating plugins link or go to Appearance>Install Plugins section and update the required plugins from there. If there is no such popup and Install Plugins section in your admin dashboard, it means that all plugins are up-to-date and there are no new versions available.
    updates-polo3updates-polo4

AUTOMATIC UPDATES

In order to activate automated updates, go to Theme options>Main options section and enter your theme purchase code in Item purchase code box.
updates-polo2

 

 

How to find my item purchase code?

  1. Log in your Themeforest account;
  2. go to ”Downloads section;
  3. Click on the button;
  4. and download your License and purchase code in PDF or text format.
    updates-polo5

 

UPDATE PROCESS VIA AUTO UPDATE OPTION

After you have activated your theme purchase code in Main options panel, you will get notifications about all new theme versions in your admin dashboard.
updates-polo6

 

  1. Go to Updates section and perform an update from there.
  2. Upon updating there will appear a popup in your admin dashboard recommending to update theme plugins. Click on the Begin updating plugins link or go to Appearance>Install Plugins section and update the required plugins from there. If there is no such popup and Install Plugins section in your admin dashboard, it means that all plugins are up-to-date and there are no new versions available.
    updates-polo3updates-polo4

 

 

Google map activation

In order to make Google Map work on your site, it is required to activate your Google Map API Key in theme options of the theme.

Please, follow the next steps:

  1. Generate your Google Map API Key by following instructions in this tutorial.
  2. Go to Theme options > Advanced options section and find Google map API key field there.
  3. Insert your API key and save settings.
    google-api-polo1
  4. When you are ready, you can add map on your pages with Google Maps module of Visual Composer.
    google-api-polo2google-api-polo3

Single post

Creating a post

What is the post and its default features you may already know from the WordPress Codex.

To create a simple post you have to:

1. Log in your WordPress admin dashboard;

2. Go to Posts section in the left of your admin dashboard.

3. Click on Add new tab and start filling in the blanks: enter your post title in the upper field,  enter your post content field in the main editing box below.

4. Link your post to existing/new categories and add tags.

5. Add a featured image in Featured image section in the bottom right section of edit page. It will be displayed on your blog pages and post slider.

 

Post formats

Polo theme supports most of standard Wordpress post formats: gallery, image, quote, video, audio. The definition of each format is detailed described in WordPress Codex. The list of all post formats is represented as radio-button list  in Formats sub-section in the right side of the post edit page.

To create a post with the desired post format,  select this format from the radio-button list, and start adding the content.

When you select Gallery, Video or Audio format, there appears Post features media section in the upper right corner of the page, where you should add gallery images/embed video/embed audio file that will be displayed on the blog page.

polo-post1

Gallery post format

To create a gallery post, you have to:

1. add new post, fill in Title field;

2. select Gallery post format from the Formats radio-button list;

3. in the appeared Post features media metabox field click on Add Gallery button;

j-post1

 

4. begin adding images from Media library or upload them directly from your computer;

5. when all images are added, click on Create a new gallery button;

 

polo-post26. select needed parameters in “Gallery settings” section. You can attach your image to media file as well as to attachement page, select number of columns for your gallery, choose size of images and type of gallery.

7. When you are ready, click “Insert Gallery” button.

 

polo-post3

8. After the gallery was added, choose Gallery feature typeGallery or Slider.

polo-post4

Gallery type will display images as a masonry grid.

polo-post5

Slider type will show images in a slider with arrows.

polo-post6

Additional post settings

After the content was added, scroll down the page to Post options section. There you can adjust custom post style and post layout for your post. With help of the thumbnail images, that schematically represent corresponding option, you can easily configure appearance of your post.

polo-post7

You can also keep default settings. They are controlled from Theme options>Post options>Single post options and Theme options>Sidebar options>Single post layout.

polo-post8

 

Blog page

Creating a blog page

To create a blog page, create a new page in Pages>Add new and select News page template from the Template list in Page Attributes section.

polo-blog1

Save the page and you get a ready blog page with all your post in it. Now you can adjust custom style for your page. Scroll down to News page options section and configure the following parameters: blog style, number of columns, number of items to display, excerpt length, pagination type etc.

polo-blog2

You can also keep blog settings by default. Default settings can be configured from Theme options>Post options>Blog post options.

polo-blog3

 

Additional options

There are additional options for page and typography that you can adjust at your own discretion.

In Page options section you will find options to adjust the following: color scheme, top panel, header options, stunning header options (page title section), footer options and page layout.

polo-blog4

Scroll down to the bottom of page and you will see Typography options, where you can set custom font settings for the current page.

polo-blog5

You can keep page and typography options by default as well and they will be applied from Theme options panel.

Blog page with vertical panel on left

In order to create a news page with vertical black panel on left, like shown on the Home Blog v8 demo page http://theme.crumina.net/polo/magazine/home-blog-v8/ , you should do the following:

  1. Create a news page with News Page template or edit the existing one.
    polo-blog6
  2. Scroll down to Page options box and switch to Header options tab.
  3. Select the 3d thumbnail under Header Style option.
    polo-blog7
  4. Below there appear options to adjust content inside your vertical panel.
    polo-blog9
    The options let you do the following:
    – Upload custom logo, that will be displayed only on the current page.
    – Hide logo on page, if you enable Hide logo on page option.
    – Replace logo with text – if this option is enabled, there appears a text field, where you may add any text you like.
    – Hide menu.
    – Description text – you may add additional text to display on your vertical panel.
    – Soc icons style – you may choose style for the social icons specially for the current page.
  5. On the image below you may see all settings for Home Blog v8 demo http://theme.crumina.net/polo/magazine/home-blog-v8/
    polo-blog8

Single portfolio post

Creating a portfolio post

Create your portfolio post in Portfolio>Add new. Type title for it, assign to existing category or create a new one and upload featured image to it.

polo-portfolio1

To add some text to your portfolio post, go to Portfolio content section and switch to Item additional info tab. Type text in Portfolio description field. This will be the main portion of text on page.

You can also add additional information, that will be displayed like bulleted list without bullets. In front of the Additional info title, enter title (optional). And in front of Additional info click on Add new button and fill in Title and Description fields.

polo-portfolio2

There are additional options to show/hide social share button, enable/disable related portfolio items and choose number of related portfolio items.

polo-portfolio3

 

After you have added content, your portfolio item will look like that.

polo-portfolio4

The above layout of portfolio is not the only one available and you can change it to another one. In Portfolio content section switch to Item layout options and change layout to any other represented by the image thumbnails.

polo-portfolio5

You can also show other media instead of featured image, such as image gallery, video or audio file. For this choose corresponding thumbnail in Portfolio content>Item layout options>Item media options. After you have chosen any of the thumbnails, there appears a metabox field where you should add image gallery/video file/audio file.

polo-portfolio6

Portfolio images size for masonry layout

There is option to display portfolio items in a masonry layout with different sizes of featured images. If you would like to have such a masonry page, choose size for portfolio featured images in Portfolio masonry section in the upper right corner of the edit page.

polo-portfolio7

Additional options for portfolio post page

There are additional options to adjust portfolio page appearance.

Scroll down the edit page and in Page options section you will find options to adjust the following: color scheme, top panel, header options, stunning header options (page title section), footer options and page layout.

polo-blog4

Portfolio page

Creating a portfolio page

To create a portfolio page, go to Pages>Add new, enter title of your page and select Portfolio page template from Templates list in Page Attributes section.

polo-portfolio8

Scroll down the page to Portfolio page options section and configure setting under Main options and Styling options tabs.

Under Main options you can:

  • choose style of your portfolio page (classic or masonry),
  • choose number of columns on page (only for classic style),
  • number of portfolio items per page,
  • filter items by categories
  • and choose page layout (boxed or fullwidth).

polo-portfolio9

Under Styling options tab you can choose:

  • pagination type;
  • hover effect;
  • show/hide title of portfolio items;
  • enable/disable spaces between portfolio elements;
  • enable/disable grey background under the items;
  • show/hide excerpt.

polo-portfolio10

 

Additional options

There are additional options for page and typography that you can adjust at your own discretion.

In Page options section you will find options to adjust the following: color scheme, top panel, header options, stunning header options (page title section), footer options and page layout.

polo-blog4

Scroll down to the bottom of page and you will see Typography options, where you can set custom font settings for the current page.

polo-blog5

You can keep page and typography options by default as well and they will be applied from Theme options panel.

Portfolio sorting on page

In Polo version 1.0.6. we added a sorting option for portfolio items on page. It will allow you to order portfolio items by:

  • date
  • slug
  • title
  • post id
  • last modified date
  • page order

Additionally you can choose sort order:

  • Ascending
  • Descending

The sorting options are available for Portfolio page template. All you have to do is:

  1. Create a new page with Portfolio page template or edit existing portfolio page;
    polo-portfolio11
  2. Scroll down to Portfolio page options box;
  3. And find Sort order and Order by option under Main options tab.
    polo-portfolio12

Sorting by Page Order

By Page order option lets you order portfolio items in a  custom way by using Simple Page Ordering plugin https://wordpress.org/plugins/simple-page-ordering/ . All you have to do is to:

  1. Install and activate Simple Page Ordering plugin.
  2. Edit your portfolio page and choose By Page order sorting option.
    polo-portfolio13
  3. Save the page.
  4. Go to Portfolio>All portfolio posts section and click on Click by Order link.
    polo-portfolio14
  5. Reorder portfolio items with simple drag-and-drop function.
    polo-portfolio15
  6. The order is saved automatically. Go to your page and view changes.

Portfolio page with side panel

Portfolio page with side panel is represented by the static panel on the left side of the page, that has logo, menu and other information in it. You can see such page on the Polo demo site here.

Create a new page in Pages>Add new section and select Portfolio page + Side Panel template from Page Attributes section.

polo-portfolio-side1

Scroll down the page to Portfolio page options section and configure settings for this page.

Under Header options tab you can adjust settings of the side panel.

polo-portfolio-side2

Switch to Main options tab to configure settings of the portfolio content.

polo-portfolio-side3

Under Styling options tab you can configure style of your portfolio items.

polo-portfolio-side4

You can also configure style of the footer section under Footer options tab or leave settings by default.

polo-portfolio-side5

Additionally you can change typography for your portfolio page in Typography options section.

polo-portfolio-side6

That’s all! Portfolio page with side panel is ready. Save changes and view the result.

Content management

The main page builder in the theme is integrated Visual Composer plugin. You can edit imported pages with your own content and create new ones using available modules of the plugin. Apart from the standard shortcodes available in Visual Composer, there are exclusive Polo modules integrated in the plugin. You can find all of them under Polo modules tab.

polo-pages1

Creating a new page

Add a new page in Pages>Add new, enter title of your page and click on Backend editor button to enter Visual Composer editor.

polo-pages2

Click on Add element button and start adding modules to your page.

polo-pages3

Add standard Visual Composer elements or Polo modules, that are located under Polo modules tabs.

polo-pages1

Use a one column row or split the row in columns using predefined columns settings or create a custom columns variant.

polo-pages4

Reorder elements within the row/column or move to another row/column using flexible drag and drop function.

polo-pages5

Adding row inside another row

You can also put a row inside another row. It is a good solution, if your row will include several columns and you want to put a background color/image to the entire row. For this simply add a new row by clicking on a PLUS icon,

polo-pages6

select Row element from the elements list

polo-pages7

click on the PLUS icon of the added row,

polo-pages8

and select Row element once again.

polo-pages7

You will get row inside another row.

polo-pages9

Now you can split the inner row into columns, if needed, and add elements to them.

polo-pages10

Background color or image in the row

If you want to put background color/image to your row, click on the PENCIL icon in the upper right corner of the row section,

polo-pages11

in the Row settings window switch to Design Options tab and select background color using color picker or upload an image.

polo-pages12

You can also set margins and paddings in CSS box to make nice spacing within the row and outside it.

polo-pages13

Fullwidth row

In order to make fullwidth row, click on the PENCIL icon in the upper right corner of the row section, in the Row settings window > ‘General’ tab > ‘Row stretch’ choose Stretch row option. It will stretch row background across the screen.

Or choose Stretch row and content/Stretch row and content(no paddings) – it will stretch row background and content as well.

polo-pages14

More about other row settings you will find in ‘Row background variations‘ documentation section.

Row background variations

Polo theme offers a wide range of row background variations – background color, background image or video backgrounds. We will dwell more detailed on each of them in this topic.

In order to configure row settings of a particular row on the page, first of all click on the PENCIL button in the upper right corner of the row section. There will open Row settings window with all options in it.

polo-pages11

Simple background color or image

Open Row Settings and switch to Design Options tab. Select background color with the colorpicker or upload image by clicking on the PLUS image.

polo-pages12

If you upload an image you can choose its background size in the dropdown list below.

polo-pages15

Go back to General tab to choose one of the available Row stretch options to make your background fullwidth.

polo-pages14

Parallax background

Open Row Settings, staying in General tab scroll down to Parallax section and select Simple or With Fade option from the dropdown list.

Upload an image from your computer or select one from Media library. Set Parallax speed or keep value by default. After that make your row fullwidth in Row stretch section.

polo-pages16

Youtube video background

Open Row Settings, staying in General tab scroll down to Use video background? section and check YES checkbox.

Insert your Youtube video link in YouTube link field. After that make your row fullwidth in Row stretch section.

polo-pages17

Self-hosted video background

Open Row Settings, switch to Video background tab, check Enable video background with self-hosted video checkbox and insert video links in MP4 and WEBM/OGG formats, that you have previously uploaded to Media library. If needed check Mute video and Loop video checkboxes too.

polo-pages18

It is also recommended to upload a Video poster image. Since mobile devices don’t support auto-playing videos, an image will be shown instead of the video on mobile resolutions.

polo-pages19

After that switch back to General tab and make your row fullwidth in Row stretch section.

Background overlay

Overlay option allows you to put an image or color overlay over existing background image/color/video. It is a great option to highlight text on the background.

Open Row Settings, switch to Overlay tab and check Enable overlay checkbox. There will appear overlay options, where you can either upload an overlay image, for example a dotted image, or select a color with the colorpicker.

polo-pages20

Moving background effect

This effect enables you to add a background image that will move either to right or left, depending on the selected option. The best way is to use some repeating pattern as a background for flawless movement.

To enable moving background, first of all, set an image in Row Settings>Design Options tab.

polo-pages21

Secondly, switch to BG effects tab and enable moving background effect. You can choose movement direction from Moving bg direction dropdown list as well.

polo-pages22

After that switch back to General tab and make your row fullwidth in Row stretch section.

polo-pages14

Particles background

Particles background is represented by infinitely flying particles all over the row background area. Particles background can be enabled both for background color and image.

Simply add background color or image in Row Settings>Design Options and then switch to BG effects tab and check Enable particle background effect checkbox.

polo-pages23

After that switch back to General tab and make your row fullwidth in Row stretch section.

Custom options per page

Page options panel in Polo theme is developed so to let you customize every aspect of the page layout. Therefore you can configure pages for entire site in Theme options panel as well as for single pages in Page options section of the edit page.

Once you created a page, you can configure further page options. For this scroll down the edit page to Page options section, where you will see 6 tabs with different options:

  1. Color scheme. In this tab you can select another main site colorm that will be applied only for this particular page. Select one of the predefined color schemes or choose your color using Custom color option.
    polo-pages24
    You can also enable Boxed layout, that will add a frame around the content area.
    polo-pages25
  2. Top bar options. With this option you can enable or disable display of the top panel on page. If enabled, you can choose its style – white, dark or custom.
    polo-pages26
    NOTE: Top panel serves to show social networks icons. So if social networks icons are not enabled, top panel won’t display despite you have activated it. To enable social networks icons, please, go to Theme options>Main options>Social networks and add your icons there.
  3. Header options. Here you can configure header layout on page. You can choose either horizontal or vertical (side panel) header style. After you select any layout, there will appear additional options, that you can configure on your own discretion, e.g. change site logo, enable search/cart icons, change header and menu style.
    polo-pages27
    You can also keep default settings. They will be applied from Theme options>Header options panel.
  4. Stunning header options. These options control look of the page title section – title itself and background under it. You can choose style of stunning header (animated, video background, pattern etc), title alignment (left, right, center), enter custom subtitle, select animation on page load, upload background image, choose custom text color and height of the background.
    You can also keep default settings, that are applied from Theme options>Stunning header options panel or disable stunning header at all.
    polo-pages29
  5. Footer options. Here you can customize style and layout of your footer. Select one of 3 styles (light, dark and colored) and layout with help of the thumbnail images. You can also adjust additional options like custom logo, footer text etc.
    polo-pages30
    If you keep default settings, there will be applied ones from Theme Options>Footer options panel.
  6. Page layout. Here you can select layout of your page – with sidebars or fullwidth. You can also choose width and style of the sidebar.
    polo-pages31
    You can also disable space on top and bottom of the content area with help of Disable page top/bottom padding options.
    polo-pages32

Page elements (modules) overview

All layouts in Polo are built with Visual Composer plugin, that is used as main page builder in the theme. There is a number of standard Visual Composer elements and integrated elements specially for Polo theme. This topic is devoted to the last ones.

After you have created a new page, go to Backend editor,

polo-pages2

click on Add element button,

polo-pages3

and in the appeared window, switch to Polo Modules tab.

polo-pages1

There you will see all Polo elements. So let’s review each of them by turn.

Accordion/Toggle

Accordion/Toggle module has 12 layouts represented by thumbnail images. Choose one under Layout tab.

elements1

Switch to General tab and choose type of the module – Accordion or Toggle. The only difference between them is that Accordion can have only one active tab at the same time, Toggle – multiple.

elements2

After you have chosen type of the module, begin adding tabs with content. You can type title and content of the tab, select icon from the icons list and set the tab as active.

elements3

After you have added all tabs, you can enable animation for the module on page load. For this switch to Animations tab and choose desired animation type and animation delay.

elements4

Here are the sample blocks with accordion and toggle:

elements5

Alert box

Alert box is a small box with message carrying an informative or warning function.

There are 4 types of alert boxes: Success, Info, Warning, Danger. Depending on the chosen type, your message will be highlighted with corresponding color.

elements6

You can make your message dismissible. For this check  Dismissible checkbox.

elements7

Enter message of your alert box in Content field and add icon from the list if needed.

elements8

You can also enable animation for the module under Animations tab. There you can choose animation type and animation delay.

elements9

Here are the sample blocks with each alert box type:

elements10

Blockquote

Blockquote module has 6 predefined styles and one custom allowing to add custom background color for blockquote. All styles are represented by thumbnail images.

elements11

Choose one style, add text to Content field and author name to Cite author field.

elements12

If you chose Custom background style, there appear colorpickers under Cite author field, where you can set background and text colors.

elements13

You can also enable animation on page load under Animations tab. Choose desired animation type and animation delay.

elements14

Button

Button style

Buttom module has multiple variations, all of which are represented on Button element page.

You can combine such button parameters:

  1. Button size – normal, small, large;
  2. Button type – default, 3D, bordered, transparent;
  3. Button style – default, rounded, full rounded, animated, rounded+animated.

elements15

Align the button within the row/column on left, right, center or inline with Button align option.

elements16

If you want to put 2 buttons near each other, choose Inline option for both buttons. They will be aligned on left by default.

elements18elements17

If you want to place buttons in center of the row/column, edit column, in which the buttons are located, and insert text-center class name in Extra class name field.

elements19

elements20

elements21

It is possible to add icon to your button if needed. Choose one from Icon library and choose its alignment – on left or right of the button text.

elements22

If you choose Animated or Rounded+animated style, you get more Icon position options (left, right, top, bottom) and additional animation options.

elements23

Button text and color

The next step is to add text to your button and color. Switch to Attributes tab, enter text that will be displayed on the button, link it to some URL if needed, choose color of your button and if needed make it fullwidth.

elements24

Besides multiple predefined button colors, there is Custom color option. It allows you to change background, text, border colors and set custom border width.

elements25

Animations

If needed you can enable animation on page load under Animations tab. Choose desired animation type and animation delay.

elements26

Call to action

Call to action style

Call to action module is represented by text message and button. There are 3 layouts of module left-aligned, centered and right-aligned. Choose style by selecting one of the thumbnail images under General tab.

elements27

You can also choose one of the available styles for your call to action block – default, bordered, colored, dark or with pattern.

elements28

Additionally you can choose size of the block (default, small or large), enable fullwidth option and border radius for entire block.

elements29

Once you are ready fill in the Title and Description fields. This will be the main portio of text in the block.

elements30

Button

The next step is to add a button to your call to action block. Switch to Button tab and configure its size, type and style.

If needed add icon from Icon library and choose icon position.

elements31

Enter button text below and link it to some existing page or external link.

elements32

You can also choose one of the predefined colors of the button or set a custom one.

elements33

Animation

If needed you can enable animation on page load under Animations tab. Choose one of the available animation type and animation delay.

elements34

 

Clients presentation

Clients presentation module helps you to display your clients/partners logos in 3 styles, that are represented as thumbnail images.

If you choose the 2d style (middle thumbnail) there are additional options – to show default grid or with border around it.

elements35

After you have chosen style of the block, begin adding clients below.

Upload an image, fill in Client description title and Client description fields. This information will be shown when one hovers over the image.

You can also link your client image to some existing page or external link for additional information abour your client.

elements36

When all clients are added, switch to Default settings tab and set how many clients images will be shown per row.

elements37

That’s all! Your clients block is ready.

elements38

Contact form

Contact form module offers 4 form layouts, that are represented by thumbnail images im module settings.

Choose layout that you like most and then select on of the styles from Style dropdown list below.

elements39

Scroll down a little and enter email address in Contact email, where you will receive imcoming emails.

elements40

Below the Contact email fill in form fieldslabel and placeholder.

elements41

When all is done, switch to Button tab to customize your Send message button.

1. Choose style for your button:

  • default – button with icon on left that applies color of the current color scheme;
  • light – light button with icon on left;
  • light without icon;
  • dark without icon.

2. Type text, that will be displayed on your button.

3. And choose alignment of your button – left, right or center.

elements42

That’s all. Contact form is ready.

 

Countdown

Countdown module allows you to display time in reverse order till the start of some event.

Open module settings, click over Date field and choose date of the target event fro the calendar.

elements43

After that choose countdown style (default, circle or square) and size (default, medium or small).

elements44

You can enable animation for Countdown block if needed. For this switch to Animation tab and select desired animation type and delay.

elements45

Counter

Counter module is the best tool to show your achievements and milestones.

Select Polo Counter from the list of Polo modules and begin configuring its settings.

First of all fill in all fields and select options under General tab:

  • Fill in Counter start number and Counter end number. E.g. 0 and 345. Counter will be counting from 0 till 345 on page load;
  • Fill in Counter speed in seconds field – you can set speed of counting numbers in seconds.
  • Select size of the counternormal, small, large or extra large.
  • Separator before description – you can enable or disable small dash that separates numbers from description.
  • Description – fill in Description field that identifies what is being counted. E.g. 345 Projects;
  • Color – you can choose color of the numbers and descrition from Counter Color and Description Color colorpickers.

elements46

If you want to show an icon beside your counter block, you can enable it under Icon tab.

Choose one of 5 icon libraries and select an icon from icons list.

elements47

You can also choose color of the icon, its position and border style. If needed link your icon to some page or external link.

elements48

You can also enable animation for your counter under Animation tab. There you can choose animation type and delay.

elements49

NOTE: there is Infinite animation option that works only for Background icon position.

elements50

elements51

Headings

There are 4 Heading modules in the theme – Polo Heading, Polo Heading with line, Polo Hero Heading and Polo Author title.

elements64

Let’s review their functions and options by turn.

Polo Heading

Polo Heading module has 8 predefined styles and 1 custom style, that you can configure the way you want. Each style is represented by a thumbnail image.

elements52

Choose one of the styles and switch to General tab.

Enter heading and subheading to corresponding fields.

Choose alignment of your heading (left, right or center). And choose style of the heading (light or dark).

elements53

You can also configure width of the delimiter, that is displayed under heading.

Set custom width in Delimiter width (px) field or disable it at all by entering 0.

elements54

Lastly you can choose margin in pixels, that will separate heading from the block below it.

Choose required value from Margin after heading dropdown list.

elements55

If you choose Custom Typography style, there appear additional tabs Title Typography and Subtitle Typography, where you can configure style of heading and subheading in every detail.

elements56

Under Title Typography and Subtitle Typography tabs you can configure element tags (h1, h2, h3 etc), line height, font size, letter spacing, text color, font style (bold, italic) or even choose custom font family.

elements57

You can also enable animation for your heading block under Animation tab. Choose animation type and delay.

elements58

 

Polo Heading with line

This module allows to create heading with a line beside it. Depending on heading position (left, right or center), the line will be displayed on the opposite side of the heading, or on both sides, if you choose center position.

elements60

Open module settings, type text of the heading, choose alignment for it and configure its style in Typography settings.

elements59

 

Polo Hero Heading

This module is narrowly focused in its functionality. Its main function is to use HTML within heading. For example, you can customize heading by highlighting part of the text with different color etc.

Open Hero Heading settings, fill in Heading and Subheading fields, and choose alignment of the heading section (left, right or center).

elements61

After that switch to Typography tab and configure typography settings of your heading. Set element tag (h1, h2, h3 etc) , select letter spacing, font size, line height, set text color and style, if needed select custom font family.

elements62

 

Polo Author title

This module provides only 1 heading style and has no customization options. Simply enter your heading text and select its alignment (left, right or center). It will be displayed in Damion font with font size 96px.

elements65

elements63

 

Horizontal and vertical tabs

Horizontal tabs

There are 10 styles available in Horizontal tabs module:

  • default
  • with border
  • triangle line
  • triangle line simple
  • rounded
  • no border
  • simple
  • clean
  • justified
  • colored

Each of them you can view on the image below.

elements66

Select Polo Horizontal Tabs module from the list of modules, choose desired tabs style, control position (top or bottom) and control alignment (left or right).

elements67

Control position and control alignment options determine location of the tabs in the block. Here is example of all variations.

elements68

After you have selected needed options, begin adding tab elements.

elements69

elements70

Fill in provided fields and select an icon for the tab if needed.

elements71

When you are ready, add another tab by clicking small PLUS button.

elements72

When the block is ready, save settings and view the page.

 

Vertical tabs

The same way you can create block with vertical tabs. Select Polo vertical Tabs module from the lost of Polo modules, configure its style and add tabs elements to it.

elements170

elements171

The examples of all Vertical tabs variantions you can see below:

elements172

Icon box

Icon box module is a great tool to show key information about your company with icon in different styles.

To create such block, select Polo Icon Box module from the list of modules and choose style, border style, alignment and size of your icon box under General tab.

elements73

Switch to the Content tab and fill in provided fields.

elements74

In order to add icon to your Icon Box, switch to Icon tab, select an icon from 5 integrated icon libraries and choose color for it. You can also link your icon to some page of needed.

elements75

You can also enable animation for your Icon Boxes. Simply switch to Animations tab, choose desired animation type and delay.

elements76

Image box

Polo Image module provides options to show image with text below it.

elements77

Select Polo Image Box module from the list of all modules, fill in Title and Description fields and select image from Media library.

elements78

Enter desired dimensions of the image in Image width and Image height tab.

elements79

You can also select tag for the block title in Title tag field – h1, h2, h3, h4, h5 or h6.

elements80

If you would like to enable animations for the Image box block, switch to Animations tab and select desired animation type and delay.

elements81

Panel

Polo Panel module is a text block in a form of table, where text is surrounded by a border and title is displayed on a colored background.

elements100

To create such a block, select Polo Panel module from the list of Polo modules and:

  • fill in Header title and/or Footer title fields. If you leave some field empty, it won’t be displayed on page.
  • fill in Description field.
  • select Title style – if it will be displayed as normal text or heading. Please, note, this option works only for Header title option.

elements101

You can also choose color style for your Panel. Select from Style dropdown list one of the suggested options:

  • default – grey;
  • primary – blue;
  • success – green;
  • info – light-blue;
  • warning – yellow;
  • danger – red.

elements102

 

That’s all! Your Panel block is ready.

In order to enable animation for this block, switch to Animation tab and choose desired animation type and delay.

elements103

Pie Chart

Polo Pie Chart module is represented by circle diagramme that one can use to display statistics of something in percent.

Select Polo Pie Chart module from the list of Polo modules and configure available options:

Style:

  • default – with percent in center;
  • with icon – with icon in center.

elements104

elements105

Chart color – this is the color of border of your Pie Chart.

 

elements106

Content color – this is the color of the percent value/icon inside the circle and text under the diagramme.

elements107

Chart value – is a percent value of your pie chart.

Chart width – is width of the circle border. By default it is 4px and you can make it bigger or smaller by setting a numeric value in the Chart width field.

Size – determines size of the entire circle. By default its size is 160px. You can change it by entering your custom value.

elements108

elements109

 

After you have configured settings under General tab, switch to Content tab and fill in Title and Description fields. This information will be displayed below the pie chart.

elements110

elements111

 

The Pie Chart block is ready. Save settings and view the page.

Price menu

Polo Price Menu module is developed for food service websites like Restaurant, Cafe, Backery etc. It allows to list items from your menu with prices.

Select Polo Price Menu module from the list of Polo modules and add menu items by filling in given fieldsTitle, Description, Price.

You can also upload image that will be displayed on left of the text.

elements112

After that you can choose alignment of your menu itemsleft or center of the row/column.

elements113

After you have added all menu items, you can enable animations for the block under Animations tab.

elements114

Below you can see examples of Price menu with and without images.

elements115

elements116

Pricing table

To create a pricing block, select Polo Pricing Table module from the list of Polo modules and click Save changes button.

elements117

elements118

After that click on the PLUS icon and add Pricing Table column.

elements119

elements120

 

In the appeared window fill in provided fields and add table fields with your own information.

elements121

Fill in Featured text field with some text (optional). This text will be displayed at the bottom of the pricing table.

elements122

You can make one of the pricing column featured. For this enable Featured option at the bottom of General tab.

elements123

Once you are ready, switch to Button tab to customize button that will be displayed in your Pricing column.

elements124

That’s all! Your pricing block is ready.

elements125

Progress bar

Block with progress bar can be created with Polo Progress Bar module.

Select it from the list of Polo modules, fill in Title and Value fields, and configure styling of the block with the given options.

elements126

One module is one progress bar. To create multiple bars, add Progress bar module for each new bar.

elements127

elements128

Rolling banner (Breaking news bar)

Polo Rolling Banner module is suitable to display banner with breaking news that scrolls automatically across the screen.

Add module from the list of Polo modules, fill in Title field and add items by adding Item title and link to the full page.

elements129

After you have added several items to your bar, save module settings and view the bar on page.

The example of Polo Rolling banner one can see on Polo Magazine version 2 and Polo Magazine version 4 layouts.

elements130

Posts / News modules

There are 7 Polo modules that are used to display posts in multiple variations.

elements131

Each module has several layout variations and the same filter options. Select any post module, configure its style with given options, and click on Build query button to open filter options. In the appeared window you can set up sorting options and filter posts by categories,taxonomies, individual items etc.

elements132

Let’s look at examples of each post module.

Polo Grid Articles – 1 large 4 small items

elements133

Polo Grid Articles – 2 large 4 small items

elements134

Polo Posts list

elements135

Polo Recent Posts – Small (Widgets) style

elements136

Polo Recent Posts – Modern style

elements137

Polo Recent Posts – Classic style

elements138

Polo Posts Slider

elements139

Polo Posts Boxed Slider

elements140

Polo Posts Carousel

elements141

Polo Timeline

elements169

Recent Portfolios

With help of Polo Recent Portfolios module can can display the most recent portfolio items on your layouts and pages.

Select Polo Recent Portfolios module from the list of Polo modules and configure its settings.

Under Layout tab you can choose hover style for your portfolio items. All hover styles are represented by thumbnails images.

elements142

Switch to General tab and choose number of columns for your portfolio items – from 2 till 6.

You can also enable sorting panel and space between the items for your block.

elements143

Once you have defined block style, click on Build query button to configure sorting parameters of your block – number of items to display, order of display, sorting type, filter by categories.

elements144

The block is ready. If needed you can enable animations for the block under Animations tab.

elements145

Team members modules

There are 2 modules to display team members – Polo Team Member and Polo Team Presentation.

elements146

Polo Team Member

You can use Polo Team Member module as single item in the row/column or make a grid of items by splitting row into columns and adding module to each of them.

Open module settings, select style of the item, upload an image and fill in provided fields under General tab.

elements147

Switch to Social Networks tab, where you can add links to the account of the current team member.

elements148

You can also enable animations for your team member under Animations tab.

elements149

Polo Team Presentation

This module allows to display team members items as a carousel.

Open module settings, select style for the module, select controls style (arrows or dots) and set number of slides to show on page .

elements150

Click on Save changes button and begin adding team member items by clicking on PLUS icon.

elements151

 

Testimonials modules

There are 3 modules in the theme to display testimonials – Polo TestimonialPolo Testimonial Slider and Polo Testimonial Carousel.

Let’s make a short overview of their features.

elements165

Polo Testimonial

Polo Testimonial module can be used as single item on page or can build a grid of testimonials, if you split row into columns add add this block to each of them.

You can choose among 3 styles of testimonials – default, simple or card box.

elements152

elements153

Fill in provided fields and upload an image of a speaker.

elements154

You can also add video link of the testimonial (optional). Insert Youtube or Vimeo video link to Testimonial video field.

elements155

Testimonial with video link will have a video player icon.

elements156

Lastly you can enable transparent option for testimonials. Please, note, it is available only for Default style.

Transparent option allows to nicely display testimonials on a colored background or background image.

elements157

 

Polo Testimonial Slider

Testimonials can be displayed in form of a slider.

For this select Polo Testimonial Slider module from the list of Polo modules, choose controls style (dots or arrow) and set number of items to display on page. Save changes.

elements158

Begin adding testimonials items by clicking on PLUS icon.

elements159

Elements of testimonial slider can have all 3 styles described above – default, simple and card box.

elements160

elements161

Polo Testimonials Carousel

Polo Testimonials Carousel module is the same as Polo Testimonials Slider in its functionality, but it has different structure and style.

Select module from the list of all modules and begin adding items.

elements162

After you have added all testimonials, select additional parameters – testimonial style, controls style and number of items to display.

elements163

The block is ready. Save settings and view it on page.

elements164

Rotating text

Polo Rotating text module allows you to create a block with text that constantly changes with some animation effect. The example of such block you can see on pages Text rotator and Text rotator dark.

Select Polo Rotating text module from the list of Polo modules and add elements with some text.

elements166

After that configure additional parameters, such as text size and color, rotating speed and rotating effect.

elements167

You can also enable animations for entire Rotating text block under Animations tab. It will work on page load.

elements168

Attachment categories

Polo Attachment Categories module allows to display images in grid style similar to Polo Recent Portfolios module. The difference between these 2 modules is that images in Polo Attachment Categories module are linked to media file, and images in Polo Recent Portfolios module – to single portfolio item.

In order to create such block, you need to link images to categories at first. For this open some media file in Media library and enter name of a category in Attachment Categories field. The category will be created automatically and will be recorded in Media>Attachment Categories section.

elements173

elements174

Once you linked images to attachment categories, select Polo Attachment Categories module from the list of Polo modules and configure its settings.

Enter title and description in corresponding fields and configure filterable options by clicking on Build query button.

elements175

The block is ready. You can also enable animations for this block under Animations tab.

elements176

Working hours schedule

Polo Working hours schedule module allows to add block that shows working hours of a company. It is a great module for websites that provide some services like Restaurant, Backery, Hospital, Agency, Car service etc.

Select this module form the list of Polo modules and fill in Title and Working hours fields with your information.

elements177

Once you are ready, you can enter additional information in Content field.

elements178

The block is ready!

elements179

Theme Options Panel

Theme Options Panel is a set of options that allow you to configure each element/section of the theme – header and footer sections, sidebar options, page title section, typography, color scheme etc.

Log in your site and find theme options panel at the bottom of the left admin panel.

polo-options1

All options are sorted by meaning and divided in tabs.

Main options

Under Main Options tab are gathered all general options of the theme. You can:

  • enter your item purchase code to activate automated theme updates;
  • select color scheme for your site;
  • add links to social networks;
  • enable boxed layout and configure its options;
  • enter title for your home page;
  • and configure preloader settings.

polo-options2

Header options

Header options control the look of your site header section.

polo-options

You can enable/disable top panel and select color for it – white, dark or custom – under Top Bar options tab.

polo-options3

Switch to Header options and configure style of your header section. There a lots of options that you can combine your own way.

Choose style and layout of your header, menu color, upload logo and enable/disable additional header elements.

polo-options4

Stunning header options

Stunning header options allow you to control appearance of the page title section – page title, subtitle, breadcrumbs style and background options.

polo-options5

polo-options6

 

Post options

Post options control default settings of the single post item and blog page. They can be changed for individual blog pages and posts within blog page options and single post options.

polo-options7

polo-options8

polo-options8

Portfolio options

Portfolio options control appearance of the blog portfolio page, single portfolio page and portfolio pagination. These settings will be default for all portfolio pages and single portfolio items. They can be overwitten for individual portfolio pages and single portfolio posts.

polo-options9

 

polo-options10polo-options11

Woocommerce options

In Woocommerce options section you can configure settings for the main shop page. Before configuring these options you have to install Woocommerce plugin and set up all Woocommerce pages and settings according to official Woocommerce documentation. More detailed about Woocommerce options you can find in Woocommerce Shop documentation section.

polo-options13

404 page options

404 page options allow you to customize 404 page. You can use simple white background for the page or upload a custom background image. You can also enter custom title and subtitle that will be displayed on page.

polo-options14

Below there are introduced 404 pages in default and parallax styles.

polo-options15polo-options16

Typography options

You can configure typography of the theme under Typography tab in Theme options panel. Choose custom Google font from the list, configure its size, font-weight, line-height and color.

polo-options21

Advanced options

Under Advanced options tab there are additional settings of the theme:

  • Twitter Api keys – generate your Twitter API Keys and Access Tokens here and fill in the corresponding fields;
  • Custom JS Code field – here you can enter your custom JS codes or Google Analytics/Metrika tracking code;
  • Custom CSS Code field – this field is available for your styling customizations.

polo-options22

Coming soon page

Coming soon page can be created with Blank page template and Visual Composer modules.

Create a new page in Pages>Add new section, enter title for it and select Blank page template in Page Attributes section.

polo-coming1

After that begin adding page elements. You can create any layout for Coming Soon page with Visual Composer modules.

polo-coming2

polo-coming3

You can also add a background in Row settings. More about background variations you can read in Row background variations article.

polo-coming4

There are 4 Coming Soon styles represented in Polo demo. Click on the links below to view them:

Coming Soon with simple background image

Coming soon with background image and dotted overlay

Coming Soon with video background

Coming soon with moving particles background.

Maintenance mode

Maintenance mode page is an alternative to Coming soon page. There is special template for such page and predefined options.

Create a new page in Pages>Add new and choose Maintenance mode template in Page Attributes section.

polo-maintenance1

Scroll down the page to Maintenance page options section and configure provided options.

polo-maintenance2

You can also enter plain text in default WordPress editor.

polo-maintenance3

When you are ready, save the page and view it.

You can see demo Maintenance mode page here.

Woocommerce shop

In order to add shop to your site, install Woocommerce plugin and configure its settings according to official Woocommerce documentation.

Single product

Begin adding products in Products>Add product section. You will find extended information on products managing in this article.

When your product is ready, you can choose custom layout for it in Layout section of the product edit page.

polo-woo1

You can choose Default settings and it will be applied from Theme options>Sidebar options>Woocommerce shop layout section.

polo-woo2

Shop page

Upon installation, Woocommerce creates the following new pages:

  1. Shop
  2. Cart
  3. Checkout
  4. My Account

Once Shop page is created you can configure additional parameters for it over Theme Options>Woocommerce options section.

polo-woo3

You can enter title and description for your shop page.

polo-woo4

polo-woo5

Set number of products on page. If you have more products, the rest of items will go to the second page and there will appear pagination at the bottom of page.

polo-woo6

polo-woo7

There is an option to add additional block at the bottom of the shop page. For this do the following:

  • create any block with Visual Composer on a new page;
  • switch to classic mode and copy the shortcode from text editor;
  • paste the shorcode to Shortcode before footer in Theme options>Woocommerce options section.

polo-woo8

polo-woo9

You can also set number of columns for shop layout from 2 to 6.

polo-woo10

To finish customization of your shop page, you can choose layout for it:

  •  with sidebar and choose its position;
  • or without sidebar and enable fullwidth option.

To adjust these parameters visit Theme options>Sidebar options>Woocommerce shop layout section.

polo-woo11

Custom shop page

For ocassions when one wants to have more than one shop page with different layouts, we created Shop Page template with different options.

Create a new page in Pages>Add new section and select Shop Page template from Page Attributes section.

polo-woo12

Scroll down the page to Products page options section and configure settings for your shop page. There are the same options as for the default Shop page under Theme options>Woocommerce options section.

polo-woo13

There is also Page options section where you can adjust settings for the rest of the page.

polo-woo14

One page layout

One page layout is created the same way as standard page.

Create a new page in Pages>Add new section and add content to it with Visual Composer modules.

After that give IDs to the row sections.

onepage-polo1

onepage-polo2

Upon adding IDs to all rows on page, start creating a menu for this one page layout.

Go to Appearance>Menus and create menu items with Custom Links option.

onepage-polo3

Once the menu is ready, go back to your page and select this menu in Custom menu dropdown list in top right corner of edit page.

onepage-polo4

That’s all! One page layout is ready.

 

Important information!

  1. If you have inner pages on your site and onepage layout set as a home page, it is recommended to create 2 menus:
    1 multipage menu. Assign it as main menu of your site in Appearance>Menus section.
    1 onepage menu – for your homepage. Assign it in page settings by selecting menu from Custom menu dropdown list.
  2. If you have row inside another row on your page, give row ID only to outer row. ID in the inner row won’t work!

onepage-polo5

Side panel

Beside the standard pages with horizontal header, you can create pages with side panel in Polo theme. The example of such page is Polo Architect layout.

To get started create a new page, scroll down to Page options and choose side panel option under Header options tab.

side-panel-polo1

Below there appear options to customize contents of the side panel.

side-panel-polo2

Upon customization of the side panel, begin adding content to your page.

If you want to have side panel on every page of your site, enable it from Theme options>Header options section.

side-panel-polo3

 

Shortcodes

There are 5 shortcodes available in default WordPress text editor and in Text block of Visual Composer. They are:

  • Dropcap
  • Highlight
  • Label
  • Tooltip
  • Rotated text

shortcodes-polo1

Dropcap

Dropcap is a first letter in the paragraph, that is much bigger in size than the rest of the letters and can be differently styled.

Highlight the first letter in the paragraph, click on Insert shortcode button and select Dropcap option.

shortcodes-polo2

In the appeared options window select style shape and size of the button. Save changes.

shortcodes-polo3

shortcodes-polo4

Highlight

You can highlight a word or a group of words with Hightlight shortcode.

Pick out a word or a group of words, click on Insert shortcode button and select Highlight option. Choose style and size of the highlighted text.

shortcodes-polo5

shortcodes-polo6

Label

Label shortcode performs the same function as Highlight shortcode. It provides 6 styles, that highlight text with different colors.

shortcodes-polo7

shortcodes-polo8

Tooltip

This shortcode adds tooltip to the selected word or group of words. Choose alignment of the tooltip and enter its text.

shortcodes-polo9

shortcodes-polo10

Rotated text

This shortcode performs function of automatical text rotation with different animation effects.

Highlight a word or a group of words that will rotate, click on Insert shortcode button and select Rotated text option.

In the appeared options window:

  • select animation type;
  • rotation speed;
  • and enter word or a group of words separated by commas, that will interchange with selected animation effect.

shortcodes-polo11

The same functionality is performed by Polo Hero Heading module. You can see it in work on Polo Fitness layout.

Widgets

Widgets are the blocks that add content to the sidebars and footer columns.

To add some widgets go to Appearance>Widget section. On the left side of the page you will see widgets, that can be used in the sidebars.

Choose one widget and move it to a sidebar in the right side of the page with drag and drop function.

widgets-polo1

Each widget has its options. Once they are added, configure the settings and save widget.

Custom sidebars

Custom sidebars are created with help of Easy Custom Sidebars plugin, that is integrated in the theme.

Go to “Appearance>Theme sidebars” section and create new custom sidebar

custom-sidebar1

 

Start adding pages/other post types, on which standard sidebar will be replaced by your custom one.

custom-sidebar2

 

In “Sidebar properties” section select which sidebar will be replaced by your custom one.

custom-sidebar3

 

Click “Save sidebar”. After that go to “Appearance>Widgets” section and add widgets to your custom sidebar

custom-sidebar4

 

Theme localization

There is a list of words and phrases in the theme that can be translated into different languages.

You can translate them with different tools:

  • WPML String Translation – this is a paid extension for WPML plugin. So if you use WPML to create a multilingual website, you can use WPML String Translation extension to translate translatable strings of the theme.
  • Loco Translate plugin – it is a free translation plugin that you can download from WordPress repository. It has its own documentation. All you have to do is to follow it step-by-step.
  • POedit – this is the most popular translation editor for WordPress. There is a free and pro version of it. Free version will be more than enough to translate the theme.

Polo theme has two translation files that include translatable strings for the theme itself and for Polo Extension plugin. They are:

wp-content/themes/polo/translation/polo.pot

wp-content/plugins/polo_extension/lang/polo_extension.pot

 

How to translate with POedit?

1. Install POedit on your computer http://poedit.net/ .

2. Open polo.pot or polo_extension.pot file in it.

 

3. Begin translating all or some phrases into your language.

d-localization1

 

4. When all phrases are translated, save the file in .PO format.
If you translate polo.pot file the correct file format is {theme_domain}-{ru_RU/en_GB}.{mo|po}
Examples:
polo-nl_NL.po
polo-fr_FR.po
polo-he_IL.po
etc.
If you translate polo_extension.pot file, the correct file format is {plugin_name}-{ru_RU/en_GB}.{mo|po}
Examples:
polo_extension
-de_DE.po

polo_extension-nl_NL.po
polo_extension-fr_FR.po etc.

 

5. After the .PO file is saved, a .MO file is created automatically.

6. Upload both files (.PO and .MO) via your FTP account to folders:

wp-content/languages/themes – for the polo PO/MO files

and

wp-content/languages/plugins – for the polo extension PO/MO files

Translation will be applied automatically, if you have installed WordPress in corresponding language.

Suggest Edit