Overview of the theme, its contents, and how to get started with the theme
by Pixelwars
Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, you can sign in to our support forum with your purchase code. And please rate the theme on ThemeForest if you liked it. Thanks so much!
- Pixelwars Team
Any questions that are beyond the scope of this help file, use support forums.
Follow us on ThemeForest and don't miss new upcoming premium themes.
If you liked the theme you can rate it on ThemeForest in your downloads menu.
We assume you have basic knowledge of WordPress. In this doc you will learn how to setup, use and customize the theme.
We've assembled some links to get you started:
Learn WordPress: Level up your WordPress skills.
WordPress Documentation: A variety of resources to help you get the most out of WordPress.
WordPress Support Forums: Community-based Support Forums are a great place to learn, share, and troubleshoot.
Free Plugins: The WordPress Plugin Directory is the largest directory of free and open source WordPress plugins. Extend your WordPress experience with plugins.
Install the theme via WP admin.
Go to: Appearance > Themes > Add New > Upload.
Install and activate the theme.
Go to: Settings > Permalinks.
Select post name option for using Portfolio and Gallery.
Go to: Tools > Import > WordPress.
WordPress might offer you to install the WordPress Importer plugin, if you haven't installed it before do it now.
Install and activate the plugin.
Once you've installed WordPress Importer plugin, browse to the package folder, select XML data file and upload it.
Go to: Settings > Reading. Select homepage and blog page.
Go to: Appearance > Menus. Select theme location for the imported custom menu.
Go to: Appearance > Menus. Create a custom menu.
Check theme location for the custom menu.
Default Page Template: Has no sidebar.
Select custom pages from template section of the Page Attributes box.
Page with Sidebar: Has a sidebar, define its sidebar from the Select Sidebar box.
Full width Page: Fluid page.
Archive: Shows your archives.
Gallery: This page is for your photo galleries to display them as thumbnails.
Portfolio: Use this page if have only one portfolio. But if you want to create many portfolios see the Multiple Portflio section.
Contact: To create a contact page with a contact form. After create go to Theme Options > Contact to define settings.
Homepage: A minimal homepage alternative which shows latest posts entries from the blog.
Create a page and select Homepage template for it. Then go to Settings > Reading. Select your homepage as a front page.
Use Shortcode Generator to add shortcodes. (Shortcodes > Shortcode Generator)
Use [aside_content]
shortcode.
Example:
[aside_content] Your content here. [/aside_content]
Use [link_content]
shortcode.
Example:
[link_content] Your link here. [/link_content]
Example:
JOHN: Hey there MARY: Hi :) JOHN: What is this SMITH: Aye, matey! JOE: Huh?
Use inline_slider
shortcode.
Example:
[inline_slider] [slide src="http://themes.pixelwars.org/read-wp/wp-content/uploads/2013/01/gallery-02.jpg"]Life is for Service![/slide] [slide src="http://themes.pixelwars.org/read-wp/wp-content/uploads/2013/01/gallery-01.jpg"][/slide] [slide src="http://themes.pixelwars.org/read-wp/wp-content/uploads/2013/01/gallery-03.jpg"][/slide] [/inline_slider]
Use blockquote
and cite
tags.
Switch the Text tab of the editor.
Example:
<blockquote> Design is not just what it looks like and feels like. Design is how it works. <cite>Steve Jobs</cite> </blockquote>
Self-Hosted or SoundCloud embed.
Self-Hosted: Add your media to the content editor.
SoundCloud: Use inline_media
shortcode.
Switch the Text tab of the editor.
Example:
[inline_media] <iframe width="100%" height="166" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F207988&"></iframe> [/inline_media]
Self-Hosted or embed code.
Self-Hosted: Add your media to the content editor.
Embed Video: Use inline_media
shortcode.
Switch the Text tab of the editor.
[inline_media] <iframe width="500" height="281" src="http://player.vimeo.com/video/37254322?badge=0&color=ffffff"></iframe> [/inline_media]
To create a portfolio item go to Portfolio > Add New.
Firstly set a featured image and fill the other fields.
Don't forget to select the portfolio item type from Details box.
Standard: Single viewing.
Lightbox Featured Image: Show the Featured Image in lightbox.
Lightbox Gallery: Show many images in lightbox with shortcodes. Upload your images to the Media Library, copy image File URL and use in the shortcode.
Example:
[lightbox_image first_image="yes" title="Octopus is dangerous!" url="http://themes.pixelwars.org/read-wp/wp-content/uploads/2013/02/lightbox-02.jpg"] [lightbox_image first_image="no" title="" url="http://themes.pixelwars.org/read-wp/wp-content/uploads/2013/02/lightbox-04.jpg"] [lightbox_image first_image="no" title="Dog have dreams" url="http://themes.pixelwars.org/read-wp/wp-content/uploads/2013/02/lightbox-03.jpg"]
Lightbox Video: Show video in lightbox with shortcode. Recommended: Vimeo and YouTube.
Example:
[lightbox_video title="Paper by FiftyThree" url="http://player.vimeo.com/video/37254322?badge=0&color=ffffff"]
Lightbox Audio: Show audio in lightbox with shortcode. Recommended: SoundCloud.
Example:
[lightbox_audio title="Soundcloud embed" url="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F207988&"]
Direct URL: Put your link to the input.
Create a new page and select Portfolio template from Page Attributes box.
Important: If you want to have seperate portfolio pages, go to Multiple Portfolios section.
Important: Read carefully and try to understand how this functionality works.
You need a page with the template “Portfolio” if you want to use only one page portfolio on your site. But you don’t need any page for multiple portfolios on your site. Because the unlimited portfolio functionality doesn’t need any page to show portfolio items on your site. It works based on departments.
In multiple portfolios, every parent department works a different portfolio page.
Shortly:
Create parent departments. They will be your different portfolio pages. And create sub departments for your parent departments. These will be your portfolio filters.
Go to Appearance > Menus. Open the Departments box from the Screen Options panel.
Add your parent departments to your menu. These are portfolio pages.
Add new portfolio items to your sub departments.
There are to many widget locations, sidebars and four columns in the footer.
Drag widgets to a location to use them. You can put one or more widgets to every widget location.
To create a new widget location ( Sidebar ) see the New Sidebar section.
In this theme page layouts are based on shortcodes. Because they are pretty flexible. Allows you to order, duplicate, remove layout items so easily.
Here is a full list of shortcodes available in this theme.
[row]Put your column shortcode(s) here.[/row] [column width="" offset=""]Put your content here.[/column] width="" ... 1..12 offset="" ... 1..12 or do not use
[tabs] [tab_head] [tab_title active="active" title="Tab 1"] [tab_title title="Tab 2"] [/tab_head] [tab_content] [tab_pane]Tab 1 content.[/tab_pane] [tab_pane]Tab 2 content.[/tab_pane] [/tab_content] [/tabs] active="" ... active keyword is to define which tab is the primary title="" ... the caption text of the tab
[accordions] [accordion active="active" title="accordion 1"]Put your content here.[/accordion] [accordion title="accordion 2"]Put your content here.[/accordion] [/accordions] active="" ... active keyword is for opened style title="" ... the caption text of the accordion
[toggles] [toggle active="active" title="Toggle 1"]Put your content here.[/toggle] [toggle title="Toggle 2"]Put your content here.[/toggle] [/toggles] active="" ... active keyword is for opened style title="" ... the caption text of the toggle
[syntax_prettify linenums=""]Text here.[/syntax_prettify] linenums="linenums" ... To show line numbers.
[alert type=""]Put your content here.[/alert] type="" ... info, success, error. Do not use this parameter to use standard alert
[lists type=""] [list_item]Put your content here.[/list_item] [list_item]Put your content here.[/list_item] [/lists] type="" ... ok, plus, minus, hand-right, thumbs-up, star, star-empty, chevron-right, th-large
[social_icons] [social_icon type="" title="" url=""] [social_icon type="" title="" url=""] [social_icon type="" title="" url=""] [/social_icons] type="" ... facebook, twitter, linkedin, flickr, dribbble, lastfm, rss, forrst, skype, picassa, youtube, google, vimeo, behance, tumblr, blogger, delicious, digg, friendfeed, github, wordpress, pinterest, instagram title="" ... Optional. url="" ... Use full URL. Example: [social_icons] [social_icon type="facebook" url="http://www.facebook.com/username"] [social_icon type="twitter" url="http://twitter.com/username"] [/social_icons]
[button color="" size="" type="" icon="" target="" url=""]Button text[/button] color="" ... blue, navy, grass, red, green, yellow, light, orange. Do not use this parameter to have default black button size="" ... big, small. Do not use this parameter to have normal button size type="" ... fancy, d3. d3 to create 3D button. Do not use this parameter to have minimal button icon="" ... linkedin, github, buy, eye, beaker, download, download2, rss, like, heart, cup, plus target="" ... _blank to open link in new tab url="" ... the target link of the button
[inline_slider autoplay="" interval="" animation="" direction="" animationspeed="" pauseonhover=""] [slide alt="" src="" url=""]Put slide title here.[/slide] [slide alt="" src="" url=""]Put slide title here.[/slide] [slide alt="" src="" url=""]Put slide title here.[/slide] [/inline_slider] autoplay="" ... true, false. Dafault false interval="" ... in miliseconds, default 3000 animation="" ... fade, slide. Default slide direction="" ... horizontal, vertical. Default horizontal animationspeed="" ... in miliseconds, default 800 pauseonhover="" ... true, false. Default true alt="" ... alternate text for the image src="" ... image file URL url="" ... slide link URL
================================================================================================= [inline_lightbox_wrap type="" thumbnail="" alt=""]Put your inline lightbox shortcodes here.[/inline_lightbox_wrap] type="" ... image, video, audio thumbnail="" ... an image url alt="" ... alt text for thumbnail image ================================================================================================= [inline_lightbox_image first_image="" gallery="" title="" url=""] first_image="" ... yes or do not use gallery="" ... numbers like 01, 02, 03 ================================================================================================= [inline_lightbox_video gallery="" title="" url=""] gallery="" ... numbers like 01, 02, 03 Recommended: Viemo and YouTube ================================================================================================= [inline_lightbox_audio gallery="" title="" url=""] gallery="" ... numbers like 01, 02, 03 Recommended: SoundCloud ================================================================================================= ================================================================================================= Example 1: ( an image in lightbox ) [inline_lightbox_wrap type="image" thumbnail="put-your-thumbnail-image-url-here"] [inline_lightbox_image first_image="yes" gallery="01" url="put-your-image-url-here"] [/inline_lightbox_wrap] ================================================================================================= Example 2: ( many images in lightbox ) [inline_lightbox_wrap type="image" thumbnail="put-your-thumbnail-image-url-here"] [inline_lightbox_image first_image="yes" gallery="02" url="put-your-image-url-here"] [inline_lightbox_image gallery="02" url="put-your-image-url-here"] [inline_lightbox_image gallery="02" url="put-your-image-url-here"] [/inline_lightbox_wrap] ================================================================================================= Example 3: ( a video in lightbox ) [inline_lightbox_wrap type="video" thumbnail="put-your-thumbnail-image-url-here"] [inline_lightbox_video gallery="03" url="http://player.vimeo.com/video/37254322?badge=0&color=ffffff"] [/inline_lightbox_wrap] ================================================================================================= Example 4: ( an audio in lightbox ) [inline_lightbox_wrap type="audio" thumbnail="put-your-thumbnail-image-url-here"] [inline_lightbox_audio gallery="04" url="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F207988&"] [/inline_lightbox_wrap] ================================================================================================= Example 5: ( video and audio between images in lightbox ) [inline_lightbox_wrap type="image" thumbnail="put-your-thumbnail-image-url-here"] [inline_lightbox_image first_image="yes" gallery="05" url="put-your-image-url-here"] [inline_lightbox_image gallery="05" url="put-your-image-url-here"] [inline_lightbox_image gallery="05" url="put-your-image-url-here"] [inline_lightbox_video gallery="05" url="http://player.vimeo.com/video/37254322?badge=0&color=ffffff"] [inline_lightbox_audio gallery="05" url="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F207988&"] [/inline_lightbox_wrap] =================================================================================================
[tagline]Put your text here.[/tagline] [intro]Put your text here.[/intro] [label]Put your text here.[/label] [inline_media]Put you media code here.[/inline_media] ================================================================================================= [call_to_action]Put your content here.[/call_to_action] [cta_button_wrap]Put your button here.[/cta_button_wrap] Example: [call_to_action] [column width="8"] Read is a WordPress theme focused on readibility! (Heading 3) What are you waiting for? Buy now and begin to blogging. (Paragraph) [/column] [column width="4"] [cta_button_wrap] [button color="navy" size="big" type="d3" icon="buy" url="#"]BUY NOW[/button] [/cta_button_wrap] [/column] [/call_to_action] ================================================================================================= [lead_p drop_caps="yes"]Put your content here.[/lead_p] drop_caps="" ... yes or do not use ================================================================================================= [drop_caps]Put your content here.[/drop_caps] [portfolio_text]Put your content here.[/portfolio_text] [launch_button text="" url=""] [project_action]Put your content here.[/project_action] [view_button text="" url=""] [divider] [lightbox_audio title="" url=""] [lightbox_video title="" url=""] ================================================================================================= [lightbox_image first_image="yes" title="" url=""] first_image="" ... yes for the first image of a gallery lightbox =================================================================================================
You can use "Insert Shortcode" button to add a shortcode to the content editor easily.
This theme has a customized settings panel for further customization. For every option, it has a description on its right.
Go to Appearance > Theme Options.
h1.site-title { font-size: 5em; }
5
value for different font sizes..site-description { font-size: 1.5em; }
1.5
value for different font sizes.This theme supports the live theme customizer for custom color and font options.
Go to Appearance > Themes > Customize.
Text Logo Font: UnifrakturMaguntia
Heading Font: Coustard
Menu Font: Coustard
Content Font: Lora
We have styled some popular plugins for this theme.
<div class="related-posts"><h3>RELATED POSTS</h3><ol>
</ol></div>
Every post/page has a "Quick Edit" link when you hover in the editing list. Click it to open "QUICK EDIT" menu then uncheck the "Allow Comments" option.
This theme is ready for localization. We have made every string translatable, use a plugin or Poedit editor.
Note: The translation files are located under languages folder in the theme folder.
Before you update, it is best practice to always make a backup of your theme folder.
Download the new theme package from your ThemeForest account.
The theme is under "Theme" folder in the package.
Choose to upload the theme via WordPress or via FTP.
There are two ways of getting files onto your site, and once there, changing them.