“Essence Theme” Documentation by “Flow” v1.0


“Essence Theme”

Created: 6/16/2011
By: Flow Support Forums: Support Forums

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to post your questions on support forums. Thanks so much!


Table of Contents

  1. Info
  2. Preinstallation
  3. Installing the Theme
  4. First Steps
  5. Theme Settings
    1. General
    2. Slideshow
    3. Portfolio
    4. Blog
    5. Sidebars
    6. Footer
    7. 3D Slider Settings
    8. Styling
    9. Typography
  6. Customizing Portfolio
  7. Customizing Blog
  8. Customizing Footer
  9. Customizing Slideshow
  10. Customizing Sidebar
  11. Shortcodes
  12. Files (HTML/PHP/JS code)
  13. CSS
  14. PSD File
  15. Sources, Credits and Goodbye

A) Info - top

This theme was created by Flow (follow). It was tested on Wordpress 3.1.3. I'm sure that it's going to work also on some older as well as some further versions of Wordpress. I will update it in case it doesn't work on some further version of Wordpress and notify you about it on ThemeForest item page. Once updates become available you will be able to download all the files from ThemeForest again.

If you encounter any errors please contact me on support forums and I will fix them as soon as possible (you will be able to redownload fixed theme from ThemeForest item page). If you have any suggestions regarding this theme let me know! I will improve or fix it if necessary because I'd like everyone to by fully satisfied with it! Okay, so let's get started!


B) Preinstallation - top

You need a working copy of Wordpress installed on your own server (wordpress.com hosting won't work) in order to start. You should know how to use it (e.g. how to enter admin panel, how to write posts etc.). This may help you: New To WordPress - Where to Start. Make sure that your server is using PHP5 (not PHP4).


C) Installing the Theme - top

You can install and configure this theme the same way as most of the other themes. Please follow the steps below:

  1. Upload the theme - login to your server using any FTP client. Go to wp-content > themes and place ENTIRE FOLDER with your theme there (not files without folder). Theme files should be directly in that folder.
  2. Activate the theme - login to Wordpress admin panel and go to Appearance > Themes. Activate the theme.
  3. Import sample content - in the package you'll find one XML file. You don't have to use it but you may find it useful as it contains all the posts, tags, categories, menus and some theme settings from live preview. It doesn't contain sidebar widgets and footer widgets. If you'd like to use it go to Tools > Import and import that (you'll have to install importer first but that's not complicated). After importing sample content you still have to configure the theme and create some things like footer and sidebars manually.

Check out my video presenting how to install this theme! Please note that you will also have to install Typography plugin. It is in the package.


D) First Steps - top

Once you install this theme some new tools will appear in the admin menu. If you have imported sample content then you will not have to configure anything except adding your sidebar and footer widgets. Below you'll find explanation of each theme option. This should make it easier for you to configure everything and replace sample content with your content.

Please visit support forums if you have any problems with installing this theme.


E) Theme Settings - top

Below you'll find all the theme settings with descriptions.


a) General - top

Choose the panel called Essence > General. Main theme settings will appear to the right.


b) Slideshow - top

In admin panel go to Essence > Sliders. There are following options available:

  1. Select slider type - select your slideshow or disable it.
  2. Choose Slider Transition Effect (Nivo Slider) - you've got 9 choices here. Just select something you like. I would say random is fine.
  3. Time between slides (Nivo Slider) - in other words how long would you like each slide to be displayed in miliseconds? Recommended values are above 3000ms.

c) Portfolio - top


d) Blog - top

Go to Essence > Blog.


Once you go to Essence > Sidebars. You can create additional sidebars there.


Select Essence > Footer.


g) 3D Slider Settings - top

In admin panel select 3D Slider. You'll find there lots of different settings for 3D slider. Descriptions are available next to them. Default settings are just fine and most likely you'll be only interested in changing transition effect or animation speed. Other settings are included for your convenience.


h) Styling - top

You can set your background color and upload your background image here. There are also various other options available to help you adjust everything perfectly.


i) Typography - top

There's a typography plugin included in the package along with the theme. Follow the instructions in the package to install it. Then go to Appearance > Typography. There's a panel to manage your typography. More information on that is available in the typography plugin package and on support forums.


F) Customizing Portfolio - top

Once you import sample content you'll have working portfolios with example posts. I recommend to read the following anyway to find out how to create and edit portfolio. Follow the instructions below to create working portfolio page:

  1. Go to Pages > Add New
  2. Choose some page title (like "Portfolio") and select one of the portfolio templates in the menu to the right (see screenshot).
  3. Go to Portfolio > Categories and add some portfolio categories.
  4. Now add some portfolio posts.
  5. If you'd like to exclude some categories from being displayed on certain portfolio pages go back to Pages > Portfolio and exclude them at the bottom in custom fields section. Please note that this option will appear only once you create working portfolio page, save it and refresh it.

Note: Portfolio templates require images in proper sizes. You may upload them on new portfolio item page.

IMPORTANT: For some portfolio templates (like 4th, 5th, 6th, 7th) you need to have AT LEAST TWO POSTS in two categories to make it work. Otherwise, some errors may appear.

IMPORTANT: You can use prettyphoto-full-size custom field to add larger image or video to prettyPhoto enhanced portfolio templates. They can be in any size. Example link would look like this: http://example.com/wp-content/uploads/2010/12/larger-image.jpg


G) Customizing Blog - top

Once you import sample content you'll have working blog with example posts. I recommend to read the following anyway to find out how to create and edit blog. Follow the instructions below to create working blog page:

  1. Go to Pages > Add New.
  2. Choose some page title (like "Blog") and select blog template in the menu to the right.
  3. Go to Posts > Categories and add some categories that will be used to store your blog posts (like "Photography", "Coding", "Fashion" etc.).
  4. Once you create some posts they will appear on blog page. You can exclude some categories from being displayed on blog page in Essence > Blog.

H) Customizing Footer - top

Select Footer in theme settings. First choose some number of footer columns you'd like to use and fill in "Footer Copyright Notice" section. Then go to Appearance > Widgets and populate footer columns (sidebars two to six) with some widgets you'd like to use.


I) Customizing Slideshow - top

There are five sliders available. If you have uploaded sample content then they are all ready to use and you don't have to do anything except selecting one of them in Essence > Slideshow.


J) Customizing Sidebar - top

Once you go to Appearance > Widgets you'll notice that there are six widget areas.

  1. Sidebar 1 - default sidebar. Visible on blog and pages.
  2. Sidebar 2 - it's footer's 1st column.
  3. Sidebar 3 - it's footer's 2nd column.
  4. Sidebar 4 - it's footer's 3rd column.
  5. Sidebar 5 - it's footer's 4th column.
  6. Sidebar 6 - it's footer's 5th column.

You can populate them with any widgets. Some widgets doesn't work in some areas because they either doesn't have specific style for that area or they simply don't fit that area. Widgets like on live preview will work just fine in their current areas.


K) Shortcodes - top

Read the separate document about shortcodes used in this template.


L) Files (HTML/PHP/JS code) - top

This theme is a fixed layout with two columns and there is also full-width page template. All of the information within the main content area is nested within a div with an id of "content". The sidebar's (column #2) content is within a div with an id of "sidebar". The general template structure is the same throughout the template. It uses 12 column 960 grid with 60px wide columns and 20px gutter. Most of the PHP, HTML and CSS code is well commented so it's easy to modify.


M) CSS - top

If you're going to edit CSS files make the backup copy first. The main style is in style.css file. It's very well commented so I believe that there won't be any problems with editing it.


N) PSD File - top

PSD file is included in the package. Almost everything is grouped and different elements are placed on separate layers. PSD file includes only the most important elements of the theme (like header and footer). Everything in between is plain background with simple text anyway so I didn't include that. Everything is layered so it should be easy to make some changes.


O) Sources, Credits and Goodbye - top

I've used the following images, icons or other files as listed.

Things above are mainly licensed under GPL or MIT (or both). Check websites and/or licensing folder for more information or email me to get more information.


Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Flow on ThemeForest (follow)

Go To Table of Contents