TOC

Documentation

Thank you for purchasing "King Size" template. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form.

Good news

You can easily access the Table of contents from any place of this document by clicking "TOC" in the upper left corner of your screen.

Good news

All video tutorials assosiated with the theme setup can be found here: http://screenr.com/user/kingsizetheme (please note, we'll be adding more and updating these as time progresses)

Close TOC

Table of contents

Close TOC
  1. Quick Overview
  2. Installation & Setup
  3. Admin Theme Options
  4. Create Custom Menus
  5. Sidebars & Widgets
  6. Creating A New Blog
  7. Creating A New Gallery
  8. Setting Up The Contact Page
  9. Using The Shortcodes
  10. Hints, Tips & Faqs
  11. CSS
  12. Javascript
  13. Used Resources
  14. Authors And Creators
  15. Features Coming Soon In Upcoming Releases
  16. Afterword

Table of contents

  1. Quick Overview
  2. Installation & Setup
  3. Admin Theme Options
  4. Create Custom Menus
  5. Sidebars & Widgets
  6. Creating A New Blog
  7. Creating A New Gallery
  8. Setting Up The Contact Page
  9. Using The Shortcodes
  10. Hints, Tips & Faqs
  11. CSS
  12. Javascript
  13. Used Resources
  14. Authors And Creators
  15. Features Coming Soon In Upcoming Releases
  16. Afterword

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".

It truly is simple. You just upload your images through the default WordPress Media Gallery, select your desired Gallery-type and layout style, click "Publish" and they're instantly ready and viewable!

Good news

Do you have an idea of feature that can be included in the template? Don't hesitate to suggest it here. Thanks in advance!

2. INSTALLATION & SETUP

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. However if you do, contact us today for support, using the comments or support forums mentioned on the template description page.

A. Downloaded Files

Inside the zip you've downloaded from ThemeForest, you will find the following:

B. Uploading King Size

To upload the template to your WordPress website, you'll need either to access your server space via FTP or Web Manager and install the "kingsize" zip to the following path:

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

Once you've uploaded the zipped folder, you'll be required to unpack the folder and the contents within in so WordPress can interact with those files stored inside the folder.

Good news

Note: It is not required to be uploaded as a zip, but does speed up the process while uploading since its compressed and in a smaller format. Unpacking the template automatically creates the folder "kingsize" with all the corresponding files necessary.

C. 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 installed template, KingSize.

If you do not see the template available via Appearance > Themes, than you may wish to recheck the upload you've completed and make sure you've unzipped the folder KingSize.

D. Express Install & Setup

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

Import File: express-setup.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.

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 demo.

3. ADMIN THEME OPTIONS

Located at the bottom of your WordPress Dashboard sidebar, you'll find "Theme Options". It is this area that you'll use to customize the following mentioned below.

A. Logo Options:

You have two options, the first is to upload an image directly from your computer and the second is to paste the URL of the image you want to use for your logo.

The specific size for this logo area is "220 (w) by 200 (h)". For best quality results, its suggested you try and stay within those mentioned sizes although is of course optional.

For the purpose of the allotted space available, Timthumb has been included for the logo resizing.

B. Style Preferences

Your first option here is to include a default Background Image. Just like with the logo, you can either upload a background image directly from your computer or type in the URL for the image you wish to associate with your website background. This background is the default [global] background that will be applied throughout all pages of your WordPress.

You'll also be able to set the color options for text, headings, menu items, mouse over effects, active menu items, tooltip messages, background overlays and etc. As well, each of these options includes a help icon beside it which can be hovered over for helpful tips.

C. Contact Page Settings

Here is where you'll enter the email address associated with the default Contact Page template we've included with KingSize. Just enter the desired email address you would like to use when people are contacting you. Keep in mind, this contact form includes a hidden field designed for spammers that helps prevent the receiving of spam messages.

Next you've the option to include a "Contact Success Message" which will be shown only after successfully completing the contact submission form. You can override the default by entering your message manually here and clicking save at the bottom or top.

D. Small Footer

To include a copyright inside the footer of your website, enter your details here and save.

E. Social Networks

Currently there is the ability to include up to 23 social networks inside your small footer at the bottom of the website. By entering in the URL associated with your Social Networks, they will automatically appear in the frontend of the website at the very bottom. We have also included the ability for you to preview the icons prior to using them.

For example, to activate the "Twitter" social network, type in www.twitter.com/username.

Where there are no URLs typed in, these social networks will not be displayed on the website.

F. Miscellaneous Settings

Here you are able to insert coding into the if necessary by inserting the code.

Following the , you've also the ability to include your "Google Analytics" code by pasting it into the Google Analytics text area. This will automatically be included in all the pages, posts and sections throughout your website so you can start tracking your visitors.

4. 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.

Please refer to this video for further assistance setting up.

By default, this template supports one menu, which is the "Header" menu.

To get started, log into your Dashboard, locate "Appearance" in the sidebar and beneath that you will find "Menus". Here is where you will create the menu.

Create a new menu called "Main Menu", 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.

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

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 item.

A. Post / Blog Sidebar

Inside "Widgets" you will see a sidebar area titled "Default / Main 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.

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 to this area by dragging and dropping them into this sidebar.

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.

Alike with the other widgets, you can drag and drop the desired widgets you wish to use.

6. CREATING A NEW BLOG

To assign a blog, you need to create a category for those blog posts to be displayed, to do this, you can follow the mentioned steps below and you'll have a blog page setup in no time at all.

A. Create a Category

Inside your WordPress Dashboard, you'll see the section titled "Posts" in your sidebar. Find the "Categories" option beneath this and create a new category titled "Blog", as well any additional blog categories you may wish to use, such as "News, Adventures" and etc. Once you've created that blog category, you'll need to go to "Menus" under "Appearance" and assign that category to your menu and place it where you wish for it to appear. Now whenever someone clicks this menu item "Blog" (or another name) it will take them to the archive "Blog" where all your posts pertaining to that specific category are located.

You can add additional categories to this "Blog" section by creating secondary menu levels.

B. Create a new Post

When creating a new post that you want associated with your blog, just select the category "Blog" for this entry to appear in and whenever someone visits this area of your website they'll see that and all the other posts / entries associated with that category.

To include a featured image in your blog article, use the "Featured Image" to assign one when creating your new post. This will automatically be displayed within the blog archives.

C. Add Custom Background

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 you want associated with that specific post. This will then override the default background image you previously setup in the Theme Options.

If you do not want to upload an image but rather enter a URL to a background image of your choice, just enter the URL to that image in the text area and it'll appear when saved.

There's a variety of options available when it comes to using the Gallery / Portfolio options. Included are 5 different gallery / portfolio types and with 3 of those galleries includes 4 style options that can be assigned to the individual galleries and portfolios when used. These do require being created in "Pages" and is not available through the use of "Posts", only pages.

A. Gallery / Portfolio Types

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

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. Select the desired gallery / portfolio type from the available selections here.

B. Selecting a Layout Style

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

Selecting these layout styles will ONLY apply to your galleries / portfolios when you've selected that Page Template (type of portfolio) it corresponds with. So even though you may have selected [i.e.,] 2 columns, if no portfolio 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 "Upload / Insert" area at the top of your "Add New Page", and just beneath the "Title" area of that page. You'll see beside this upload area, 4 small icons that when clicked will open a new window in lightbox.

Click the first icon (looks like a picture frame) and this will allow you to attach / upload new media (image) 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.

There is no need to insert them into your page / post, you just simply need to attach them to this page by uploading them and automatically the published page will display those images according to your "Portfolio Type" and "Portfolio Styles" you've selected prior to it.

We've also created a video tutorial for uploading and attaching images to help as a visual aid.

D. Managing your Images

You can manage your images through the "Media Gallery". Just return to the page you've created for your portfolio / gallery and click the picture frame icon beside "Upload / Insert" and this will load the lightbox window once more. Inside here, you will see an area at the top titled "Gallery" and should display a number beside it representing the number of images you've attached.

Click this Gallery tab and you'll be shown all the images related to this specific page.

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 the "show" link to edit the titles, descriptions and details pertaining to those specific images in that gallery / portfolio.

Watch the video tutorial for a visual explanation of managing and editing your photos.

E. Add Custom Background

Just as you did with the posts inside your blog, you can create and assign a specific background image on all pages created. Either select the option to "upload" an image or enter the URL to the image you wish to use as your background for this specific page. Inserting a background image using the "write-panel" will allow you to override the default background you set up previously in the Theme Options. These changes will only affect the specific pages you assign those custom backgrounds to and nowhere else.

8. SETTING UP THE CONTACT PAGE

9. USING THE SHORTCODES

When creating a page or post you will see in the top of your toolbar an icon that resembles a unicorn, black in color surrounded by a white background. By clicking this, you can select from one of the available Shortcodes and insert them automatically into your pages and posts.

You can also view a live demo by visiting: http://www.kingsizetheme.com/shortcode-examples/

1/3 and 2/3 Columns:
[one_third] enter your text here [/one_third]
[two_thirds] enter your text here [/two_thirds]

1/3 Columns:
[one_third] enter your text here [/one_third]
[one_third] enter your text here [/one_third]
[one_third] enter your text here [/one_third]

Various Information Box Shortcodes:
[info_box] enter your text here [/info_box]
[warning_box] enter your text here [/warning_box]
[error_box] enter your text here [/error_box]
[download_box] enter your text here [/download_box]

Tooltip Links / Uses:
[tooltip_link title="Tooltip Text Here" to="URL here"] Text here [/tooltip_link]

Blockquotes:
[blockquote] enter your text here [/blockquote]

Button Shortcodes:
Orange: [button to="http://www.url_here.com" color="orange"] text here [/button]
Red: [button to="http://www.url_here.com" color="red"] text here [/button]
Rosy: [button to="http://www.url_here.com" color="rosy"] text here [/button]
Blue: [button to="http://www.url_here.com" color="blue"] text here [/button]
Green: [button to="http://www.url_here.com" color="green"] text here [/button]
Pink: [button to="http://www.url_here.com" color="pink"] text here [/button]
White: [button to="http://www.url_here.com" color="white"] text here [/button]
Black: [button to="http://www.url_here.com" color="black"] text here [/button]
Gray: [button to="http://www.url_here.com" color="gray"] text here [/button]

10. HINTS, TIPS & FAQS

11. 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.

12. JAVASCRIPT

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

General scripts

Gallery scripts

13. USED RESOURCES

Template uses the following resources:

14. AUTHORS AND CREATORS

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

15. FEATURES COMING SOON IN UPCOMING RELEASES

Do you have suggestions for upcoming release features we should think about including? We'd love to hear your thoughts, so don't hesitate tocontact us and let us know what you want to see included too! You can do it here: http://www.kingsizetheme.com/support/forum/suggestion-box

16. AFTERWORD

Thank you again for pusrchasing this template. Hope you and your users will like it! Again, if you have any questions, please contact me via contact form on my user page. I'll be 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!