### “Skinizer” Documentation by “WPScientist” v1.0

# “Skinizer”

Created: October 1st, 2012
By: WPScientist

Thank you for purchasing our theme. If you have any problems using it and you can't find the answer in this documentation contact us via the contact form on our ThemeForest profile page.

## Table of Contents

1. Installation
2. First Steps
3. Adding Content
   1. Blog Posts & Pages
   2. Blog Posts Listing Page
   3. Portfolio Posts
   4. Portfolio Listing Pages
   5. Testimonials
4. Theme Options
5. Content Composer
   1. Content Composer Menu (Save, Load, Export and Import)
6. Shortcodes
7. Sources and Credits

### A) Installation - top

Since you are reading the documentation it means you already downloaded and unpacked the file you got from Themeforest. You'll see a directory named theme, inside of it you'll see a zipped file(or numerous zipped files depending on the version, just use the latest one) and that file is the theme.

You can install the theme via the WordPress admin panel or by using FTP, it's up to you.

If you're installing though WordPress admin panel here's how:

- Go to WordPress admin panel
- Go to Appearance → Themes
- Go to "Install Themes"
- Click Upload
- Click "Choose file" (or "Browse", depending on your browser) and choose the zipped theme file we talked about earlier
- Click "Install Now"
- After WordPress finishes the installation click "Activate"

That's it, you have installed and activated the theme.

### B) First Steps - top

First thing you should do is set some options, so head over to the "Theme options" (in the WordPress admin menu bellow "Comments").

You'll see "First Steps" section, get in there and set these options:

- Default Layout - This is the default layout that'll be used for posts and pages made prior to Skinizer installation and will also be used as the default setting for future posts and pages.
- Default Tagline - Same as the default layout option but for tagline section.
- Archive Layout - The layout of the archive pages
- Search Layout - The layout of the search results page

While you're on the "theme options" page you can also set the other options, but you can do it later on, it was important for these 4 options to be set before you start adding content.

### C) Adding Content - top

Adding content is the same as it is in any other theme, but there are some additional options you should know about to use this theme to it's full potential.

### C-1) Adding Blog Posts & Pages - top

When you're adding blog posts or pages you'll have some additional options separated in 3 sections:

- General
- Tagline
- Slider

#### C-1-1) General

As you can see there are 2 options under this section: Layout and Custom Sidebar. Both are pretty much self explanatory so i won't be explaining those in details.

#### C-1-2) Tagline

There are 3 options under this section: Enable/Disable, Title and Description. Same here, they're self explanatory. But have in mind that the Enable/Disable option's default value can be set in the "Theme Options".

#### C-1-3) Slider

Depending on which slider type you choose appropriate options will be shown bellow.

##### Regular Slider Type

The best way to explain this is to show you how it works, so here is a little demonstrational screencast.

##### Posts Slider Type

The best way to explain this is to show you how it works, so here is a little demonstrational screencast.

### C-2) Adding Blog Listing Pages - top

First you need to tell our theme you'll use a page as a blog posts listing. As you can see in the screenshot bellow all you need is to select the "Blog" as template under the "Page Attributes" section. After you have done that the custom options will be updated with options for a blog listing.

Now in the custom options you'll see these sections:

- General
- Tagline
- Slider
- Blog

General, Tagline and Slider are the sections you get for all post and pages.

#### C-4-1) Blog

Categories → If you don't want to show all the blog posts on that specific listing you can chose which categories to show.

### C-3) Adding Portfolio Posts - top

When you're adding pages you'll have some additional options separated in 5 sections:

- General
- Tagline
- Slider
- Portfolio Info
- Portfolio Media

General, Tagline and Slider are the sections you get for all post and pages.

#### C-3-1) Portfolio Info

#### C-3-2) Portfolio Media

### C-4) Adding Portfolio Listing Pages - top

First you need to tell our theme you'll use a page as a portfolio posts listing. As you can see in the screenshot bellow all you need is to select the "Portfolio" as template under the "Page Attributes" section. After you have done that the custom options will be updated with options for a portfolio listing.

Now in the custom options you'll see these sections:

- General
- Tagline
- Slider
- Portfolio

General, Tagline and Slider are the sections you get for all post and pages, but there's a little difference in the General section. As you can see in the screenshot bellow there are 2 additional fields: "Post style" and "Post Width".

#### C-4-1) Portfolio

So, there are 3 options here: Order, Categories & Animated Filters.

Order → Choose the order you want to show the posts in, newest to oldest or oldest to newest.

Categories → If you don't want to show all the portfolio posts on that specific listing you can chose which categories to show.

Animated Filters → This is quite a popular feature. On top of the page there will be a list of the categories, when user clicks one of them the posts from that category will show up with a nice animation. Important: Pagination won't work if this feature is activated, all posts will be shown at once.

### C-5) Adding Testimonials - top

I think this needs no additional explanation, it's as straightforward as it gets.

In the content composer section of this documentation you'll find info about the testimonials module which you can use to show the testimonials

### D) Theme Options - top

As you can see on the image above the theme options section separates in 7 sections:

- General
- Header
- Boxes
- Footer
- Blog
- Portfolio
- First Steps

Everything is well explained right there (every option has a description), so no need to add unnecessary content to this documentation. Best way to figure out what's what is to play around with the options and at any time you can reset the options back to default values (you'll see the reset button bellow the theme options, check the screenshot bellow).

### E) Content Composer - top

It's freaking awesome, our biggest creation yet, you simply gotta love it. Content composer is a way for you to create the layouts (for posts or pages) the way you need them, no more adjusting your needs to the abilities of the theme you use.

Currently there are 10 "modules" for the content composer:

- Blank
- Separator
- Portfolio
- Blog
- Pages
- Contact Form
- Service
- Testimonials
- Slider
- Staff

Those are the most common "elements" you need to build a website, but we have plans to keep expanding this list, so your thoughts are valuable to us, please send over your suggestions using the contact form on our ThemeForest profile page.

There's no better way to explain how this works then showing you, so here's a few screencasts to help you understand the power of this feature.

#### E-1) Blank Module (and separator)

#### E-2) Portfolio Module

#### E-3) Blog Module

#### E-4) Service Module

#### E-5) Testimonials Module

#### E-6) Staff Module

#### E-7) Slider Module

### E 1) Content Composer Menu (Load, Save, Import and Export) - top

#### E-1) Save & Load

Save → You make a post/page with content composer and you think you might need the same content composer structure or even the same content, what do you do? You save that "template".

Load → And this is where you load a template you saved. But besides the templates you saved you'll also have the option to load templates we already made for you.

#### E-2) Export & Import

Export → Quite similar to the "Save" feature, but you should use this one when you want to copy a template into another post/page but probably won't need it more then once so no need to save. Also you can use "Export" to insert a content composer template into a different WordPress installation (where you use our themes).

Import → So you copied the code from the "Export", here is where you paste it to insert the template. Simple as that.

### F) Shortcodes - top

Our themes come with a variety of shortcodes you might need for our website, here is how to use them.

#### E-1) Tabs

####

    [tabs title_1="Title 1" title_2="Title 2" title_3="Title 3" title_4="Title 4"]
    	[tab]Content for first tab.[/tab]
    	[tab]Content for second tab.[/tab]
    	[tab]Content for third tab.[/tab]
    	[tab]Content for fourth tab.[/tab]
    [/tabs]

#### E-2) Notification Boxes

Information

    [notification type=information]Content of the notification.[/notification]

Warning

    [notification type=warning]Content of the notification.[/notification]

Success

    [notification type=success]Content of the notification.[/notification]

Error

    [notification type=error]Content of the notification.[/notification]

#### E-3) Buttons

    [button color=black]Button text[/button

color → red, orange, yellow, lightgreen, green, lightblue, blue, purple, pink, white, black

#### E-3) Content Box

    [content_box title="Title"]Content of the content box.[/content_box]

#### E-4) Toggle

    [content_box title="Title" toggle="on" toggle_status="closed"]Content of the content box.[/content_box]

toggle → on, off
toggle_status → open, closed

#### E-5) Accordion

    [accordion]
    	[content_box title="Title" toggle="on" toggle_status="closed"]Content of the content box.[/content_box]
    	[content_box title="Title" toggle="on" toggle_status="closed"]Content of the content box.[/content_box]
    	[content_box title="Title" toggle="on" toggle_status="closed"]Content of the content box.[/content_box]
    [/accordion]

toggle → on, off
toggle_status → open, closed

#### E-6) Lightbox link

    [lightbox_link link="image-to-open-in-lightbox.png"]Open image in lightbox[/lightbox_link]

    [lightbox_link link="http://www.youtube.com/watch?v=VdeDYRmcSd8&feature=g-u-u"]Open video in lightbox[/lightbox_link]

    [lightbox_link wrapper="true" link="image-to-open-in-lightbox.png"]<img src="image.png" />[/lightbox_link]

### H) Sources and Credits - top

- jQuery
- Twitter Script - by SeaOfClouds
- Flickr Script - by Joel Sutherland
- jQuery Cycle Plugin
- FlexSlider
- prettyPhoto - by Stephane Caron
- hoverIntent - by Brian Cherne
- Superfish - by Joel Birch

That's all, thanks for purchasing our theme and if you have any problems using it and you can't find the answer in this documentation join us on our support forum and post your question there..

Support Forums | Create an Account | Find your “Item Purchase Code”

WPScientist

Go To Table of Contents