We would like to thank you for purchasing White ! We are very pleased you have chosen White for your website, you will not be disappointed! Before you get started, please be sure to always check out these documentation files. We outline all kinds of good information, and provide you with all the details you need to use White . White can only be used with WordPress and we assume that you already have WordPress installed and ready to go. If you do not, please see our section on WordPress to help you get started.

If you are unable to find your answer here in our documentation, we encourage you to search our Knowledgebase, watch our Video Tutorials, and also perform a Forum Search for your answer. Chances are your question or issue have been brought up already and the answer is waiting to be found. If you are unable to find it anywhere, then please go go our forum section and post up a new topic with all the details we need. Please be sure to include your site URL as well. Thank you, we hope you enjoy using White !

screenshot White  2

WordPress Information

To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex or you can watch the Instructional Video created by Woo Themes. Below are all the useful links for WordPress information.

Requirements For White

To use White , you must be running WordPress 3.1 or higher, PHP5 or higher, and mysql 5 or higher. We have tested it with Mac, Windows and Linux. Below are a list of items you should ensure your host can comply with.

  • Check to ensure that your web host has the minimum requirements to run WordPress.
  • Always make sure they are running the latest version of WordPress
  • You can download the latest release of WordPress from official WordPress website
  • Always create secure passwords FTP and Database
Hosting is more secure when PHP applications, like WordPress, are run using your account’s username instead of the server’s default shared username (www or www-data). The most common way for hosting companies to do this is using suPHP. Just ask your potential host if they run suPHP or something similar.

We recommend using WpEngine.com or A Small Orange for all your hosting needs.

What’s Included

When you purchase our theme from Themeforest, you need to download the White files from your Themeforest account. Navigate to your downloads tab on Themeforest and find White . Click the download button to see the two options. The Main Files contain everything, the Installable WordPress Theme is just the installable WordPress theme file. Below is a full list of everything that is included when you download the main files, along with a brief description of each item.

  • White Theme Folder – contains the White .zip and White -Child-Theme.zip wordpress theme. The child theme is only for users who make code changes.
  • Extras Folder – contains the developer documentation for Revolution Slider. These are not ours, but the plugin developers docs.

files

Free Forum Support

All of our items come with free support, and we have a dedicated support forum to handle your requests. Support is limited to questions regarding the theme’s features or problems with the theme. We are not able to provide support for code customizations or third-party plugins. If you need help with anything other than minor customizations of your theme then you should enlist the help of a developer.

For free support, follow the steps

Step 1Click Here To Create An Account, you will need your Themeforest Purchase Code What’s a Themeforest purchase code?

Step 2 – You need to enter your Themeforest Purchase Code, e-mail and a password. Your forum username will be the same username that purchased the theme on Themeforest.

Step 3 – Once you are signed up, you then need to sign into the forum with your new account and you can start using the forum.



Create new Account



Here is a screenshot that shows you how to find your purchase code.



files

Installation

You can install the theme in two ways: through WordPress, or via FTP. The white.zip file is the Installable WordPress Theme and what you need to use to get the theme installed. Please see the following sections for each method and watch our video tutorial on how to install white. But first, you need to download the white files from your Themeforest account. Navigate to your downloads tab on Themeforest and find white. Click the download button to see the two options. The Main Files and the Installable WordPress Theme. See below.


files


Downloading The Main Files Gives You All The Content Listed Below

 

  • White Theme Folder - contains the white.zip and white-Child-Theme.zip wordpress theme. The child theme is only for users who make code changes.
  • Licensing Folder - this contains the licensing files, this is not your purchase code that you need to download from Themeforest.


Downloading The Installalable WordPress Theme Only Gives You The white.zip File

 

  • white.zip - this is the parent wordpress theme, install this via WordPress. If you install it via FTP then unzip it first and use the extracted folder.

WordPress Installation

Follow the steps below to install via WordPress.

Step 1 - Navigate to Appearance > Themes.

Step 2 - Click Install Themes and hit the upload button.

Step 3 - Navigate to find the "white.zip" file on your computer and click "Install"

Step 4 - Wait while the theme is uploaded and installed.

Step 5 - Activate the newly installed theme. Go to Appearance > Themes and activate it.

Step 6 - Then you will get a notification to activate the required plugins. Follow the steps to instal and activate. The other plugins we include are integrated into the theme and all will be ready to use when you right away.

Active Plugins

Active Plugins


Common Install Error: Are You Sure You Want To Do This?


If you get the “Are You Sure You Want To Do This” message when installing white.zip file via WordPress, it means you have an upload file size limit. Install the theme via FTP if this happens, or call your hosting company and ask them to increase the limit.

FTP Installation

Follow the steps below to install via FTP.

Step 1 – Log into your hosting space via an FTP software

Step 2 – Unzip the white.zip file and ONLY use the extracted White theme folder

Step 3 – Upload the extracted White theme folder into wp-content > themes folder

Step 4 – Activate the newly installed theme. Go to Appearance > Themes and activate it.

Step 5 – Then you will get a notification to activate the required plugins

files

files

Recommended Plugins

This theme comes with super awesome premium WordPress plugins and powerful White plugins. When you activate the White theme, you will see "Recommended plugins" on your WordPress dashboard. We listed below all recommended plugins please active all recommended plugins.


  • Contact form 7
  • ST Page Builder
  • WordPress Importer
files


To active plugin, go to the Dashboard > Plugins then choose plugins which is recommended


How to update the theme?


You can update your theme via FTP or via WordPress. See the information below for each method. However the first thing you need to do is download the new theme files from Themeforest.


First, Download New Theme Files From Themeforest

Step 1 – Go to “wp-content > themes” location and backup your “White” theme folder by saving it to your computer, or you can choose to simply delete it. Your content will not be lost.

Step 2 – Retrieve the “white.zip” file from your new Themeforest download and extract the file to get the “White” theme folder.

Step 3 – Then simply drag and drop the new “White” theme folder into “wp-content > themes” location. Choose to “Replace” the current one if you did not delete it.

Active Plugins



How To Update Your Theme Via WordPress

Step 1 – You need to deactivate the current “White” theme in the “Appearance > Themes” section by simply activating a different theme. Once you activate a different theme, you can delete the White theme. Dont worry, your content will not be lost.

Step 2 – Retrieve the "white.zip" file from your new Themeforest download. If you downloaded the “Main Files” from Themeforest, then you need to unzip the archive file you received, the White.zip will be inside of it

Step 3 – Then simply upload the “white.zip” file in the “Appearance > Themes” section. Click on the “Install Themes” tab at the top and choose to upload the zip file.

Step 4 – Once it uploads, choose to activate it. You’re done!



Important Backup Information


Whenever you update the theme, its always a good idea to backup your current theme folder. Log into your server and make a copy of the White theme folder located at wp-content > themes. If you are using the Revolution Slider and have added custom css, please make a backup of the styles because those will be removed when you update. You can also backup your theme options on the backup tab in Appearance > Theme options.

Active Plugins

Important Update Infomation

Each new update brings new features and we like to let our users know everything they can expect. This section below will always contain the latest information for each update. Below are some items that let you know what to expect when updating White from an older version to the latest.

-  Backup Your Current Theme – It’s always a good idea to keep a backup of your current theme. Log on to your server or cpanel and make a copy of your current “White” theme folder to your computer. If needed, you can reload the previous version. Its also a good idea to backup your theme options. There is a “Backup” tab in theme options to export your settings. And always be sure to make a copy of your custom CSS field and tracking code.

-  Do Not Keep Older Copies of The Theme In WP Theme Folder – You should completely remove all previous White theme folders before adding the new updated theme folder, or you could end up with WP path issues, etc.

-  Do Not Rename The Theme Folder – If you rename your theme folder when you update, then the path is no longer valid. WordPress stores menus and widget settings and some other settings by folder path. You need to rename your theme folder back to what it was before, and your settings, menus, widgets will be restored. If you need to keep your previous theme folder, then simply make a copy of it before you upload the new theme

-  Reset Browser Cache - It is always recommended to reset your browser, plugin, server cache when you update. Visual issues may happen, its only cache that needs emptied. Each browser allows you to remove cookies, history and other data.

-  New Theme Options - When we add new theme options, its recommended that you go through each tab and set any options that are not already set. For example, a very important option is the new line-height values on the Typography tab. Set the default values.


White Changelog


White is constantly being updated with new features and adjustments. You can always view the most recent update information in the change log in the changelog.txt file inside the theme zip file. You can also view the full change log below.

White Changelog

Demo Content

When you first install any wordpress theme, it will not contain all the extra content that you might of seen in the live demo. There are two ways you can import the White Demo Content. Usually you have to import an XML file which can be troublesome. We’ve made it easier by creating a Theme Options Demo Content Importer.

Import All Demo Content – Now users can quickly and easily import our demo content with one click of the button. This is the preferred method because its the fastest and easiest way to get our demo content. Using this method will give you all our pages and posts, several sample sliders of each slider type, widgets, theme option settings and more. If you wish to use our Theme Options Demo Content Importer, please see the “How To Import All Demo Content” section in our documentation.


Please Note Some Important Items About The Demo Content

  • Images – Our demo images are not included because those are license stock photos that are not allowed to be shared. Instead we include other images in their place
  • Sliders – We do not include all demo sliders, there are too many to import, but we do include enough examples.

Import All Demo Content

The fastest and easiest way to import our demo content is to use our Theme Options Demo Content Importer. Our importer will give you all pages and posts, several sample sliders, widgets, theme options, assigned pages, and more. This is recommended to do on fresh installs. It will not replace content like posts, pages, portfolio, etc , it will not delete current menus but configure our demo menus, it will replace theme options, it will not replace but add sliders, it will replace reading settings and widget settings. To import our demo content, please see the steps below.


Step 1 – Install and activate these Recommend plugins before you proceed



Step 2 – Navigate to Tools panel and click on the Import tab.



Step 3 – Click the “Workpress” link and be sure to read the page Import WordPress



Step 4 – Choose file data-example.xml then click button Upload file and import and be sure to read the page Import WordPress



Step 5 :

  Assign Authors:

    Import author: admin (admin)[ assign posts to an existing user]

    Import author: wooteam (wooteam)[assign posts to an existing user]

  Import Attachments: Check in Download and import file attachments



Step 6 – It can take a few minutes to import everything. Please be patient and wait for it to complete. Once it loads, you will see a “Success” message at the top of theme options.

Step by Step

Step by Step

Step by Step

Adding The Logo & Favicons

White requires that you upload your logo as an image file. The logo can be any size and can fill up the full content area. White is also retina ready so there are additional options to upload a retina 2x logo and specific instructions that need to be followed for it to display correctly on retina ready devices.

To Insert Your Logo, Follow The Steps Below.

Step 1 – Navigate to Appearance > Theme Options > Logo to access the logo options.

Step 2 – You will see six logo upload options, one is for standard desktop, one is for Retina ready devices, one is for Apple Touch Icon devices, one is for Apple Touch Icon 57x57 devices, one is for Apple Touch Icon 72x72 devices,one is for Apple Touch Icon 114x114 devices. Click upload button and select your logo file.

Step 3 – If you are uploading a retina logo (not required), it needs to be exactly 2X the size of the regular logo. If you are uploading Apple Touch Icons (not required),it needs to be exactly requirements size. Click upload button and select logo.

Step 4 – If you are using a retina logo, you must enter the logo width and height for the STANDARD logo. So in our example, you would enter 200 for width, and 100 for height. Do not enter the retina logo values, only the standard logo values.

Favicon Options

The favicon options are also on the logo tab in theme options. Favicon’s are an icon associated with a URL that is variously displayed, as in a browser’s address bar or next to the site name in a bookmark list. White offers several fields to upload a favicon, standard favicon, apple iPhone favicon and Apple iPad favicon. Each one has its own unique size listed in the description. To add them, simply click the upload button next to the appropriate field and select the favicon file you would like to use.

Setting Up The Menu

White supports custom WordPress menus, with multiple levels of dropdown support for the main menu. There are 4 areas of the theme where you can assign a menu; the main menu, the top menu, the 404 useful pages menu and the sticky header menu. Each of these menu locations can have a custom menu assigned. Once a menu is created and assigned to the location, it will show up on the site. There are also several theme options to customize the menu. Please see below for the menu locations, how to create a new menu and the menu theme options.

White Offers The Menu Locations

  • Main Navigation: this is the main menu that shows in the header area.

To Setup A New Menu, Follow The Steps Below.

Step 1 : Navigate to Appearance > Menus section of your admin.

Step 2 : Click the "Create A New Menu" link to make a new menu. Enter the name then hit the "Create Menu" button.

Step 3 : To add a menu item, select one of your created pages on the left hand side and click "Add to Menu". You can also add all kinds of different posts from the left side.

Step 4 : To add a custom menu item, enter a custom name and link into the "Link" box.

Step 5 : Manage your menus by using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of another menu item and it will lock into place and create a dropdown section.

Step 6 : After setting up your menu, scroll down to the bottom of the page to assign the menu to one of the 4 locations in the Theme Locations box.

Step 7 : Once its all done, make sure you click the "Save" button.

Setting Up The Sliding Bar

To Setup The Sliding Bar, Follow The Steps Below.

Step 1 : To add content to the sliding bar, navigate to "Appearance > Widgets"

Step 2 : You will see 4 widget sections on the right hand side, SlidingBar Widget 1-4. Your widgets are located on the left hand side.

Step 3 : Simply drag and drop the widgets you want from the left side into the sliding bar widget sections on the right side. See the screenshot below.

Setting Up Home Page

Setting up your home page is the same as setting up any other regular pages except that you need to specify in the settings which page will be your main home page. White includes several pre-designed home page options. Any of the layout options you see on our demo can be imported through our demo content importer, or from copying the individual page content from our docs in the “How To Import Individual Pages” section. However, you are not stuck with our pre-designed layouts, you can build any type of home page you desire using our Page Builder elements. You can mix and match anyway you like.

To Set Your Home Page, Follow These Steps

Step 1 – Navigate to Settings > Reading.

Step 2 – Select “A Static Page” option.

Step 3 – Choose the page you want as your home page from the dropdown list.

Step 4 – This is also the same spot you select the Blog page as the post page.

 

Note: If the “Front Page Displays” option is invisible. Cause by haven't any Pages set-up or private page. Once you had both at least one post and one page(public) , the option appeared automatically.

Setting Up One Page

White has the ability for you to make a one page site with a parallax scrolling menu. Most sites are traditionally setup with individual pages, each page with its own content. A one page site allows you to put all the content on one page, and the menu items will link to each different section of the page. Think of it as a full site but all on one page. A parallax one page site requires you to have a custom menu, a page with menu_anchors in the content and the custom menu assigned to the page. Please read below for information on how to set this up.

First Create A Custom Menu For Your One Page

Step 1 – Navigate to Appearance > Menus section of your admin and click “Create A New Menu” link and assign it a name.

Step 2 – Each menu item you add needs a unique anchor name in the URL field. These names act as anchors, and will link to the corresponding anchor name in your page content. Use the “Links” box on the left hand side to add menu items. In the “URL” field type the anchor of your section, ex: #intro and then assign a name to the menu item. Click the “Add to Menu” button.

Step 3 – Repeat step 2 for each menu item, giving each a unique #name.

Step 4 – Once you have added your menu items, be sure to click the “Save” button.

 

To Create The Home Page, Follow The Steps Below.

Step 1 – Create a new page and give it any name you wish.

Step 2 – In the Page Attributes box on the right hand side, set the Template to Template Page Builder

Step 3 – Insert your Template Page Builder into the content.

Setting Up Blog Page

White has the ability for you to make a one page site with a parallax scrolling menu. Most sites are traditionally setup with individual pages, each page with its own content. A one page site allows you to put all the content on one page, and the menu items will link to each different section of the page. Think of it as a full site but all on one page. A parallax one page site requires you to have a custom menu, a page with menu anchors in the content and the custom menu assigned to the page. Please read below for information on how to set this up.

First Create A Custom Menu For Your One Page

Step 1 – Navigate to Appearance > Menus section of your admin and click “Create A New Menu” link and assign it a name.

Step 2 – Each menu item you add needs a unique anchor name in the URL field. These names act as anchors, and will link to the corresponding anchor name in your page content. Use the “Links” box on the left hand side to add menu items. In the “URL” field type the anchor of your section, ex: www.yoursite.com/#about or #about and then assign a name to the menu item. Click the “Add to Menu” button.

Step 3 – Repeat step 2 for each menu item, giving each a unique www.yoursite.com/#name or #name.

Step 4 – Once you have added your menu items, be sure to click the “Save” button.

 

To Create The Blog Page, Follow The Steps Below

Step 1 – Create a new page and give it any name you wish.

Step 2 – In the Page Attributes box on the right hand side, set the Template to Blog Template

Shine Theme Page Builder

Extending the functionality of "Aqua Page Builder" plugin, the page builder function available in White allows you to create various of template variations for use in your White site. It has the similar interface with WordPress Menus & Widgets admin page - This makes you feel comfortable with the user interface.

It also comes with 15 content blocks that allows you to build complex page layout easily.

How to use Page Builder to create the Home page

Step 1 Navigate to Appearance > Page Builder.

Step 2 Click Button Add Template -> Enter Name Page

Step 3 Click Button Create Template

Creating Blog Posts

No matter which method or methods you use to display your blog posts, the first thing you need to do is create the blog posts. White offers several blog post types, image, image slideshows, video and more on the way. Each blog post you make will be able to be displayed using any of the 3 methods described above. And with the ability to assign custom categories to each post, you can easily display a set of posts based on category. See below for information on how to create blog posts.

Quick Edit

Navigate to Posts in your WordPress admin.

When hover each title of each post, It will show actions: Edit, Quick Edit, Trash, View, Purge from cached

Follow the Steps Below To Create A Blog Post

Step 1 – Navigate to Posts in your WordPress admin.

Step 2 – Click on Add New to make a new post. Create a title and insert your post content in the editing field. You can use any of our short code builder elements inside the post.

Step 3 – Add Categories from the right side. To assign it to the post, check the box next to the Category name.

Step 4 – Add Tags from the right side. Type the name of the tag in the field, separate multiple tags with commas.

Step 5 – For Feature image, click Featured Image Box, select an image and click “Set Featured Image”.

Step 6 – Once you are finished, click Publish to save the post.

Here Is A Screenshot That Shows The Various Areas Of The Blog Post Page Described Above.

Set up Single Blog Posts

White includes a highly advanced theme options panel organized into sections that allows users to customize many different aspects of the theme. There is a Blog section of theme options that allows you to customize different aspects of the blog; sidebar, excerpts, Title, Subtitle and so much more. See the information below.

Creating Portfolio Posts

After you have made your portfolio page, you need to create portfolio posts so they will show up on the portfolio pages. White offers several options for portfolio posts, and with the ability to assign custom categories to each post, you can easily display a set of posts based on category. Each portfolio post offers several ways to add tags, categories and skills. Categories are the filters you see above the post that allow the viewer to sort the posts. Skills and Tags are used to add additional meta info to the post. See below for information on how to create portfolio posts.

Follow the Steps Below To Create A Portfolio Post

Step 1 – Navigate to Portfolio in your WordPress admin.

Step 2 – Click on Add New to make a new post. Create a title and insert your post content in the editing field.

Step 3 – Add Skill from the right side. To assign it to the post, check the box next to the Skill name. These Skill are the filters that will sit above your portfolio images and allow you to filter the different types of projects.

Step 4 – Add Gallery (not required), in tab Portfolio Options, Press Add or Upload file to create Gallery for post

Step 5 – Portfolio Meta Description: you can add code HTML to display Explain more your Project Infomation

Step 6 – For a single image, click the first Featured Image Box, select an image and click “Set Featured Image”.

Step 7 – Check in box Featured Portfolio to set your post is Featured Portfolio

Step 10 – Once you are finished, click Publish to save the post.

Our demo:

Setting Up Single Portfolio

White includes a highly advanced theme options panel organized into sections that allows users to customize many different aspects of the theme. There is a Blog section of theme options that allows you to customize different aspects of the blog; sidebar, excerpts, Title, Subtitle and so much more. See the information below.

Styling Options

  • Right-to-Left Language Support : Language Support
  • Select Body Font Family : White allows users to chooose from any of the 600+ Google Fonts
  • Theme Main Color :Unlimited Color Theme
  • Breadcrumb background: Upload Image to change Breadcrumb background
  • Footer Background Color: Unlimited Color
  • Footer Text Color: Unlimited Color
  • CSS Code: add code css in this box to style element which you want

Adding Footer Widgets

To Add Widgets To The Footer, Follow The Steps Below.

Step 1 – To add widgets, Navigate to Appearance > Widgets

Step 2 – You will see 3 widget sections on the right hand side, Footer Widget 1-3. Your widgets are located on the left hand side.

Step 3 – Simply drag and drop the widgets you want from the left side into the sliding bar widget sections on the right side. See the screenshot below.

Make your site run faster

Get a good hostingYou may not think that this is important, but if you want your site to display really fast you need to get a good hosting. This is the first step in having a fast site, which also translates into more views, which also translates into a better SEO, which finally translates into more sales. (affiliate links below)There are three hosting companies which i recommend:

  • Media Temple: http://mediatemple.net - if you want a premium WordPress hosting which is easy to manage and works pretty well, this is a good choice to host your website on.
  • A Small Orange: http://asmallorange.com - this is another good hosting company, which i’m currently using to host my theme demos on. If you bought this theme you probably liked the speed as well, so i highly recommend ASO to host your themes on (especially the Cloud VPS option).
  • WPEngine: http://wpengine.com - definitely not as cheap as the two examples above, but if you really want an incredibly fast website and absolutely no headaches in managing it, WPEngine is the way to go. With it you don’t have to worry about security, caching, updates, etc. Everything is handled by a great theme of professionals ready to help you with everything. You just need to care about your content.

Optimize images

Always optimize/compress your jpeg images before uploading them to the server. Large images should be compressed at around 90% image quality and you should also try to limit the use of lossless image files (uncompressed pngs).


Use a caching plugin

I can’t recommend enough the necessitiy go good caching. If you use a managed hosting such as WPEngine you don’t need this. But if you are using ASO or MT or any other hosting you need to cache your content. For this purpose, i recommend W3 Total Cache! It’s a great and easy to use plugin, and with only a bit of work you can double your site’s speed.See this ticket for more info on how to configure this plugin: http://rubenbristian.ticksy.com/ticket/119133