Getting Started
Description top
This theme has a responsive design use it for your blog and to showcase your creative portfolio. More than 5 custom widgets and couple of shortcodes make this theme perfect to show your work online. View the online demo
Installation top
Below is a quick overview of the WordPress "Add New Themes" installation method:
- Download your theme file (theme_name.zip).
- Log into your WP admin panel and click on the "Appearance" tab. Now click on the "Add New Themes" tab.
- Click on the "Upload" button, "Browse" for your zip folder you downloaded from our site to your computer and select "Open".
- Click the "Install Now" button.
- Activate the theme from this page, OR "Return to Themes Page" and activate from there.
- Set up your theme option's panel for it to display correctly. See example of theme option's panel.
- Your theme "cache" folder is CHMOD 777.
- The following installation guide will help you - http://codex.wordpress.org/Installing_WordPress
Prepare your Theme top
Before adding content to your newly installed theme i highly suggest to configure a little your theme so it looks like the one in the online preview.
Add the required plugins
You will see a message in yellow box in the top part on your admin panel suggesting to install some plugins.
Click on the "Begin Installing plugins" link, this will take you to the install page, select all plugins and in bulk actions select install and click apply. This will install all the necessary plugins so your theme works correctly. Make sure you activate all the plugins.
Set the Home and Posts Page
If you want to display a home page instead of the blog posts Do the following:
- Create a new page name it blog
- Create a new page name it home and set the page template to "front page"
- Finally go to "Settings > Reading" and select "A static page" at the "Front page display" option

Permalinks
I also suggest to change your permalinks structure to numeric. To do so go to "Settings > Permalinks" and choose the numeric numeric option.

General Settings
Also go the "folder > General Settings" (The first tab) and fill all the data to suit your needs.
That should be enough to have a decent look on the recently created site, continue reading the configure the theme section to learn more detailed options.
Configuring the theme top
You can set some options for the theme under the folder tab in the admin panel

- General Settings
- Front Page Settings Select the type of content to display on the featured thumbnails.
- Appearance Settings Change quickly the general layout colors
- Social Settings Add social network links on the bottom of the page
- Slider Manager Add sliders to the front page
Front Page top
This theme uses the LofSlider to display images at the front page. You can add as many images with captions and thumbnails from the wp-admin > folder > Slider Manager
Setting the featured posts
Click the "Front Page settings" under the Folder (bag icon) options tab and select what type of content you want to feature. You can select the post type, the number of items to display.
Adding Posts
Regular Posts/pages top
To add post or pages refer to the official wordpress documentation: http://codex.wordpress.org/Writing_Posts
Work Posts top
Its pretty simple to add work posts or projects to your site, just go to the work tab (the one with the briefcase icon) and click on the "Add New" and fill all fields as you would with a regular post. Remember to add a "featured image" to display on the work list and also put some data on the "Work details" box.
If you don't see this window click on the "Screen Options" tab on the top of the window and check the "Work Details" option.

Work categories
You can put categories and tags on work posts, if you put categories they will appear on the work page heading.

Work on the front page
Additionally you can configure your front page to display work posts from and filter them by categories if you want. To do this go to "Folder > Front Page Settings" and under the featured options heading set the post type to work, the number of items among and the categories to include, leave this blank to get all the categories.
Work widget
Visit the "Appearance > widgets" tab to drag and drop recent work posts to your sidebar and footer area.

At this point you need to have intalled the "Contact Form 7" and the "Comprehensive Google Map Plugin" plugin, if no please refer to the "preparing your theme" section of this document.
- The first step would be to create a contact form using the "contact form 7" plugin. Go to the contact tab then click on the "contact form 1" which is the default form. Edit the name if you wish. At the moment leave the form as is and skip to the mail settings. Enter your email and change the From and Subject values to whatever you need. Then click save.
- Now copy the short code (it is the line of code marked in brown color.
- Add a new page, and name it contact.
- Paste the shortcode you copied above on the content area
- Optionally enter some content
This themes comes with 6 built in plug-ins to make your life easier while organizing your content. To add them to your site go to "Appearance > Widgets" and drag them to your widgets areas: Blog sidebar, Page sidebar and Footer

This widget adds a basic contact form in your footer or sidebar and will send it your administration email. You can change the title for this widget.

Latest Posts Widgettop
Shows latest post entries with excerpt. Optionally you can filter by categories what posts to show.

Shows recent work entries with a featured image.

Shows recent Tweets. You can change the twiiter user name, the number of entries and the widget title. If you need to change the style for this widget you can change it at "css/jquery.tweet.css" file.

Displays a youtube or vimeo video on your footer or sidebar: Enter a title and a URL for the video.

REMEMBER you need to copy paste the URL from the browser location into the video url field.

Sortcodes
Shortcodes are added to any post, page or widget by simply adding the shortcode as shown in the examples below. Some shortcodes also have optional parameters so you can customize it even more.
Link Buttonstop
These look amazing in all modern browsers, and although they won't look as amazing, they will still work in older browsers. Parameters:
- href="link" The url for the button
- Target="_self | blank" Default value is "_self"
- color="red | green | blue" If color is not specified it will be the default color

Usage
[link_button href="link"]Theme Button[/link_button]
[link_button href="link" color="red" ]Red Button[/link_button]
[link_button href="link" color="green" ]Green Button[/link_button]
[link_button href="link" color="blue" ]Blue Button[/link_button]
Preformatted texttop
Useful to display code examples.
Usage
[pre]content[/pre]
With the tabs, you can create your own tabs to hold lots of information without using a lot of space on your page.

Usage
[tabs]
[tab title="your title"]...[/tab]
[tab title="your title"]...[/tab]
...
[/tabs]
Accordiontop
Create your own accordion to hold hidden information which you can toggle to view. Parameters: "title" to display on the tab.

Usage
[accordion_box title="Lorem ipsum"]content...[/accordion_box]
[accordion_box title="Lorem ipsum"]content...[/accordion_box]
[accordion_box title="Lorem ipsum"]content...[/accordion_box]
Toggle Boxtop
Create your own toggle to hold hidden information which you can toggle to view. Parameters: "title" to display on the tab.

Usage
[toggle_box title="Lorem ipsum"]content...[/toggle_box]
[toggle_box title="Lorem ipsum"]content...[/toggle_box]
[toggle_box title="Lorem ipsum"]content...[/toggle_box]
Text Columnstop
Columns are an easy way to style your post or page with multiple columns, from two columns to 4 columns. To divide text into columns, use any of the below shortcodes. Use the "_last" shortcode for the last column in the row.

Usage
[one_half]...[/one_half] [one_half_last]...[/one_half_last]
[one_third]...[/one_third] [one_third_last]...[/one_third_last]
[one_fourth]...[/one_fourth] [one_fourth_last]...[/one_fourth_last]
Headings
top
Will set the wrapped text in a heading tag
Usage
[h1]Heading 1[/h1] to [h6]Header 6[/h6]
Pullquotes
top
Add a styled quote to your page or post and float it left or right

Usage
[pullquote_left]...[/pullquote_left]
[pullquote_right]...[/pullquote_right]
Dropcap
top
Style the first letter of a paragraph with a dropcap.

Usage
[dropcap]Once upon a time in a far...[/dropcap]
Highlighted Text
top
Highlight important text

Usage
[hl]highlighted text...[/hl]
Information Boxes
top
Highlight important text

Usage
[box_info]...[/box_info]
[box_success]...[/box_success]
[box_error]...[/box_error]
[box_warning]...[/box_warning]
Video
top
Show a youtube or vimeo video in any post or page by entering this shortcode. Options are url, width and height.

Usage
[video url="url_to_video" w="width" h="height" /]
Credits
This theme uses work from the following resources:
- Thanks to Moe Pike for allowing to use his work on the Preview Demo. Visit his site: thebeaststudio.com
Scriptstop