TOC

Documentation & Introduction

First and foremost, we would like to start by thanking you - on behalf of both Denoizzed & Our Web Media, for your purchase of KingSize!

It is our hope that we can make the experience using KingSize WordPress as painless and stress-free as possible.

Each section of this documentation will include both detail in written form and video tutorials, but for the most part we'll be using Screencasts to explain the use of KingSize WordPress. It is our hope that through visual presentation and explanation, we can further the success in your use of the template and limit the frustrations. More importantly though, limit the time it takes for you to complete the installation and setup.

In any case, should you still have problems, if something is not making sense, we encourage you to contact us through the Denoizzed Support Forums. Just head over to http://www.denoizzed.com/forum and register for your new account. There is a requirement for you to validate your purchase by inserting your "Purchase Code".

To locate the "Purchase Code", head over to Theme Forest and log in to your account. Locate "Downloads" under your account and here search for the KingSize WordPress template. Once located, there is a "Downloads" button right of the template title. Click this and it will expand to show options for downloading the "Main File(s)" or the "License Certificate". Download the License Certificate and open the document to find your "Purchase Code".

1. QUICK OVERVIEW

The King Size template is a unique template designed with Businesses, Photographers, Designers and etc., in mind, for the purpose of creating a dynamic looking Portfolio that caters to a variety of users and uses.

With a fullscreen background and many custom options, King Size offers you many possibilities. Including 5 very different galleries to be used for portfolios and galleries, such as "prettyPhoto", "FancyBox", "Colorbox", "slideViewer" and "Galleria".

Of course, this is only a few of the available options and as we go through this documentation, we'll introduce more of the options available to you with your KingSize WordPress template.

2. INSTALLATION & SETUP

How to Install WordPress

How to Install the KingSize WordPress theme

It takes less than 5 minutes to install setup and get your website running. Just follow these steps mentioned below and you should have absolutely no issues. Although should you run into any problems, we'll do our best to assist you - contact us using the Support Forums.

A. Downloaded Files

Once downloaded from Theme Forest, inside the zipped folder you received, you will find the following:

• Documentation: Includes all the help files, credits and video tutorial resources.
• PSD Files: All the necessary PSD files associated to the King Size template.
• Template Files: Containing the zipped folder for installing inside WordPress.
• Licensing: Information pertaining the the Usage Rights of your WordPress template.
• Fullwidth Audio Player: This contains the plugin folder you'll be uploading to your website to use the Audio Player.

B. Uploading King Size

1. First you will need to install and setup your WordPress installation (download WordPress from WordPress.org).
2. Now open the FTP program of your choice (we recommend FileZilla or CuteFTP).
3. Navigation to the directory which you've previously installed WordPress in.
4. Locate the ".../wp-content/themes/" directory and inside here you will want to upload the "kingsize.zip" template folder.
5. Now on your computer, locate the zipped folder you downloaded from Theme Forest.
6. Inside this folder, locate the "Template Files" folder.
7. Inside this folder will the the "kingsize.zip" file you're going to want to upload to your server (mentioned in Step #4 above).
8. If you've uploaded as a zip, you will be required to decompress it afterward (via your Hosting Panel).

WordPress Directory: > wp-contents > themes > [upload the KingSize zipped folder here]

C. Setting Folder Permissions

IMPORTANT: Folder permissions are only require being modified when using Timthumb to resize your images!

IMPORTANT: Do not overlook this step! It is important you setup the Folder Permissions / CHMOD*!

*It is our recommendation that you use folder permissions "755" instead of "777". Some servers may not already have it enabled but you should ask your hosting provider to enable "suPHP" on your server. This will offer further protection to your installation and remove the need to change folder permissions to "777" which can at times be a security risk.

Once you have unpacked the "kingsize.zip" into the ".../wp-content/themes/" folder, you want to assign some Permission / CHMOD settings. The purpose of doing this is to enable scripts such as "Timthumb" and those related, the ability to "Read, Write and Execute" various functions. In this case, these folders are used when uploading your images used by Galleries, Portfolios and the Blogs featured images. Not completing this step will result in your thumbnails and images not appearing on your website.

1. If you're not still inside FTP, open up your FTP program and log into your server.
2. Navigate to the directory of your WordPrses installation.
3. Once there, locate the ".../wp-content/" folder and here is where we'll begin the setting changes.
   
   Find: .../wp-content/uploads
   Right click on this and edit the "Permissions / CHMOD" to reflect "777".
   
   Find: .../wp-content/themes/kingsize/cache
   Right click on this and edit the "Permissions / CHMOD" to reflect "777".
   
   Find: .../wp-content/themes/kingsize/images/upload
   Right click on this and edit the "Permissions / CHMOD" to reflect "777".
   
   
4. It is important that you do NOT change the permissions of any other folders inside your WordPress installation.

On some servers, the security option "suPHP" may be enabled, in which case you'll want to use the Permission / CHMOD "755" instead. It's also important that you confirm your server supports both "GD Image" and "Timthumb".

D. Installing & Activating King Size

Once uploaded to wp-contents > themes > [kingsize folder here] you will need to log into your WordPress dashboard, locate the "Appearance" from the left-hand sidebar and click the "Themes" option. Here you'll be able to activate the newly uploaded template.

E. Express Install & Setup

The express install can be found inside the "Documentation" folder you've downloaded from Theme Forest. This express setup is in the format of an ".xml" file, locate the file:

Import File: Express Install.xml [located in the "Documentation" folder]

With this file, you can create an express setup which will give you an end result that looks exactly like the demo you've seen prior to purchasing the template. This xml file will allow you to re-create exactly what it is we've already created on the demo and gives you a head start on getting your website setup and ready to use so you can edit and manage it.

Note: Images in the demonstration will not be included in your download.

If you've never imported an .xml install, you can follow these quick simple steps:

1. Log into your WordPress Dashboard using your username and password.
2. In the left-hand sidebar, locate "Tools" and click the option to "Import" into WordPress.
3. Next you'll need to select the type of Import you'll be doing, we want WordPress.
4. You'll then be asked to install the Importer, click "Install Now" on the right hand side.
5. Now you'll want to "Activate, Install and Run the Importer" you've just installed.
6. Now you'll want to select "Choose a file" and locate the .xml file we've included.
7. It'll ask you to select a user to assign these posts, pages, etc. to, select your account.
8. It may take a few minutes to install depending on your connection and web server.
9. Once the import has completed, you should now have all the included setup done.

At this point, your website should now take the form you've seen available in our demonstration website - if not, please re-read this instructions. As always, for additional assistance we encourage you to checkout our Support Forums for any further assistance needed.

3. UPDATING YOUR TEMPLATE

We cannot stress how important it is for you to make BACKUPS PRIOR TO UPDATING your website! Please backup!

For those of you updating, we've created a Blog Tutorial called "How do I Update" that's important you read this when updating!

4. ADMIN THEME OPTIONS

Located inside the "Appearance" dashboard section, you will find our Theme Options labeled as - "Theme Options"

A. Logo Options:

When first installing our template it will come pre-installed with our KingSize WordPress logo. You can head to "Appearance > KingSize Options > General Settings" to customize and upload your own logo (recommended size is 180px[h] by 200px[w] for best results).

B. Global Background Preferences

Here you will want to upload an image that will be assigned to all pages, sections and posts as your default Global Background. This background image can be changed per page and post by using the Write-Panel option present when editing / creating a new page or post. If you are not using the Homepage Slider or Video Backgrounds, this image will then become your homepage background.

Following this option you've the ability to enable or disable the Background Grid Overlay. This will help darken the background images on all pages / posts other then your homepage to keep the readers focus on the content rather then the background image.

C. Navigation Menu Preferences:

Also located in the "Appearance > Theme Options > General Settings" tab you will find your Navigation settings:

Show / Hide Navigation by Default: By default the navigation shows expanded, but here you can set it to collapsed.

Enable Menu Hide / Show: This will enable the "arrow" inside the navigation that allows you to hide/show it.

Enable the Menu Tooltip: This will enable the tooltip* that appears displaying the "hide" and "show" messages.

D. Homepage Video & Background Slider Preferences:

In "Appearance > Theme Options > Home Settings" you will find the corresponding Homepage Slider & Video Background options:

• Background Type for Homepage:

  Here you'll assign whether or not to use the Image Slider or Video as your homepage background.

  If you're wanting to assign a specific page as your homepage, go to "Settings > Reading" and here you can select a page you wish to assign as your Homepage.

• Assign Homepage Slider ID:

  This option is used to assign a specific Slider Category you've created to your homepage. This allows you to use multiple sliders for various pages and posts without having the same images as your homepage displayed on other pages/posts.

• Assign the Number of Slider Items:

  You can set a specific number of slides to display - leaving this empty will display all slides.

• Slider Intervals:

  This is required to be defined in Milliseconds and is controlling the time between each of the slide intervals.

• Slider Transitions:

  This is required to be defined in Milliseconds and controls the transition between slide items themselves.

• Slider Order:

  Define the order in which you want the slider items displayed.

• Slider Titles & Descriptions:

  You can enable here the use of Titles and Descriptions within your slider items shown on the homepage.

• Slide Controls:

  Choose to enable or disable these controls from displaying on the homepage.

• Slide Controller Position:

  Assign the placement of your slide controls either "Above" or "Below" the Title and Descriptions of your slides. This is handy when using slider items with longer descriptions then 2 lines.

• YouTube/Vimeo/MP4 URL:

  Insert the URL of the video you're wanting displayed on the homepage. This only works if you've assigned the Video Background as your homepage option at the top of this "Home Settings" section. Note that when using Vimeo videos, make sure to remove the "https://". This will cause problems when displaying Vimeo videos.

• Auto Play Video:

  Enabled to Auto Play by default.

• Control Bar Video:

  Enable or disable the Control Bar from appearing on your videos when used on the homepage.

• Repeat Video:

  Enable or disable continuous play of the video.

For the most part, alike to the other sections, each Theme Options will have a description beside it to help you understand it's purpose.

E. Style Preferences

You'll have the option set the colors for text, headings, menu items, mouse over effects, active menu items, tooltip messages, background overlays and etc. If you're wanting to add custom styles, we would encourage you NOT to use style.css but rather update them via "Theme Options > Miscellaneous > CSS Overrides".

F. Post / Page (Blog) Preferences:

These options are related directly to Pages and Posts within KingSize WordPress. You've options such as "Enabling Blog Excerpts" or "Enabling Full Contents", as well things like "Enabling / Disabling the Sidebars", "Enabling the Widget Ready Footer", customizing the "Read more..." text shown after post excerpts, and even the option to enable comments beneath your Portfolio / Galleries.

Please note: When enabling comments for your Portfolio, this still requires you enabling the comments from within that page. If comments for your pages / posts are not already enabled, you need to locate the Screen Options at the top of the page, click this and it will expand. Once clicked, locate the option for "Discussions" and checkmark the box beside it. This step does require two steps to complete.

G. Gallery / Portfolio Options:

Here you can define how many items to display and the "height" of the portfolio items should you wish to limit the amount of text, or not use descriptions. By default, descriptions are enabled and the defined height is 400px - change accordingly to suit your specific needs. You can manage and control various options for both Galleries and Portfolios within this Theme Option tab.

H. Contact Settings:

Here you will insert the email address used by your "Contact Page" template. However there are two ways to creating a Contact form...

The first is using the "Contact Page" template. When creating a page, you can select from within the "Page Attributes" section, a Page Template - for the purpose of this page we'd be selecting the "Contact Page". When using the Contact template, this email is required.

There is also the Shortcode: [contact email="youremail@domain.com" message="Enter your custom success message here!"]

This shortcode does not require being used specifically on pages. You can insert it anywhere you want, pages or posts.

If you're using the Page Template for your contact page and would like to define a custom message, you can do so within these settings.

I. Social Networks

Currently with KingSize WordPress, it comes pre-installed with 25 different Social Network options. While we've tried to accommodate them all, there are lots we have not included that are not as commonly used. If you have additional Social Networks you'd like to add, follow these steps:

1. Open your "kingsize" template folder and locate: ".../lib/social-networks.php"

   Each Social Network will be coded like this:

   <?php if( $data['wm_social_twitter'] ) { ?>
   <li><a href="<?php echo $data['wm_social_twitter'];?>">
   <img src="<?php echo get_template_directory_uri(); ?>/images/social/twitter_16.png" alt="twitter" 
   title="Twitter" class="tooltip_link">
   </a></li>
   <?php } ?>	
   	

   Change 'wm_social_twitter' to reflect the new social network name, ie., 'wm_social_NAMEHERE'.

   Change the image URL to call the new image, ie., "/social/twitter_16.png".

   Update the alt="Social-Network" and title="Social-Network" to reflect the new Social Network.

   In short, simply edit the bold yellow highlighted areas with the new social network details you want.

2. Now add your new line of coding like above to the social-networks.php and save that file.
3. Next, locate in your "kingsize" folder, ".../admin/functions/functions.options.php" and open it up.
4. Using the "Find" option in your edit, locate "Social Networks" or search "Twitter" (roughly line #660 - line # may change).
5. What we're going to do now is replicate the coding here to give yourself a new Theme Options for this new Social Network.

   Using Twitter again as example, copy and paste that into a new line, similar to this:

   $of_options[] = array(  "name" => "Twitter URL",
   "id" => $shortname."_social_twitter",
   "icon" => "twitter_16.png",
   "desc" => "<img src='".get_template_directory_uri()."/images/social/twitter_16.png' alt='twitter'/>",
   "std" => "",
   "parent_heading" => $shortname."_misc_social",
   "type" => "text");
   	

   Again we're going to edit those highlighted areas to correspond with the new Social Network you've added in the previous step.

6. Save that file and upload both of these new edited files to your server to overwrite the original files. If done correctly, it should work. If done incorrectly you'll likely receive errors and you'll need to review your modifications.

K. Miscellaneous Settings

Here you'll be able to insert your custom header scripts and codes, 404 modifications, Google Analytics and Enable/Disable the No-Right Click options. Additionally, you can insert your new/custom CSS modifications so that when updating in future versions, your changes will be carried into the updated versions without the fear of overwriting the style.css file.

J. Backups

This section will allow you to perform backups on your Theme Options. Resourceful for if you want to change a bunch of options but uncertain if you'll like them afterward. So make a backup here first and you can easily restore those options previously used.

5. HOMEPAGE BACKGROUND SLIDER

As briefly explained above, a lot of the corresponding Homepage Slider and Video options are located inside "Appearance > KingSize Options > Home Settings". Aside from the actual settings / preferences, we now need to create the individual slides to be used.

To create Backgrounds Sliders, you need to locate in the WordPress Dashboard sidebar the custom post-type called "Slider". First you're going to want to create some Slider Categories. So if we were going to be creating a slider for the Homepage, we would create a Slider Category called "Home".

Of course, at anytime you can create new Slider Categories when creating those individual slides.

So now, head over to the "Slider > Add New" and create a new single slider item.

We want to give it a unique name so we can easily identify the image being used in the Slider.

To include a description for that slider item, add your description into the content / text editor.

Select in the right hand side the Slider Category you want to assign this slider item to.

To upload the image for this slider item you want to use the "Featured Image" option and upload or select from the existing images the image you want used for that single slider background.

Just beneath the content / text editor, you'll see there are some write-panel options that will allow you to customize your slider item a little more. You can add in a Custom URL for the Read More button, change the default Button Text, set the link to open in a new tab and disable/enable text.

Each Slider post you create is a single slider item. So if you want to display several images on a specific page background then you would have to create seven individual slider posts and in each post created attach your featured image and customize that slider item to suit your specific needs.

Sliders are assigned unique ID's and each category has one. So to find your Slider Category ID at anytime needed, simply go back to "Slider > Slider Categories" and locate the ID column in there.

A. Creating a Homepage Slider

By default, our template will use the Fullscreen Background slider as its homepage. You can customize the homepage settings by going to "Theme Options > Home Settings". You can either assign the homepage a "Video" background or an "Image Slider" background.

Before KingSize WordPress version 4.1, this was the only way to manage a fullscreen background on the homepage with full options but now, any page or post can be turned into a fullscreen background slider with all the options the homepage offers. All you need to do is go into any page / post and using the write-panel options you can assign that as a fullscreen background slider or even a fullscreen video background.

It is not necessary for you to assign a static page as your homepage for the fullscreen slider to work, however in our latest release, since you can create a fullscreen slider or video background on any page or post, you can now assign any page as your homepage with all the same options as available in the Theme Options default homepage.

B. Creating a Page / Post Slider and Video Background

To create a page / post slider, we first must create our slider items as explained previously. We want to make sure to assign these slider items to a unique "Slider Category" that we can call out in our pages / posts for use. So for this example, we'll create our new slider items and assign them to a category referred to as "Page Slider".

Now we want to go to the page or post of our choice and locate the write-panel options.

Inside each of the pages and posts, there is a write-panel section specific to "KingSize Page / Post Background Settings". Here you'll discover all the relevant options for controlling your page / post specific backgrounds.

Each of these options available include descriptions but for reference we'll again review them:

Custom Background: Here you can upload a unique background image for this page / post.

Slider / Video Background: The "Default" option will be selected but if you want to enable the "Image Slider" or "Video Backgrounds" you'll need to use the drop-down selector and choose which of these options you want used as your background. The "Default" option corresponds with the "Custom Background" which is a single image background being used and not a slider or video background.

Hide the Body Content: This allows you to "Hide the Body on Load" which means the body will be hidden when the page/post is loaded. When the navigation is expanded the body will show again. Additionally you can choose to "Permanently Hide the Body" which would be used for creating a fullscreen background slider or video page / post.

Depending on whether you've selected "Video Background" or "Slider Image Background" you will have to then use the relevant write-panel section. So if we chose to use the Image Slider, we'd locate in the write-panel "KingSize Image Slider Options" and add in our details.

Slider Category ID: This is the ID for the unique Slider Category you want used.

Transition Effect: This is by default set to "Fade" but you can change it as desired.

Number of Slides: Will allow you to set how many slides are show by default.

Slider Order: This is a drop-down selector that allows you to choose an ordering.

Intervals: This is required to be defined and in milliseconds.

Transitions Time: This is required to be defined and in milliseconds.

Title and Descriptions: Will allow you to enable or disable slider titles from showing in the background.

Description Width: Will allow you to set a new width for the description box that overlays the slider.

Slide Controllers: Will allow you to enable/disable the Slider Controllers if desired.

Controller Positions: Will allow you to place the slider play/pause/next/prev buttons either "Above" or "Below" the slider descriptions.

In the case you've selected "Video Background" as the type of background being used, you'd then locate the section in the write-panel labeled "KingSize Video Background Options" and set them accordingly to the page / post you're creating.

Video Background URL: Insert the URL of the MP4/Vimeo/YouTube video you're wanting to use. Note that if you're using Vimeo do NOT paste the URL with a secure URL (example: https://...) as it will cause the video to not load.

Autoplay Video: Allows you to disable / enable the autoplay feature.

Controlbar Video: Gives you the ability to disable / enable the video controlbar.

Repeat Video: Gives you the ability to disable / enable the video repeat / cycle.

They're pretty self-explanatory options. Of course, if you require further assistance with the use and creation of your backgrounds, we encourage you to contact us through our Support Forums.

6. CREATE CUSTOM MENUS

Since the release of WordPress 3.0, creating menus has never been so easy. You can drag, drop and organize your menus with complete ease. Even link outside your website to other site URLs.

If you've never before used the WordPress Custom Menus, we've created a tutorial to assist you with the setup of your KingSize menu.

By default, this template supports one menu. To get started, log into your Dashboard, locate "Appearance" in the sidebar and here you will find "Menus". Here is where you will create the menu used by the KingSize template.

Create a new menu called "Main Menu" (just for example but you can use anything you want), then click save. Once saved, you'll want to assign that menu to the header by using the options left of this area, titled "Theme Options". If you've used the express install method, you can see this menu has already been created and setup for you (although you still are required to assign it as your header menu).

To include a description, at the top click "Screen Options", under this check the "Description" option.

7. SIDEBARS & WIDGETS

This template comes with 2 widget ready sidebars and 1 widget ready footer. To include widgets, locate the area titled "Appearance" in your sidebar and select the "Widgets" from that menu selection and this will bring you to a new page to customize your sidebars used.

With the release of version 4.1 of the KingSize WordPress template, we've now introduced the ability to also include Sidebars on your pages and not just posts as it was once before. In addition to this modification and by popular demand, we've also included the ability to create "Unlimited Sidebars".

A. Post / Blog Sidebar

Inside "Widgets" you will see a sidebar area titled "Main Blog Sidebar" and it is this sidebar that will appear throughout your website where specified. You just need to use the desired widgets of your choice, drag and drop into this area, then click save and you're done.

Additionally, inside your "Appearance > KingSize Options > Post and Page" settings, you can disable the Blog Sidebars globally. However there is also the option to disable sidebars on individual posts as desired by using the write-panel options provided.

B. Contact Sidebar Details

This widget area is designed for your Contact Page. When you assigned the Page Template "Contact", its here this sidebar will be active. You can either use the custom widget we've included to insert your "additional contact details", or add other widgets of your choice.

C. Footer Widget Ready

Here you'll find 3 widget ready areas designed for your footer. Each specific to the footer, one is designed for the left, another for the center and lastly the right footer column. As a default, our template comes with 3 demo footer columns included. When you add your own widgets, this will automatically become disabled and will show your widgets instead. Should you desire to disable the Footer area, you can go to "Appearance > KingSize Options > Post and Page" settings and uncheck the option that enables them.

D. KingSize Twitter Widget

To enable the KingSize Twitter widget in your sidebar, you need to go to "Appearance" > "Widgets" and locate the appropriate titled widget there. Now left click to drag and drop into the appropriate sidebar desired. Once selected, the widget will expand automatically asking you for some details to finalize the setup. You'll be required to provide:

1. Twitter Username (without @): So I would then enter "denoizzed" or "ourwebmedia" without the @.
2. Widget Title: Is the name of this widget. So I would then enter "Recent Tweets" or similar.
3. Set the # of Tweets to Display: By entering in the number "5" it will display the 5 most recent tweets.

In recent updates from Twitter, there are now new required steps to enable the Twitter widget.

1. You'll need to go to Twitter Apps and create a new app if you haven't already.
2. You'll need to first log into your Twitter account.
3. Once logged in you can view existing applications or create a new one.
4. Click the "Create a New Application" button.
5. On this new page, fill in all the required information
6. Upon completion, click "Create your Twitter Application".
7. You'll now be provided with required information to make Twitter work on your website.
8. Copy and paste the corresponding information into your Twitter widget in KingSize WordPress.

Save your changes afterward and your Twitter widget should work as intended.

F. Creating Unlimited Sidebars

In earlier versions, KingSize WordPress only supported sidebars on "Posts". You had the option to enable or disable them but it was very limited. At that time, page sidebars were non-existent. Now you can create Unlimited Sidebars and assign them to specific pages, posts and for specific purposes.

It's quite simple.

1. Go to "Appearance > Sidebars" and here you will create your unique sidebars.
2. Click "Add Sidebar".
3. It will prompt you for a "Sidebar Name", call it whatever you'd like.
4. Click "Save" and it will create the sidebar and give it a unique CSS class.

There you have it, sidebar has been created.

Now go to "Appearance > Widgets" and you can add the widgets of your choice to your sidebars.

To assign this sidebar to a page or post, simply go in and edit the page / post and when inside the edit area you'll see in the right-hand side of the page/post-options an area called "Custom Sidebar". It describes beneath it to "Choose a sidebar to display" and those previously created will now be listed in the drop-down selection area.

Simply select the sidebar you're wanting displayed on that specific page / post and save the edits. That selection will then override the default sidebar that was originally there. Additionally, you can always "disable" or "enable" sidebars on a per-page / post basis by using the write-panel options.

8. CREATING A NEW BLOG

In previous versions of KingSize WordPress, you could only create a blog with the use of Page Templates but in the latest version you can now use Page Templates and the new Blog Shortcode.

CREATE A BLOG WITH PAGE TEMPLATE

To create your blog section within KingSize WordPress, you just need to follow these simple steps:

A. Create a new Page

First you'll need to go "Add a New Page" via the WordPress Dashboard and title it "Blog" or whatever it is you wish it to be called. From this point, look to the right side of your page and you'll see an area titled "Page Attributes" and beneath here you'll see the option to select a page "Page Template". From this list, you want to select the "Blog Template" and click Publish / Update.

At this point, if you view the new page you created, automatically all posts made will be displayed within this Blog Page. Now assigning this to your menu is rather easy. Head over to "Appearance > Menus" and assign the page you've created to your menu and place it wherever you'd like it displayed in the menu navigation bar. From that point, any published blog entries / posts will be displayed here. Keep in mind, you must have already created some posts for them to be shown.

B. Create Multiple Blog Pages

Sometimes buyers will want to create more than one blog. Reasons behind this will vary, but in this case, you probably want to avoid using the "Blog Page" template previously explained. Instead, go to your "Post" menu item and create a few "Categories", these will act as individual blogs. Now create your posts and assign them to these various categories created, ie., Blog, Travels, Photography, etc. Now go to "Appearance > Menus" and locate in the left column the "Categories" block / module. Here you will see the previously created Categories, check the ones you want to assign and add them to your menu. Save your changes and they'll appear within the navigation.

C. Add Custom Background Images, Slides and Videos

Inside your "Add New / Edit Posts" area, you will see beneath the contents area, a place known as the "write-panel". This area includes the ability for you to upload a new background image, slider options, as well videos you want associated with that specific page/post. This will then override the default background image you previously setup in the Theme Options.

CREATING A BLOG WITH THE USE OF SHORTCODES

The benefit to using a Shortcode verses the Page Template is you're now able to display "related" blog entries on pages, or "Latest News" or "Random Posts" throughout your website as desired. You simply need to use the Blog Shortcode to call specific categories and customize it to suit your need.

In this example, we're going to create a simple Blog page with the use of the Shortcode.

So first, head over to the "Pages > Add New" and create a page with the title "Blog".

Using the visual editor you can click the KingSize Shortcode button and insert the Blog shortcode.

The shortcode will by default look like this when inserted:

[blog cats="" featured_images="true" per_page="5" orderby="date" order="desc" title="true" meta_data="true" 
pagination="true" content_display="excerpt"]

The available options to your Blog shortcode are:

• cats= Add the specific Blog Category ID's that you want displayed. You can add multiple categories by inserting the ID's separated by commas.
• featured_images= true or false (enabled by default to show featured images).
• pagination= true or false (enable or disable pagination on the blog).
• per_page= define the number of posts to show per-page (pagination is 10 by default).
• orderby= menu_order, rand or date (define how blog posts items will be shown).
• order= desc or asc (change the order in which blog posts are shown).
• title= true or false (shows blog post titles by default).
• meta_data= true or false (enable or disable the post meta details from being shown).
• content_display= excerpt, full or rtf (this gives you the ability to show the excerpt without formatting, full which shows the entire post text and rtf which uses Rich Text Formatting and requires you to use the more-tag to include custom excerpted text in your blog posts).

The convenience to using the shortcode verses the page template is you can show your blog in multiple areas, or related posts by selecting a category specific to that page you've inserted the blog shortcode into. As mentioned earlier, it makes great for showing random posts, latest posts and news you want to be displayed but limited on specific pages or even other posts. It's also easier to create multiple blogs per-category verses the old way when using Page Templates.

9. CREATING A NEW GALLERY

Included are 5 different Gallery Templates and with 3 of those galleries includes 4 style options that can be assigned to the individual gallery when used. These do require being created in "Pages" and is not available through the use of "Posts", only pages.

In VERSION 4, we have introduced a new option for Galleries. Now instead of being restricted to just pages, you can now use a Shortcode to call those Galleries created into any pages/posts you may want. We'll expand on this below in more detal.

CREATING GALLERIES WITH PAGE TEMPLATES

A. Gallery Types

There are 5 galleries types included. These are (preview the live demo):

• Colorbox
• Fancybox
• PrettyPhoto
• SlideViewer
• Galleria

To select a gallery, you need to create a "New Page" and inside this New Page, you'll see the option to assign a "Template" specific to this page. This is located to the right, is directly beneath the "Publish / Update" button in the area titled "Page Attributes".

Now using this drop-down menu, you will see a variety of options here to be used with your new Page being created.

B. Selecting a Layout Style

Included with 3 of these gallery types, is 4 different layout styles to choose:

• 2 Column Layout (available with ColorBox, FancyBox and prettyPhoto - see demo site)
• 3 Column Layout (available with ColorBox, FancyBox and prettyPhoto - see demo site)
• 4 Column Layout (available with ColorBox, FancyBox and prettyPhoto - see demo site)
• Grid Layout (available with ColorBox, FancyBox and prettyPhoto - see demo site)

Selecting these layout styles will ONLY apply to your galleries when you've selected the Page Template it corresponds with. So even though you may have selected [i.e.,] 2 columns, if no gallery type is selected it will not work.

C. Uploading your Images

We've decided to make use of the native WordPress Media Gallery for displaying your photos and images. It involves less work, less steps and faster end results...

To add your images, you just need to locate the "Add Media" button at the top of your Content / Text Editor, and just beneath the "Title" area of that page. When clicked this will open a new window in lightbox and this will allow you to attach / upload new media (images) files directly from your computer.

You can also select more than just one image at a time by dragging your mouse and selecting multiple images at once.

Once you have uploaded your images click "Save", and then exit out of the lightbox window. *DO NOT INSERT THESE IMAGES INTO YOUR POST AFTER UPLOADING* otherwise you will notice you have two types of galleries displaying in the Gallery Page you've just created. Remove the inserted gallery if you've done this.

Now that you've uploaded those images, just close out of that lightbox window. Remember, do not insert those images.

The way we have designed KingSize it will automatically take those images you've uploaded / attached and display them in the page you've created. If your seeing two types of images on your page, one looks like our demo while the other does not, this means you have inserted the gallery. Go to your post, in the "Content Editor" remove that inserted gallery / image and publish / update.

D. Managing your Images

You can manage your images through the "Add Media" button specific to that page / post. Just return to the page you've created for your gallery and click the "Add Media" button like previously and this will again load the lightbox window. Inside here, it will by default load the view for ALL Media, you will want to use the drop-down selection box and select "Uploaded to this Post" and you'll then see the images specific to the page / post you're editing.

Once you see the images, you can drag and drop those images in the specific order you'd like them to appear in the frontend of your website. You can also click on each of the images to edit the details associated with them, such as titles, descriptions, alt tags and etc.

E. Add Custom Background

Just as you did with the posts inside your blog, you can create and assign a background image, slider or video on all pages created.

Additionally, checkout our Blog Tutorial: http://www.kingsizetheme.com/tutorials/how-to-create-galleries-with-page-templates/

CREATING GALLERIES WITH SHORTCODES

It's just like the steps mentioned for creating Galleries with Pages but instead of using a Page Template, this time we're going to navigate to the post-type "Galleries" located in your WordPress Dashboard sidebar. Once opened, it will look identical to when creating Posts.

So using the "Galleries", we'll select "Add New". Inside here, we'll start by adding to our gallery a Title (ie., Gallery 1 - Birds).

Now using the same instructions as Page Galleries, you'll complete the following steps:

A. Uploading your Images

To add your images, you just need to locate the "Add Media" button at the top of your Content / Text Editor, and just beneath the "Title". When clicked this will open a new window in lightbox and this will allow you to attach / upload new media (images) files.

You can also select more than just one image at a time by dragging your mouse and selecting multiple images at once.

Now that you've uploaded those images, click the "X" or click outside the lightbox window to close it.

B. Managing your Images

You can manage your images through the "Add Media" button specific to that gallery. Just return to the gallery you've created and click the "Add Media" button like previously explained and this will again load the lightbox window. Inside here, it will by default load the view for ALL Media, you will want to use the drop-down selection box and select "Uploaded to this Post" and you'll then see the images specific to the page / post you're editing.

Once you've finished editing your images, click the "X" or outside the lightbox window to close.

C. Using your Galleries

Now that you've created your Galleries, head to the main page of that post-type where you can view all the created Galleries. Each one will be titled accordingly, but more importantly, you will see a column labeled "ID" and here is mentioned the ID specific to those galleries you have created. It is this ID that you'll use to identify the galleries when using the shortcodes inside your pages/posts.

The advantage to this new Gallery post-type is you are no longer restricted to just pages.

Now head to the page/post of your choice, where you wish to display these images, and use this shortcode for displaying the gallery:

[img_gallery id="" type="" layout="" orderby="" order=""  description="" placement=""]

You'll notice that there are various options available to this Gallery Shortcode that you can use to suit your specific needs, such as:

• id: This is where you will place the ID from the Galleries you've previously created, calling that specific gallery to this shortcode.
• type: Here you will define the type of gallery, ie., "colorbox", "fancybox", "galleria", "prettyphoto", and "slideviewer".
• layout: Decide whether you want to display the "2", "3", "4" or "grid" layouts for this gallery.
• orderby: Choose how you want the images organized, "random", "custom_id"*, or "asc_order".

  *If you've selected "custom_id" this will enable you to organize the images based on the specific ID you've assigned those images.

• order: You can assign the order designed in "asc" or "desc" by date created/published.
• description: Include some details about the gallery you're sharing.
• placement: Display the description either "above" or "below" the gallery.

For additional details and visual explanations, you can visit or demonstration website and see above each of the Galleries the Shortcodes used and the options available to that shortcode. Also note, multiple gallery shortcodes can be used in any page/post as desired.

Additionally, checkout our Blog Tutorial: http://www.kingsizetheme.com/tutorials/how-to-create-galleries-with-shortcodes/

10. CREATING A NEW PORTFOLIO

The purpose behind Portfolios is to add multiple projects with the use of additional details and essentially to help showcase your work.

Portfolios can serve many purposes, such as:

1. Showcase your past and current Projects.
2. Showcase your photography sessions.
3. Showcase your traveling / adventures.
4. Outside the box usage: Shopping Carts.
5. Outside the box usage: Product Display.

The possibilities are limited only to your imaginations.

Often we're asked, "What is the difference between Galleries and Portfolios" and we've created a specific post that explains that in detail.

Portfolios are quite simple to use and we'll explain how now.

Creating Portfolio Categories:

The first thing you want to do when creating a Portfolio is to "Create Your Categories" for the use of the Portfolio Items you'll create.

This Portfolio Categories will help in categorizing your items, but more importantly, they're used to create your Portfolio Pages specifically.

In this explanation, we'll create a "Photos" and "Videos" portfolio.

So first, head to your WordPress Dashboard, locate the "Portfolio" sidebar item and when it expand to show more, click on "Categories".

Create your desired Portfolio categories, ie., "Photos" and "Videos".

Creating the Portfolio Page:

1. First create the "Page" that will house those two individual Portfolio categories. So find the "Pages" menu item, select "Add New".
2. Inside this new page, we will give it a title; ours will be "Photos". Afterward, you will repeat the steps for the "Videos" page.
3. On the right side, find "Page Attributes" and here you will see a drop-down for Page Templates, select the "Portfolio Page".
4. Next go to the "write-panel" options, beneath the "Content / Text Editor" and you will see it says "KingSize Page Options".
5. The first item you will see here is "Portfolio Categories". It is important you have created the Categories for your portfolios previously as explained; otherwise no categories will be displayed here. If you have completed the steps in order, you should already see listed "Photos" and "Videos". For this page, we'll be using the "Photos" Category as our example.
6. Next locate the "Portfolio Order" and this allows you to assign a specific order to your Portfolio items on this page you're creating.

Your choices for ordering are:

• DESC by Date: this will show in order of the date posted from the most recent to the oldest portfolio item added.
• Random Order: this will randomize the portfolio items when shown each time the page has been refreshed.
• Custom ID Order: This allows you to organize your portfolio items in order of preference. When creating a Portfolio item, you can assign it an "ID". For example, "1, 2, 3, 4..." and they will appear on the page created in that specified order you have assigned them to display.
• ASC by Date: will display the portfolio items posted in order of oldest to most recent (opposite to the desc option).

Alike to other pages / posts, you can also setup the Custom Background Image, Sliders, Videos and related options.

Creating your Portfolio Items

Now having created your Portfolio Page and Categories, we want to continue on by adding our newly created Portfolio Items / Posts.

1. Inside your Dashboard, go to the "Portfolio" menu and select the "Add New" option.
2. First we'll add our Portfolio Post Title.
3. Next we'll select "Photos" as our category (this means it will now show up in that Photos Portfolio Page we've previously created).
4. Using the Content / Text Editor, you can add in your desired contents (or Galleries using shortcodes).

Portfolio Item Write-Panel Options

Beneath the Content / Text Editor, we again will find our "write-panel" with options pertaining specifically to this Portfolio Item we'll be creating. By default, none of these items are required to be used, but in order to use the Portfolios to their full potential, a few of these options would likely be necessary for your usage.

• Custom Button Text: Change the default "Read More" text on the Portfolio buttons.
• Custom Button Link: Should you wish to link this to something else such as a clients website, then you would insert the link. When you leave this option empty it will link directly to the Portfolio Item you have just created.
• Disable Button: If you don't want this button, disable it by checking the box option.
• Thumbnail Lightbox: Gives you the option to disable or enable the Lightbox.

Of course, with all pages / posts created, you've additional write-panel options that allow you to customize that specific pages / post being created. Such as backgrounds, sliders, videos, hide / show the navigation and disable the grid overlay (along with others).

Image Vs. Video Portfolio Use

When creating a Portfolio Item, you are either creating it for the purpose of "Videos" or "Photos". You can select one or the other for each Portfolio Item - or mix them up and have a few of each inside your portfolio page. However each Portfolio item is a single Portfolio post, so to add multiple images and videos to your Portfolio pages, you must create multiple Portfolio posts for each items shown.

Photo Portfolio Items

Continuing where we left off in the write-panel options, next you will see "Image/Photo Portfolio Thumbnail Settings". It is here that you would assign the "Featured Image" to be used as the Thumbnail in your portfolio item. You can use the options to either open this in lightbox (default) or have lightbox disabled so when clicking on the image it opens the associated link to that item.

Adding More Lightbox Images for Photo Portfolio Items

When you're wanting to add more images to your Portfolio item that you want to show up in lightbox, you simply go to the top of that portfolio post being created / edited and at the top locate "Add Media". You will want to upload the images to this specific post as attachments. Like in Galleries, you can drag and drop the order of the images you want displayed in the lightbox.

Once you've completed your additional images being uploaded, you can click outside the lightbox window to close the Media Upload, or hit the "X" to close it. At any time you want to edit these, you can return to the Portfolio item created and click "Add Media" again and select the option "Images Uploaded to this Post" and you'll be able to manage, edit and delete those associated images.

Video Portfolio Items

Using the write-panel section labeled "Video Portfolio - Thumbnail & Video Settings" you can upload a thumbnail for your Portfolio Item and also insert the URL for the video you want to use.

For the use of Vimeo and YouTube, simply copy and paste the URL into the appropriate field.

For Flash, HTML5 and other formats, use the "Embed" box to insert your embed codes - these will vary by the type of embed used. YouTube and Vimeo embed will also work in this field as well.

Now customize the additional write-panel settings to suit your specific needs and click "Publish". If having already created the Portfolio page that houses that Portfolio Category, you can load up that URL in your browser and should begin to see the portfolio items showing.

HELPFUL TIPS:

If you want to change the number of items shown inside your Portfolio pages you can do so by going to "Appearance > Theme Options > Gallery / Portfolio" and changing the default number of items shown to the new number of items you'd prefer shown on a per-page basis (using pagination).

If you're wanting to remove the descriptions from your Portfolio items, or instead allow for more description shown, you can also change the "Height" of the portfolio items by again returning to "Appearance > Theme Options > Gallery / Portfolio" and customizing the settings to suit your needs.

Creating Portfolios using Shortcodes

To create a Portfolio with a shortcode, you have to repeat all the same steps as you would creating your Portfolio items mentioned above when using Portfolio Page Templates. However, in this method we're going to instead of using Page Templates we're going to call those Portfolio items via Shortcode into any page/post that we want - very similar to the use of Gallery Shortcodes.

For this example, we're going to create a new page called "Portfolio" and simply call a specific category and customize it a little with the options available to Portfolio Shortcodes. So go to "Pages" in your WordPress Dashboard and click "Add New".

Give your page a title; in our scenario this will be Portfolio.

Using the shortcode button in the visual editor, we're going to select "Portfolio" from the list.

[portfolio cats="" per_page="10" orderby="date" order="desc" title="true" description="true" layout="2columns" 
 pagination="true" crop="center"]

The above shortcode will be what is inserted automatically. It's pre-completed and ready for use.

To find the Category ID for your Portfolio items, go to the "Portfolio > Portfolio Categories" and you'll be able to see the ID's beside each category. Assign the ID of your choice, or leave blank to show all Portfolio items.

The available options to this shortcode with explanations are as follows:

• id= This is the ID of the category you're wanting to use.
• layout= 2columns (default) or 3columns.
• pagination= true or false (enable or disable pagination on the portfolio).
• per_page= define the number of items to show per-page (pagination is 10 by default).
• orderby= menu_order, rand or date (define how portfolio items will be shown).
• order= desc or asc (change the order in which portfolio items are shown).
• title= true or false (shows portfolio titles by default).
• crop= allows you to change the cropping position used by Timthumb.

HELPFUL TIPS:

When using the "crop" feature in shortcodes, you can use all the known positionings available to the Timthumb script. These can be found here: http://www.binarymoon.co.uk/2010/08/timthumb-part-4-moving-crop-location/ - use the full names and not the short-form abbreviations.

A full list of the options available to crop positions are:

• center (default)
• top
• top right
• top left
• bottom
• bottom right
• bottom left
• left
• right

Additionally, you can set this globally through "Appearance > Theme Options > General Settings".

11. CREATING CONTACT FORMS

Creating a Contact Page is rather simple and like many of the features in KingSize WordPress, you've the option to use a "Shortcode" or the option to use a Page Template.

To use the Page Template, go to "Pages" and "Add New". We'll call this page "Contact Us". In this edit page you'll see "Page Attributes" and inside they're the option to select from available Page templates. You'll want to choose the page template titled as "Contact Page" and simply save it after.

Of course, you can customize the page you've created using the write-panel options available.

When using the Contact Page Template, you need to go to "Appearance > Theme Options > Contact Page" and include your email address to be used as well a success message to be shown afterward.

To make use of the custom sidebar (which is only available to the Contact Page Template) you will have to go to "Appearance > Widgets" and drag and drop the "Contact Widget" into the sidebar made specifically for the Contact page. Of course, with the release of version 4.1, you can create unlimited sidebars and assign any one of them to various pages/posts.

Using the Contact Form Shortcode

To use the contact shortcode, you can find using the visual editor the Shortcode button. By clicking it you will open the shortcode generator. Select the "Contact Form" shortcode and it will insert the default standard shortcode that you would customize to your needs.

The shortcode you will see is:

[contact email="user@email.com" message="Success message to show…" ][/contact]

The options available are simple:

• email= insert the email you want this contact form to send to.
• message= insert the message you want to be shown upon success.

This shortcode can be used anywhere you desire and as many times as you'd like. Have multiple people's emails associated with your business whom can be contacted privately from profile pages or etc. It makes great for contacting people regarding various matters and/or departments.

HELPFUL HINT:

If you're having troubles with emails not being delivered, double-check that you've used the correct email address. If correct, make sure that your hosting provider supports PHPMailer. If in some instances the emails are not being delivered still, then contact our support team for further help.

12. USING THE SHORTCODES

The KingSize WordPress template comes packed with a lot of shortcodes available for you use and in the latest version comes with even more. New shortcodes being introduced are the "Blog" and "Portfolio" shortcodes that will expand your ability to use the website a little more freely without any restrictions. Of course, as time progresses and the demands see it, we will add more shortcodes.

For the time being, to locate the shortcodes available at anytime, you must be in view of the "Visual Editor" and not the "Text Editor". The visual editor when showing all options (Kitchen Sink) will also have a button that looks like a unicorn. Clicking this will open a box in which you can select from any of the available shortcodes to be inserted into the editor as you're using it and then customize it.

You can find all examples of the shortcodes and their uses on the KingSize demonstration website. These are also included in the demo content (Express Install) if you've used that for your setup. Just refer to that page and you can copy and paste any of the shortcodes and see how they're being used.

For your reference: http://www.kingsizetheme.com/shortcodes/

We've also created a tutorial inside our demonstration blog that further explains the use of Shortcodes: http://www.kingsizetheme.com/tutorials/shortcodes/ it will be helpful to read this.

13. USING THE FULLWIDTH AUDIO PLAYER PLUGIN

Included with your purchase of the KingSize WordPress template is a complimentary premium plugin called "Fullwidth Audio Player" for WordPress. This is a plugin available on CodeCanyon:

http://codecanyon.net/item/fullwidth-audio-player-wordpress-plugin/1321160

The author of the plugin is "Radykal".

It is IMPORTANT you understand that the author of this plugin is NOT RESPONSIBLE for providing you with plugin support. We have purchased this plugin using the Extended License - so buyer support will only be available through our KingSize WordPress support forums - not the author!

If you want customizations to this plugin you can contact us or if you'd like you can purchase a copy of the single license and contact the author regarding development services. However support will not be available through the author of the plugin unless you've purchased your own license for this.

So with that said, we will be providing a copy of the basic instructions / documentation for it's use:

Getting Started - How to Add Tracks to the Player?

Reading sucks?? Then watch these screencasts!!

Watch a Getting Started video (http://www.screenr.com/9aPs) to learn how the plugin is working.

Thanks to Jonathan Salontay (http://www.youtube.com/user/sundown1989), who created 2 super-b Video Tutorials:

• Basic Usage with MP3 files http://www.youtube.com/watch?v=DRMdpMbIyfY
• Usage with soundcloud tracks http://www.youtube.com/watch?v=dDUc1aCCf1U

First of all upload the "fullwidth-audio-player" located in the "Full Width Audio Player" folder. If you do not know how do that - just google it. There are a many tutorials that explain how you do that.

After that a new Menu will appear in your Main Navigation. There you create all tracks, playlists and configure all settings for the player.

CREATE SOME TRACKS

First of all lets create some tracks. You can upload own-hosted MP3 tracks or use tracks from soundcloud. Lets begin with own-hosted tracks. Click "Add New" under the Fullwidth Audio Player menu.

OWN MP3 TRACKS

First enter a title for your track. Then set the track URL in the Track URL field or use the WordPress' uploader to upload a MP3 file.

Before you click "Insert into Post", be sure that "File URL" is enabled. You see that when the correct path of the MP3 file is displayed in the Link URL field.

File URL enabled:

Now you can also write a description, set an order value for sorting the tracks in a playlist. You can upload a cover for the track via the "Featured Image" Link. When you are done, just click "Publish".

SOUNDCLOUD TRACKS

You can load single tracks, track sets, user tracks and user favorites from soundcloud. Just paste the URL in the Track URL field. The player will get the track details like title, referral link etc. from soundcloud. You can set also a title, description, image etc. but these information will be only used when you add a tracklist or single track anywhere in your post or page.

For example you would like to add your favorites from soundcloud, then paste this link in the track URL field:

http://soundcloud.com/username/favorites

USING PLAYLISTS

You can create your own playlists and set a default playlist for the player or add it anywhere in your post or page.

For creating own playlists, just click the "Playlists" menu and create a playlist, after that you can pass your tracks to this playlist via the meta box that appears when creating or editing a track.

Select a default playlist

Go to the Options page and select the Audio Player tab, in the first dropdown you can define a default playlist, that will be loaded into the player from beginning.

Adding a playlist or single track in your post or page

You can choice between 4 different layouts: Cover Grid, Cover List, Simple List or Hidden List. You set the layout in the attribute of the shortcode.

[fap_track id="ID" layout="list"] [fap_track id="ID" layout="grid"] [fap_track id="ID" layout="simple"] 
[fap_track id="ID" layout="hidden"]

You can also automatically enqueue a playlist or track when the player is ready, just set the enqueue attribute to yes:

//enqueue a playlist [fap_playlist id="ID" layout="hidden" enqueue="yes"] //enqueue a track [fap_track id="ID"
 layout="simple" enqueue="yes"]

Since V1.1.1 - Enqueue a track or a playlist with links/buttons

You can add an additional parameter to the shortcode to tell the player to play the tracks(s) directly after adding or just enqueue them. If you set button_enqueue to "yes", it will only enqueue the track(s) in the player, if you set it to "no", it will play the track(s).

//enqueue a playlist with a button [fap_playlist id="ID" layout="simple" enqueue="no" play_playlist_button="Enqueue Playlist"
 button_enqueue="no"] //enqueue a track [fap_track id="ID" layout="simple" enqueue="no" button_enqueue="no"]

Add a single track

When you click the "All Tracks" menu, you find a column "Shortcode" in the table. Every track has it's own shortcode and this can be added to a post or page, just copy the shortcode and paste it anywhere in your post or page.

Add a playlist

When you write a post or page, you see a new meta box at the right.

Select a playlist and configure the settings by your wishes. When you are done, just click the "Add playlist" button. Be sure to be that the editor is in the Visual Mode, otherwise the shortcode will not be added.

Important Information About the PopUp Player

When you enable the Auto Pop-Up option, users with a Pop-Up Blocker will be notified to allow your sites for Pop-Ups. The Pop-Up player is only available on desktop browsers, not on mobile browsers.

Shortcodes: An Overview of All Shortcodes that come with this Plugin

Here is a detailed overview of all shortcodes that can be used with this plugin.

Activate player for a page:

[fap]

Single track:

[fap_track id="ID OF THE TRACK" layout="list/grid/simple/hidden" enqueue="yes/no" button_enqueue="yes/no"]

Playlist:

[fap_playlist id="ID OF THE PLAYLIST" layout="list/grid/simple/hidden" enqueue="yes/no"
 play_playlist_button="empty/text for the button" button_enqueue="yes/no"]

Changing the default playlist for a particular page:

[fap_default_playlist id="ID OF THE PLAYLIST"]

Pop-Up Button:

[fap_popup_button label="LABEL FOR THE BUTTON"]

Customizations: Some Important Customizations you can do yourself

Changing Icon Color Scheme

The plugin comes with 2 different color schemes. You find a black and white color scheme in the images/fwap folder. Just replace the images in this folder to have another color scheme.

14. LANGUAGE / LOCALIZATION

Updating your template language is quite simple, just follow the mentioned steps below:

• Install the translation program Poedit.
• Open the /kingsize/lang/en_EN.po file with Poedit.
• Translate the file with Poedit, click here for more information.
• Locate wp-config.php, which is in the root directory of your WordPress installation and change the language, click here for more information.
• If you want your website to support multiple language you can use the qTranslate plugin (just as example).

Updating Your Translation Files:

• If you have updated the theme and the changelog says the translation files have been updated, if you have modified the translation files or created new ones you will want to update them rather than using the new ones.
• To do this insert your modified translation file (e.g. en_EN.po) into the "kingsize/lang/" folder overwriting the new file.
• Now open this file in Poedit and click Update and it will display the text changes since the latest theme update.

15. HINTS, TIPS & FAQS

Exploring the Write-Panel Options

Permalinks:

Often asked is "how do I make pretty links" which is also referred to as "Permalinks". To do this, it's important you start your site with permalink structure prior to making posts and pages. Otherwise, it's going to be a difficult task having to re-create those link permalink structures.

Log into your dashboard, go to "Settings", find "Permalinks" and edit the structure to look like:

/%category%/%postname%/

If this is not the structure you want, you can learn more about Permalinks visiting WordPress:

http://codex.wordpress.org/Using_Permalinks

Featured Images:

King Size does support the use of Featured Images in your Blog postings. Referring to the demo, you can see in the blog archive there is a featured image being displayed. To do this you need to:

1. Click "Featured Image" link in the right sidebar when creating a new post.
2. A lightbox window will appear where you can upload / attach your image.
3. Select the desired image for your Featured Image and click "Upload".
4. Once the image has uploaded, it'll expand the image details / properties to set.
5. At the bottom, there is the option to make this image your "Featured Image".
6. Click "Save" after completing your post and the image will be carried into the frontend.

How to use "Custom Menus" in WordPress 3.0 +

Here's the official documentation: http://codex.wordpress.org/Appearance_Menus_SubPanel

Unlimited use of "Custom Backgrounds" for Pages and Posts:

Kingsize makes available a write-panel option in both "pages" and "posts" that allows you the ability to override the default global background previously set via Theme Options. This means that on any individual page and/or post, you can have a unique background specific to its use.

To include a background, scroll down beneath the contents of your post and you'll see an area titled "Override the default Background" with the option to either "enter a URL" or to "Upload a background directly from your computer".

Once you've inserted your URL for the background image, or uploaded an image from your computer, complete the remainder of your entry and once ready, click "Publish / Update". At this point, the background once saved will automatically override the global background assigned earlier through the Theme Options panel.

How to Install WordPress Themes:

For complete documentation, view the official guide provided on behalf of WordPress, by visiting: http://codex.wordpress.org/Using_Themes and follow the documentation here.

How to use Lightbox in WordPress Media Galleries

When inserting your gallery, there is an option that asks "Link Thumbnails To", you'll want to change this from "Attachment Page" to use "Image File" instead. This will allow for the lightbox effect to work. Otherwise, images will load in a new page.

When inserting single images, just insert the image into your post and make sure its linked to the image. This will automatically apply the lightbox effect to those images inserted into your post.

Broken Template and/or Missing Style Sheet Error Message

One of the more common issues being reported. This is due to a mistake you've made, not at fault of our template. You are trying to upload the ENTIRE zipped folder you downloaded from Theme Forest. This is NOT correct. You need to open that folder you've downloaded and inside you will see another folder titled "Template Files", it is this folder you will find INSIDE the actual template. Either upload as a zip and extract on your server, or extract on your desktop and upload as a whole to the /themes/ directory.

16. CSS

CSS is contained in style.css file (root folder of theme). Styles for Internet Explorer are contained in stylesIE.css (for IE8, IE7), stylesIE7.css (for IE7) (/css folder). There are also 3 additional CSS files - prettyPhoto.css (for prettyPhoto plugin), jquery.fancybox-1.3.1.css (for FancyBox plugin) and colorbox.css(for Colorbox plugin) - all situated in /css folder. CSS for Galleria is in /js/galleria folder (galleria.classic.css) and slideViewer styles plugins are situated in style.css in the Gallery styles section.

Sections are separated with the comments like:

	/* ========= General Styles ========== */

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

17. JAVASCRIPT

Javascript files are situated in /js folder of the theme. They are enqueued in the theme in functions.php file.

General scripts

• jQuery library - Javascript framework on Google CDN
• jQuery Cycle - used for fullscreen background; jquery.cycle.min.js
• custom.js - contact form handling, gallery overlays, menu hiding, random image on load and more. It will be easier to understand the code if you examine the source code itself.

Gallery scripts

• Galleria jQuery plugin - Galleria jQuery plugin (portfolio/gallery section); galleria folder
• slieViewer jQuery plugin - plugin used for gallery (portfolio/gallery section); jquery.slideviewer.1.2.js + jquery.easing.1.3.js
• prettyPhoto jQuery plugin - lightbox clone used for gallery (portfolio / gallery section); jquery.prettyPhoto.js
• FancyBox jQuery plugin - lightbox clone used for gallery (portfolio/gallery section); jquery.fancybox-1.3.1.pack.js - notice we are using 1.3.1 version since 1.3.3 has some bugs in Opera / Chrome
• ColorBox jQuery plugin - lightbox clone used for gallery (portfolio/gallery section); jquery.colorbox-min.js

18. USED RESOURCES

Template uses the following resources:

• jQuery library
• Modified version of Drew Douglass' AJAX PHP contact form
• Google Web Fonts
• prettyPhoto jQuery plugin
• PT Sans font family
• Galleria jQuery plugin
• slideViewer jQuery plugin
• prettyPhoto jQuery plugin
• FancyBox jQuery plugin
• ColorBox jQuery plugin
• Vista Scenery Photography: (with permission, only in demo) by http://www.hamaddarwish.com
• Komodo Social Icons
• Fullwidth Audio Player - WordPress Plugin (used with an Extended License, KingSize WordPress buyers can use this pluing)

19. AUTHORS AND CREATORS

Concept, design and HTML/CSS code by Nick Shylo (Denoizzed) http://www.denoizzed.com
WP version developed by Bryce Wisekal & Kumar Sekhar of Our Web Media / O.W.M Consulting http://www.ourwebmedia.com
Hosting Services Provided by: Foxyhare Services at https://foxyhare.com

20. BUYER SUPPORT

Registering for KingSize WordPress Buyer Support is fairly simple and is a requirement if you want to get the free support that comes along with your template purchase. We're happy to help out our buyers when they've questions and to do so, you need to register with our Support Forums.

Please understand that to avoid helping people with pirated versions of our template, we do refuse to offer support within the Theme Forest comments. If you do not have a buyer badge, we ask you do post from the buyer account for general / directional help but it will be limited within the comments.

To register for support, head over to http://www.denoizzed.com/forum/

You will be required to register using the "License / Purchase Code" provided with your purchase and to locate this you need to sign into your Theme Forest account and find the KingSize template within your downloads section. Click the main "Download" button beside the template and you'll see an option to also download the license.

This license is a text file. So open it open and inside it you will find the purchase code / license for your purchase. This is a requirement for registering as it verifies you're a legitimate buyer.

You will also be required to use the SAME username and email address you've registered with Theme Forest. The password is not required to be the same, but the username and email must be. If you're using a different username or email that was not used to purchase the template your registration will be invalid and you will be unable to register for buyer support.

Please note that buyer support is available between Monday and Friday. We guarantee a general 48hr response time but there are days when we will be unavailable. We do not offer support on the weekends or holidays. We are also human and with that in mind, we do get sick and have families. Please be patient with us, we do promise ALL support questions will be answered in order received.

21. AFTERWORD

Thank you again for pusrchasing this template. Hope you and your users will like it! Again, if you have any questions, please contact us: Denoizzed or OurWebMedia, or preferably, use the Denoizzed Support Forums. We'll be more than happy to help you!

Other templates

If you're interested in other premium templates by Denoizzed, please visit my Themeforest portfolio. If you're interested in freebies and web design tutorials, please visit my site. You can also follow me on Twitter. Thanks in advance.

If you've enjoyed the KingSize template, we ask you take a moment to vote our template and leave a comment and review if you wish. Your support is greatly appreciated and we look forward to all your future business. Thanks so much!

Developments and Customization

You can contact us privately, support@kingsizetheme.com to inquire about developments and customizations to your template.

Installations and Setup

You can contact us privately if you're requiring assistance with installations and setup. We do charge a flat fee of $35.00 for installations and setup. This service includes us setting up your website installation to look identical to the demonstration. If you also require us to install and setup WordPress, we can do so as well for an additional $15.00 ($50.00 in total).

Simply send an email to support@kingsizetheme.com to inquire about these services.

22. CHANGE LOG

You can visit the demonstration blog to find all Change Logs posted: Change Logs

Last modified June 27th, 2013 for KingSize WordPress v4.1 by Bryce Wisekal.