Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to email us via our ThemeForest profile page or visit our Theme Support Forum. Thanks so much!
The theme can be uploaded in two ways:
Once the theme is uploaded, you need to activate it. Go to Appearance > Themes and activate the theme.
To create the homepage as seen in the demo you must first create a page and call it e.g. “Home”. You need to ensure that you use the “Home” page template when you publish this page. To create the blog you must first create a page and call it e.g. “Blog”.
Next, head over to your reading settings Admin > Settings > Reading and set the Front page displays options as below.
When creating a post, you will be able to choose from a selection of formats. The available formats are:
“Link”, “Quote”, “Audio” and “Video” have their own custom options. These custom options will only appear once the format is selected.
The standard format will show the title and the content.
The gallery format will display a slider with all the images attached to that post. To attach an image to the post, simply upload your images using the media uploader whilst creating or editing the post. Make sure you upload more than one image. If you only want to show one image, use the “Image post format” instead. These images (need to be at least 730px wide) will be resized to fit the theme dimensions.
The link format has one custom option called “Link URL”. This is where you place the link URL. The title of the post will be the link text. This format will also display the content if you choose to have any.
The image format will display the title, content and a featured image. Make sure to create a featured image for this post format (using an image at least 730px wide).
The quote format has one custom option called “Quote”. This is where you provide the quote content. This format will display the quote along with some content if you choose to have any.
The audio format displays the title and content along with a custom audio player. You will have two custom options to fill. The first is the link to an .mp3 file and the second is to an .ogg file. It’s important to fill out both in order for the audio player to work in all browsers. If you only supply one of them then be aware that the file may not work everywhere. You can also add a featured image. It will be displayed above the audio player.
The video format displays the title and content along with a custom video or an embedded player depending on the options you have entered. If you’re using the self-hosted video solution, you will need to provide both .m4v and .ogv files in order for the video to work in all browsers. You can also optionally provide a featured image that will operate as a video preview.
To create a new project, navigate to the ‘Portfolio’ section in our admin panel and click ‘Add Project’.
In the WYSIWYG panel that appears you can enter any information about the particular project.
To create thumbnails for the project, ensure you assign a ‘featured image’. For more information on setting featured images, please visit this WordPress guide.
In the meta boxes on this page you assign each project a project type, a category if you will. Assigning a project type will make the projects filterable in the portfolio section. You can add more Project Types by navigating to the ‘Project Type’ section in the admin panel.
Each project can have a custom thumbnail: just paste the URL of your custom thumbnail (Must be 730×584 px). If the field is empty it will use the featured image instead.
You can also provide an external URL (“Project URL”).
You can choose between different formats: image, video or audio. Each format have different options:
To display the portfolio you must create a page and make sure that you use the ‘Portfolio’ page template when you publish it.
To create a slider item, navigate to the Slider section in your admin panel and click on Add Slider Item.
On the Edit Slider Item page that appears you can choose between different formats: image, video or content.
Each format have different options, they have a common one: the title (to help you organise your slides).
For sites with a large number of posts and pages, it is crucial that you set the correct permalink structure as otherwise you could experience significant performance problems.
For large sites (100+ posts/pages), we would advise you not to use a custom structure such as /%postname%/ as this can have a dramatic effect on page loading times which can result in your site crashing altogether when you have a lot of traffic. Instead you should consider adding the post ID, (e.g. /%post_id%/%postname%/) as this gets around the problem.
For more information on this please have a look at the “And we’re back. Sort of.” article by Steve Douglas.
Our theme comes with a custom menu location. “Main Navigation” is used for… the site’s main navigation.
Go to Appearance > Menus. Give your menu a name and build it up using little widgets on the right. You can add pages, categories or custom URLs.
Now simply select the theme location for your newly created menus using a widget on the left. Under Main Navigation, select your menu from the dropdown list, to use it as the site’s main navigation.
The theme comes with a simple to use administration panel. You can access it by navigating to Appearance > Theme Options. The theme options are conveniently spread over a number of tabs. Each tab contains the options that pertain to a particular area of the theme.
The theme comes with multiple widgetized areas and multiple custom built widget that can be used many times. They can be found under Appearance > Widgets. Widget areas are as follow:
This widget allows the display and configuration of 6 125×125 Ads.
This widget allows the display and configuration of a 300×250 Ad.
This widget displays two featured items.
This widget displays your Flickr photos.
This widget displays a highlighted message (<h1>).
This widget is optimised for the “Homepage – Full width” area.
This widget displays your client’s testimonials. You can ad as many testimonials as you want (you need to “Save” before adding a new testimonial).
This widget displays your latest tweets.
This widget displays a single video.
Our theme fully support the ZillaDribbbler widget (more info here) in case you wanted to showcase your projects from Dribbble.
Our theme comes with styles for some plugins which you may wish to use. Should you wish to do so, make sure to download the latest version of it, install it in your /wp-content/plugins/ directory and activate it in the Appearance > Plugins menu.
You simply need to activate the plugin and the theme will do the rest.
The theme supports a number of shortcodes for styling purposes.
To insert a notification message, enter the following into the editor: [alert color=”your_colour”] Insert content here [/alert]
[alert color="green"] Thank you for purchasing our theme [/alert]
To insert a button, enter the following into the editor: [button url=”your_url” color=”your_colour” size=”your_size” icon=”your_icon”] Insert content here [/button]
[button url="http://www.awesemthemes.com" color="green" size="large" icon="icon-shopping-cart"] Buy our themes [/button]
The content can be splited into multiple columns (just make sure it equals to 1):
Note: you must end each set of columns with a “last” (e.g. [one_half_last] Insert content here [/one_half_last]).
[one_half] Etiam porta sem malesuada magna mollis euismod. [/one_half] [one_fourth] Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. [/one_fourth] [one_fourth_last] Sed posuere consectetur est at lobortis. [/one_fourth_last]
To insert a drop cap, enter the following into the editor: [dropcap] Insert letter here [/dropcap]
[dropcap] A [/dropcap] WESEM
To insert an highlighted part of your content, enter the following into the editor: [highlight] Insert content here [/highlight]
[highlight] This is very important [/highlight]
To insert a colored bullets list, enter the following into the editor: [list color=”your_colour”] Insert list here [/list]
[list color="dark"] <ul> <li> Etiam fringilla cursus </li> <li> Aenean purus </li> </ul> [/list]
To insert a tabbed area, enter the following into the editor: [tabs] [tab title=”your_title”] Insert content here [/tab] [/tabs]
You can add as many “tab” as you want.
[tabs] [tab title="Lorem" ] Ligula cras [/tab] [tab title="Ipsum" ] Venenatis ipsum mollis [/tab] [tab title="Dolor sit" ] Magna elit [/tab] [/tabs]
To insert a testimonial, enter the following into the editor: [testimonial name=”clients_name” company=”clients_company”] Insert content here [/testimonial]
[testimonial name="Ipsum Aenean" company="Sit Vestibulum Limited"] Nullam id dolor id nibh ultricies vehicula ut id elit. [/testimonial]
To insert a toggle area, enter the following into the editor: [toggle title=”your_title” state=”open_or_closed”] Insert content here [/toggle]
[toggle title="Ornare fermentum" state="open"] Maecenas faucibus mollis interdum. [/toggle]
To insert a self hosted video, enter the following into the editor: [video id=”your_id” m4v=”your_m4v_url” ogv=”your_ogv_url” img=”your_img_url” /]
[video id="BigBuckBunny" m4v="http://download.blender.org/peach/bigbuckbunny_movies/BigBuckBunny_640x360.m4v" ogv="http://mirrorblender.top-ix.org/peach/bigbuckbunny_movies/big_buck_bunny_480p_stereo.ogg" img="http://peach.blender.org/wp-content/uploads/bbb-splash.png" /]
To insert a Vimeo video, enter the following into the editor: [vimeo id=”your_id” width=”your_width” height=”your_height” /]
[vimeo id="1084537" width="940" height="500" /]
To insert a YouTube video, enter the following into the editor: [youtube id=”your_id” width=”your_width” height=”your_height” /]
[youtube id="YE7VzlLtp-4" width="940" height="500" /]
The theme comes with four inbuilt custom page templates; Archives, Contact, Full Width and Homepage. These templates can be used on individual pages to alter the display or functionality.
The theme comes packed with a simple archives template. To use the template, simply create a page using the “Archives” page template. The archive lists will automatically display below any page content. Lists include the last 30 posts, archives by month and archives by subject.
The Full Width template allows the creation of a page without a sidebar. The main content will span the full width of the site. To use the template, simply create a page using the “Full Width” page template.
The theme comes packed with a simple contact form. To use the inbuilt form, simply create a page and use the page template “Contact”. The form will automatically insert below any page content. The form includes jQuery validation to enhance user experience and the recipient email can be configured from the theme options.
This template needs to be assigned to your “Homepage” page as explained in “2 – Setting up the blog and the homepage”. You should only assign this template once.
These templates (3 or 4 columns) need to be assigned to your “Portfolio” page as explained in “4 – Setting up the portfolio”.
To replace the custom login logo, replace logo-login.png with your chosen image in the theme /_assets/img/ folder. Upload the new image to your server via FTP and the new logo will become visible on the WordPress login screen.
Our theme supports the use of featured images. The theme supports auto-resizing of the featured images and so there is only the requirement to specify a single image. Auto-resizing will only occur however when the image is uploaded for the first time, images that have previously been uploaded will not be resized.
To ensure the correct display of images across your site, ensure you specify an image with dimensions of 940×530 or larger.
To upload a featured image, go to Posts > Add New or open an existing post in editing mode. Locate the Featured Image module and click the Set featured image link.
Clicking the link will open up the usual WordPress image uploader where you will upload the image as usual. Simply make sure that it is either the same size or larger than what the final thumbnail will be. Once you’re done uploading the image, simply click the link that says “Use as featured image”.
Once you’re done, a preview of the image should appear in the right-hand box and you are free to insert the image into the post as with any other image.
For more on how to use the WP2.9+ Post thumbnail feature you can view this article – http://en.support.wordpress.com/featured-images/
The theme includes a total of 3 CSS files that are used at various times depending on user-controlled options that determine the site’s display. All CSS files, with the exception of the main CSS file (style.css) can be found in the theme’s /_assets/css/ folder.
When modifying the theme’s CSS it is advised to use the “Child Theme” (vendor-child-theme) as this will make updating to a newer version of the theme much simpler without overwriting your changes.
The main stylesheet is organised by section and includes a styles index for quick navigation. To locate the styles for a particular section, view the index and locate them by number.
/* -- Styles Index ======= 1.0 Reset 2.0 Grid 2.1 960 < x 2.2 768 < x < 959 2.3 x < 767 3.0 Typography 3.1 Alignements 3.2 Tables 4.0 Main structure ...
We have included two PSD files with this theme:
We’ve used the following images, icons or other files as listed:
We love to hear what you think! Feel free to send us your comments, feedbacks and improvement ideas via the contact form on our ThemeForest profile page.
Once again, thank you so much for purchasing this theme. As we said at the beginning, we’d be glad to help you if you have any questions relating to this theme. No guarantees, but we’ll do our best to assist.
— The AWESEM team