1. Start
  2. Installation
  3. Theme Options panel
  4. Theme SEO panel
  5. Page and Post options
  6. Publisher options
  7. Adding Menu
  8. Theme Elements
  9. Home page
  10. Sources and Credits


Creative Multipurpose theme for any kind of Corporate sites

Hello! First of all I would like to thank you for purchasing my theme!

This documentation will teach you how to set up and use the "Emerald" WordPress Theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form following into ThemeTON site.

If you like this theme please don't forget to rate it on the ThemeForest site.

Best regards ThemeTon.


Surely you have already installed WordPress on your server. If you are new to wordpress and have problems installing it, you might want to check out this link:

Unzip the file you download after the purchase. The following files and folders will be in the unzipped file:

There are 2 main ways to upload the theme:

1. Via FTP client
"Emerald", unzip it and upload the folder to the main WordPress installation folder » wp-content » themes. Please note that if you prefer this way of installation, you have to make sure that the main files of the theme are contained just within one folder of the themes folder. The right way to locate your root theme files is for example themes/Emerald but not themes/Emerald/Emerald.

2. Via the built in WordPress theme uploader (recommended)
"Emerald". After this you have to go in the admin panel » Appearance » Themes, click on the Install Themes tab and in this section in the top there is a link "Upload". After you click the "Upload" link, a new page will be opened where you will be asked to find the Emerald.zip file on your local file system.

Dashboard»Appearance » Themes. In this section you should see the theme with a title Emerald. Just click on Activate button and your theme should get activated. 

How to I know current theme version?

  1. You should go to the Appearance => Themes
  2. Then you can see the theme and theme version as below example image
Theme version

How can I to know is there have newer version?

  1. Lets go to the downloads link of your marketplace account menu.
  2. Then find down Emerald theme and lets check version number from thumbnail image.
Theme version
  1. Also you can check updated date of the theme from item profile page.
Theme version

Update tips of new theme version

Usually updating a theme means replacing the old files with the new ones. You can see changelog.txt file from the new download archive and you can get updated files list as modified/added and deleted. Upload and overwrite those files on your theme directory.

If theme changed lots of files and you really hard to collect changed files, there is a better way to do it when it comes to WordPress themes.

WordPress treats two version of the same theme as different themes. That is, if you have Emerald v1.2 and v1.3 in your wp-content/themes folder they are treated as two different themes independent of each other.

That means you can have multiple version of the same theme installed on your blog. So whenever there is a new version of your theme available, instead of replacing or deleting the files of the older version follow this procedure.

  1. Try to upload new theme archive to the site
  2. If the folder name of the new version clashes with the old version, rename the folder of new version.
  3. Upload the new version to your wp-content/themes folder via FTP or through the interface provided by your web host or by using the upload feature in WordPress.
  4. Activate the new version from your dashboard.

The main advantage of following the above procedure is you can quickly switch back to the old version of the theme if you find any problems with the new version or if it clashes with any plugins you are using.

Theme Options panel

Note: This video made on my another theme called ExtraGrid. If there has some different things, don't pay attention on those. I think most of the parts are very similar :)

Theme SEO panel

Note: This video made on my another theme called ExtraGrid. If there has some different things, don't pay attention on those. I think most of the parts are very similar :)

Page and Post options

Note: This video made on my another theme called ExtraGrid. If there has some different things, don't pay attention on those. I think most of the parts are very similar :)

FrontEnd Publisher options

Adding Menu

The Theme comes with support for the new Wordpress 3.0 Menu feature and including Mega menu options. If you don’t have any experience on wordpress menu you might want to check out this link


You should go to the  Appearance->Menu (1) in your backends Sidebar and add a new menu as called "Main" (2) in the image. As shown below, I named the menu “Main”, but you can call them as you prefer.

And then add/(drag drop) to this menu section (4) whatever menu items you need from including section (3).


You can change sub menu property to large container width if you check input (5) called Mega Menu from properties of parent menu item. Also we have 2, 3 and 4 columns variation (6).


As shown on above image: Portfolio, Corporate and Classic home page items introduces columns and column titles. Single column item has few special properties such as throw to new row (7) and self content area (8).

Then we need to add on column items (9).

The important thing is to select them in the “Template Locations” box when you finished managing menu elements.

Theme Elements

Theme Elements will save you tons of time working on the site content. Now you'll be able to create complex layouts within minutes!

Add columns/elements with one click, then use your mouse to drag elements around to re-arrange them. Control element width with simple mouse clicking.

Lets click on Theme Elements (1) button when you editing your post/page. Then you can see the visual content builder immediately.

Theme Elements

It has two kind of elements called Popular layouts (2) and Content Elements (3).

Lets see it in action

Home page

  1. When you create new page for your home and after fininsh you should go to the Settings=>Reading
  2. Select the Front page displays option with A static page.
  3. Of course here you need to select created home page.
  4. Don't forget click on the Save changes button :)

Sources and Credits

Licensed projects

Open source projects

jQuery & Plugins


Graphics (doesn't included in download)

Instagram images

Photodune images


Thanks to all the great authors who shared their brilliant work and let us to use it.