Your Multicote WP WordPress Theme

Multicote WP / template documentation version 1.0

Item Details

Give your Blog a clean look with “Multicote” a Hight Quality Magazine Responsive Theme coded and designed with a lot of care and love. Professional Creative Theme with a remarkable clean layout design suitable for any type of site, completely responsive to look perfectly in all mobile devices, easily usable with any device as well as PCs.

Support requests are being processed on business days Monday to Friday from 8:00 to 17:00 (GMT +2) within 24h in the order they were received:

Submit a support ticket My Portfolio

Getting Started #back to top

Need Help?

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email me via my user page contact form. Support requests are being processed on business days Monday to Friday from 8:00 to 17:00 (GMT +2) within 24h in the order they were received.
Please Note: This support is for Theme Set-Up, Theme Usage & Bug Reports Only, I do not offer support for making or helping with, customisations to my theme’s code. If you have modified your theme code then please ensure it is not your modifications causing any issues with the theme. We cannot provide support on 3rd party plugins, and all 3rd party plugins should be disabled before contacting us for support.

Support for my items includes:

  • 1. Responding to questions or problems regarding the item and its features
  • 2. Fixing bugs and reported issues
  • 3. Providing updates to ensure compatibility with new software versions

Item support does not include:

  • 1. Theme Customization and installation services, this is a service that cost $50.
  • 2. Support for third party software and plug-ins
  • 3. Support for 3rd party plugins and issues that may have arisen after activating this 3rd party plugin
  • 4. WordPress General Support. Use the WP.org forums for general WordPress support.
  • 5. Support for issues caused by user modifications in the theme’s code, styling and general function by yourselves or your developer

How to Install WordPress #back to top

To install the theme you will need to download your purchase from Themeforest. Login to your Envato account, navigate to your downloads and find the theme. Click on the download link.

Download The Theme

1. Select the “All Files & Download” option to download the theme file and the sample data (the main theme file zip will be located inside the Upload folder).
2. Select the “Installable WordPress File Only” if you just want the theme.

How to Install Theme #back to top

Installing Via WordPress

  1. Login to WordPress Browse to Appearance > Themes
  2. Click Add New
  3. Click the Upload link
  4. Click Browse
  5. Select the zipped theme file to upload (the zip file is in the Upload folder if you chose to download all files) and click Install.
  6. Now Activate the theme

Upload Via FTP Server

  1. Login to your site via FTP
  2. Browse to your folder located at wp-content/themes
  3. Upload the main theme folder (the folder is located in the Upload folder if you chose to download all files)
  4. Login to WordPress
  5. Browse to Appearance > Themes
  6. Find and activate the theme


Importing Sample Data (Demo Content) #back to top

Import WordPress XML

This theme includes a demo-content.xml file that will allow you to import the sample data to your site. This file includes most of the demo site data, which includes main theme functions to make it easier for you to see how the theme works.

  1. Login to your Envato account
  2. Click on the theme download link
  3. Select the "All Files & Download" option
  4. Open the zip file, the demo-content.xml file is in the Sample Data Folder
  5. Login to WordPress
  6. Double check that all recommended plugins have been installed and activated (if not, the sample data related to those plugins will not be imported)
  7. Browse to Tools > Import
  8. Click on the WordPress option (you will have to have the "WordPress Importer" plugin installed, you will be prompted if it's not already installed and active)
  9. Click Browse and select the sample data .xml file
  10. Click Upload files and import
  11. Assign the posts to an existing user
  12. Check the box to download and import file attachments
  13. Click Submit
  14. Give the import some time and do not navigate away from the page until the upload is complete
  15. Go to Settings > Reading, set your from page to a Static Page, select Home from the drop down, and save
  16. Go to Appearance > Menus, click on the Manage Location tab, assign the main menu, and save
  17. If you'd like to change any of the widget, go to Appearance > Widgets and drag and drop widgets into the active widgetized areas
  18. You should now have site content similar to the live demo for this theme!

Install Plugins #back to top

After installing the theme you should be prompted to install and activate the included plugins. A yellow Recommended Plugins notice should be visible at the top of your screen. Installation and activation is optional but recommended since each plugin adds an additional layer of functionality to the theme.

#1. Shortcodes

Enable shortcodes plugin to be used on this Theme. The plugin comes by default with the theme. Also, the shortcodes comes with pop-up windows for easier shortcode inserting.

#2. Responsive Menu

This is a Highly Customisable Responsive Menu Plugin for WordPress, with 70 customisable options for a nice mobile menu or tablet menu experience enabling you to change everything.
More info about the plugin

#3. AccessPress Anonymous Post

AccessPress Anonymous Post - is a responsive HTML5 form to allow your website users (guests/visitors/not logged in users) to submit a Standard WordPress Post in an easy and customized way, including featured image.
More info about the plugin


#4. Multicote Theme Core

Theme Functionality: Custom Style, Theme core, etc.

#5. WP Facebook Open Graph protocol

This plugin adds well executed and accurate Facebook Open Graph Meta tag information to your site. The idea is to keep minimal settings and options as to remain out of your way and in the background while still proving a powerful Open Graph plugin for your WordPress site.
More info about the plugin

Home Page Settings #back to top

Homepage – How to build and set it

By default WordPress sets the blog page as a main page and this is not what most of us want, we need custom pages. To change WordPress default settings you have to:

  1. Go to Dashboard > Pages > Add New:
  2. Name it Home or whatever and from the right on Page Attributes choose "Template - Home".
  3. Now go to Dashboard > Settings > Reading and from "Front page displays" select "A static page (select below) and select the page you've created a few seconds ago.

1. Create a new page, go to Pages > Add New

2. Set the page title and select a page template.

3. Go to Settings > Reading and set the newly created page as a homepage.

Header Menu Settings #back to top

1. To create a new Main Menu go to:

This tutorial demonstrates how to create a custom menu in WordPress and how to create a menu structure.:

  1. Go to your WordPress Dashboard > Appearance > Menus
  2. Click on the "create a new menu" link.
  3. Write a name for you menu.
  4. Press Create Menu button.


2. To customize your new Menu:

  1. Start to add menu items from the left panels (Homepages, Pages, Links, Categories).
  2. You can manage your menus by using the drag and drop functionality and rearrange the menu items in the desired order.
    After setting up your menu, scroll down to the bottom of the page and assign the menu to one of the 3 Theme Locations at the bottom. Select Header Navigation same thing you see in the photo from the below.
  3. Click the Save Menu button.

Categories Menu Settings #back to top

1. To create a new Main Menu go to:

This tutorial demonstrates how to create a custom menu in WordPress and how to create a menu structure.:

  1. Go to your WordPress Dashboard > Appearance > Menus
  2. Click on the "create a new menu" link.
  3. Write a name for you menu.
  4. Press Create Menu button.


2. To customize your new Menu:

  1. Start to add menu items from the left panels (Homepages, Pages, Links, Categories).
  2. You can manage your menus by using the drag and drop functionality and rearrange the menu items in the desired order.
    After setting up your menu, scroll down to the bottom of the page and assign the menu to one of the 3 Theme Locations at the bottom. Select Categories Navigation same thing you see in the photo from the below.
  3. Click the Save Menu button.

3. Add Icons to your new Menu:

  1. To add a font ICON: select a menu that you want to edit and paste the icon code in a menu item, then save the menu. To preview all available Font Awesome icons go to http://fortawesome.github.io/Font-Awesome/icons/ or IcoFont http://icofont.com/icons/
  2. Now, edit your menu and just paste the code you've copied:

    Font Awesome http://fortawesome.github.io/Font-Awesome/icons/


    IcoFont http://icofont.com/icons/

  3. Now, edit your menu and just paste the code you've copied:

Featured Posts and Categories #back to top


  • The "Featured Posts" are displayed by tags, the post need to have the tag "featured".
  • First make sure that you've added properly the tag "featured" so make a test to see if the tag added exists: like this http://yoursite.com/tag/featured/
  • If will show "featured-2" is because a category with the same name "featured" was created, if that's the case you'll need to delete both and after that create again the tag "featured" or you can change the tag like "mypost", "postslider" etc. to do that, open this files:
    • frog-wp/template-blog1.php
    • frog-wp/template-blog2.php
    • frog-wp/template-blog3.php
    • frog-wp/template-blog4.php
  • At the top of the files you'll see this: 
    <?php  query_posts( array( 'post_type' => 'post', 'tag' => 'featured', 'posts_per_page' => $smof_data['featured-posts'] ) );  ?>
    • Now change the tag "featured" with a different tag, save the files and upload them via FTP.
    • The Number of posts can be changed via Theme Options > General Settings > Featured Posts.

Display the Featured Post

  • 1. Make sure you've created a Home Page and you've chosen one of the Custom Home Pages Templates.
  • 2. Create a new page and from "Page Attributes" choose "Template - Home ..".
  • 3. Dashboard > Posts > Add New, add the tag "featured"
  • 4. Click "Publish" and that's it.


1. To create a new Main Menu go to:

This tutorial demonstrates how to create a custom menu in WordPress and how to create a menu structure.:

  1. Go to your WordPress Dashboard > Appearance > Menus
  2. Click on the "create a new menu" link.
  3. Write a name for you menu.
  4. Press Create Menu button.


2. To customize your new Menu:

  1. Start to add menu items from the left panels (Homepages, Pages, Links, Categories).
  2. You can manage your menus by using the drag and drop functionality and rearrange the menu items in the desired order.
    After setting up your menu, scroll down to the bottom of the page and assign the menu to one of the 3 Theme Locations at the bottom. Select Categories Carousel Navigation same thing you see in the photo from the below.
  3. Click the Save Menu button.

3. Add Icons to your new Menu:

  1. To add a font ICON: select a menu that you want to edit and paste the icon code in a menu item, then save the menu. To preview all available Font Awesome icons go to http://fortawesome.github.io/Font-Awesome/icons/ or IcoFont http://icofont.com/icons/
  2. Now, edit your menu and just paste the code you've copied:

    Font Awesome http://fortawesome.github.io/Font-Awesome/icons/


    IcoFont http://icofont.com/icons/

  3. Now, edit your menu and just paste the code you've copied:

Rating / Review System #back to top



1. - Go to Reviews > General Settings ( you need to enable the Review Boxes for posts, take a look at the image ).

2. Choose who can rate ? Guests , Registered Users or both also you can disable this feature by choosing No One !

3. - Choose the image of the "image" rating style .

4. - From Styling Tab you can chnage all colors and backgrounds of the Review box:



Theme Review Style

Tag and Cat Index #back to top

- First you'll need to install the plugin "Multi-column Tag Map"

Tag Index

- Create a page Dashboard > Pages > Add New and paste this code:
[mctagmap columns="4" hide="yes" num_show="5" more="more »" toggle="« less" show_empty="yes" name_divider="|" tag_count="yes" exclude="2009, exposition" descriptions="no" equal="yes" manual="" basic ="no" basic_heading="no" show_categories="no"]

Categories Index

- Create a page Dashboard > Pages > Add New and paste this code:
[mctagmap columns="4" hide="yes" num_show="5" more="more »" toggle="« less" show_empty="yes" name_divider="|" tag_count="yes" exclude="2009, exposition" descriptions="no" equal="yes" manual="" basic ="no" basic_heading="no" show_categories="yes"]

Live Search #back to top

  • First you'll need to install the plugin "Dave's WordPress Live Search"
  • 1. Go to Dashboard > Settings > Live Search > Appearance > and Select Display Post Thumbnail:



  • 2. Now click Custom ( Customize the search results display here):
  • For title you can add a black color, this code: #000000
  • For Divider ( the line ) add a gray color, this code: #f2f2f2
    • - And click "Save Changes".

Custom Sidebars #back to top

- First you'll need to install the plugin "Custom sidebars"
- Custom Sidebars allows you to create all the widgetized areas you need, your own custom sidebars, configure them adding widgets, and replace the default sidebars on the posts or pages you want in just few clicks.

  • Go to Dashboard > Appearance > Widgets and click Create a new sidebar
  • Name ex "Contact" Description ex "Contact Sidebar" and click Create Sidebar.
  • Drag and drop the custom/default widgets you want to use in the custom sidebar "Contact"
  • For every widget added click the "Save" button.
  • Go to Dashboard > Pages, and choose one of the pages you've created, for example the Contact page, and in the right corner you'll see this:
  • Default Sidebar (Right) is the sidebar that is placed in the right, in the left is placed the content and in the right the Default Sidebar (Right), if we know this, when we create a custom sidebar, we need to choose the sidebar created from the "Default Sidebar (right)" the same as you see it in the image, so for the page Contact, we choose the Contact sidebar that we've created a few moments ago.
    • .
  • The same things, happens with the articles page too, from the Default Sidebar (right) you'll need to select the custom sidebar you want to add to a post.
  • For HomePages with both sidebars, Home Sidebar (Left Middle) and Default Sidebar (Right), the same thing, first create the custom sidebars and drag the widgets you want to use, then create a page and choose the template you want to use, and from right "Sidebars" select the sidebars you want to use.
  • Obviously the Custom Sidebars is an optional feature / plugin, if you don't need it, you can just drag the widgets you want in the Default Sidebars that comes with the theme Appearance > Widgets.

Contact Form 7 #back to top

Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on, more info: Contact form 7
  • Install the plugin.
  • Navigate to Dashboard > Contact and click Edit your first contact form.
  • Display the Inputs in 2 columns like you can see it from the demo: 
    <p class="one_half_c"> Name (required)<br />
    [text* your-name] </p>

<p class="one_half_last_c">Email (required)<br />
    [email* your-email] </p><div class="clear"></div>
  • The all code for this page: 
    <p class="one_half_c"> Name (required)<br />
    [text* your-name] </p>

<p class="one_half_last_c">Email (required)<br />
    [email* your-email] </p><div class="clear"></div>

<p>Subject<br />
    [text your-subject] </p>

<p>File upload<br />
    [file file-404] </p>

<p class="one_half_c"> Telephone<br />
    [tel tel-867]</p>

<p class="one_half_last_c">Fax<br />
   [text text-776]</p><div class="clear"></div>

<p>Message<br />
    [textarea your-message] </p>
<p>[submit "Submit Message"]</p>

Regenerate Thumbnails #back to top

Thumbnails – Fix strange looking images on blocks

This problem appears when you install the theme on a site which already has content. The theme comes with it’s own thumbnails to minimize the page size and increase the page loading speed.:

  1. Install and activate the Thumbnail Regenerate plugin from here: https://wordpress.org/plugins/regenerate-thumbnails/
  2. Go to Tools -> Regen. Thumbnails and press the “Regenerate All Thumbnails” button:
  3. Wait until the regeneration process is 100% done and check the page (your website). Refresh the browser page to see the changes, and that's it.

Responsive Menu Settings #back to top

Responsive Menu Configuration

This is a Highly Customisable Responsive Menu Plugin for WordPress, with 70 customisable options for a nice mobile menu or tablet menu experience enabling you to change the:

Please Note: If you get an error when you've activated the plugin, please disable and activate it again, and click F5 too, or take a look here: Meta ViewPort Error


After installing the theme you should be prompted to install and activate the included plugins. A yellow Recommended Plugins notice should be visible at the top of your screen. Installation and activation is optional but recommended since each plugin adds an additional layer of functionality to the theme.

  1. Install and activate the Responsive Menu plugin from here: https://wordpress.org/plugins/responsive-menu/
  2. This theme includes a .json file that will allow you to import the settings from the responsive menu to your site.
  3. Make sure you've installed the plugins that comes with the theme.
  4. Double check that all plugins have been installed and activated (if not, the sample data related to the responsive menu plugin will not be imported).
  5. Open the zip file, the menu.json file is in the Sample Data Folder
  6. Login to WordPress.
  7. Go to Dashboard > Responsive Menu > Technical > Transfer

    1 Click Responsive Menu
    2 Click Transfer
    3 Upload menu.json from "Sample Data" folder
    4 Click Import Options
    5 Click Update Options
  8. Go to Responsive Menu > Initial Setup and make sure to select the menu you want to use for the responsive menu.
  9. Add logo: go to Responsive Menu > Container (scroll to bottom and go to Title Image and upload your logo ).
  10. Menu margin: menu button margin issue: go to Responsive Menu > Button and scroll Location and change the -13px margin from "Distance from Top", add more or less until you are happy with the position of the menu.

Front-end Submission Settings #back to top

Front-end Submission Configuration

AccessPress Anonymous Post - is a responsive HTML5 form to allow your website users (guests/visitors/not logged in users) to submit a Standard WordPress Post in an easy and customized way, including featured image.:

  1. Install and activate the AccessPress Anonymous Post plugin from here: https://wordpress.org/plugins/accesspress-anonymous-post/
  2. Now, go to Dashboard > AccessPress Anonymous Post, and this are the settings I'm using in my demo:
  3. Form Settings:
  4. As simple as that, now click the tab "How to use" and copy this [ap-form] if you want to use the form in a different page. But to make it easy for you, we've created a predefined template that comes with the shortcode implemented, so no need to add again the shortcode.
  5. Go to Dashboard > Pages > Add New, from the right "Page Attributes" select Submission Form, and in WordPress Editor paste this add some text, like this:

More Options #back to top


Logo - #back to top

Go to Theme Options > General Settings > Custom Logo. Upload a custom logo image for your site here. Size for height should be 60px or 120px for a better display, for retina screens.


Social - #back to top

Go to Theme Options > General Settings > Social Icons. You can use HTML code. For more social icons go to Font Awesome and at the bottom you have Brand Icons!
Change "#" with your link, like this "https://facebook.com/envato"

Updating a WordPress Theme from Themeforest #back to top

Option 1: The Beginners Option

Here’s the most simple way of updating your WordPress theme that’s purchased from ThemeForest::

  1. We need an easy way of overwriting the theme files, since WordPress doesn’t support this, we need a plugin, install this plugin: https://wordpress.org/plugins/easy-theme-and-plugin-upgrades/
  2. Go to the downloads page of your ThemeForest account here: http://themeforest.net/downloads
  3. Find the theme you’re updating from the list, click the big green “download” button once, and from the drop down menu choose “installable WordPress file only”
  4. Upload the downloaded zip file to your WordPress installation via “appearance” -> “themes” -> “add new”, just like you did when you first installed the theme.
  5. Thanks to the plugin mentioned in step 1, you’ll now get an “upgrade existing” option after uploading your theme, without the plugin you’d just get an error.
  6. There you go, you’ve updated the theme!

Option 2: The Automatic Option

Envato offer an automatic update solution for ThemeForest themes by using “Envato Toolkit”, see the full details of this here: http://www.wpexplorer.com/envato-wordpress-toolkit-guide/

Note that this is option 2 as I had noticed a few bugs with this plugin in the past, though some swear by it!

Option 3: The FTP Upload (Advanced Users)

Another way to update your theme is via FTP, that is, you connect to your server and manually overwrite the theme folder. To do this grab the theme files mentioned from Option 1, with these in hand, unzip the file you have, you should have a folder just called THEMENAME (being the name of your theme)

Now the next step is simple, connect to your server via FTP (if you don’t know how to do this, use option 1) navigate to /wp-content/themes/, do not just overwrite the theme folder – here’s why. In previous updates to my themes, files have been deleted or relocated, if you just overwrite the folder then these files will remain, this can cause issues (especially with WooCommerce), here’s what you should do instead: Delete the THEMENAME folder that’s on your server, and then re-upload the new THEMENAME folder, this ensures that your new theme is 100% correct.

Translate Theme to another Language #back to top

How do I translate my theme to another language?

Our themes are written in English, though you are of course welcome to translate them to your language. While it's possible to go through each theme file and manually translate the appropriate text elements, we highly recommend using the program Poedit to translate your theme. It's easy and will save you LOTS of time.

  1. First, go to WP Dashboard > Settings > General > Site Language > Select your language > Save.
  2. Then, download & install the Poedit program.
  3. Open Poedit and click the "Open" button on the top-left of the program screen. Within your theme's files, find the "languages" folder and select the "multicote-wp.POT" file.
  4. A long list of text elements you may translate will appear in the box labeled "Source Text". Please note: You may not need to translate all of these elements. Many may be WordPress notification messages or similar.
  5. Select the line within the "Source Text" box that you'd like to translate. When that line is highlighted, go down to the box labeled "Translation". Here, you can type the direct translation of the "Source Text" in whatever language you'll be using. Repeat this step for all of the "Source Text" elements you wish to translate.
  6. When done, go to "File" and "Save as" within your theme's "languages" folder.
    IMPORTANT! You must save this new file with a name based on a specific format: aa_AA
    The first "aa" refers to ISO 639 two-letter language code (list found HERE).
    The second "AA" refers to an ISO 3166 two-letter country code (list found HERE).

    ( Example 1 )
    If translating to Danish, we would use the Danish language code of "da" and the Danish country code of "DK". The file name must be the language code in lowercase letters, followed by an underscore character, and lastly the language code in uppercase letters. So the finished file name would then be: da_DK
    ( Example 2 )
    If translating to Brazilian Portuguese, your file name would be: pt_BR
    Note: For the French language in Canada, please use "fr_FR". "fr_CA" is not recognized by WordPress.
  7. When you save the file, it will automatically create your .po format as well as an additional .mo format file of the same name.
  8. Via your FTP program, upload the .po & .mo files you just created to your theme's "languages" folder.
  9. You're finished!

Support Desk #back to top

Please remember you have purchased a very affordable theme and you have not paid for a full-time web design agency, so please be patient, polite and respectful.

Support for my items includes:
  • * Responding to questions or problems regarding the item and its features
  • * Fixing bugs and reported issues
  • * Providing updates to ensure compatibility with new software versions
Item support does not include:
  • * Customization and installation services
  • * Support for third party software and plug-ins

Support requests are being processed on business days Monday to Friday from 8:00 to 17:00 (GMT +2) within 24h in the order they were received:

Submit a support ticket My Portfolio

Before seeking support, please...
  • * Make sure your question is a valid Theme Issue and not a customization request.
  • * Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
  • * Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.
  • * If you have customized your theme and now have an issue, back-track to make sure you didn't make a mistake or make a clean install of the theme.
  • * Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
  • * Make sure to state the name of the theme you are having issues with, when requesting support via ThemeForest.