Read WP Documentation

Overview of the theme, its contents, and how to get started with the theme

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

Support Forum

Any questions that are beyond the scope of this help file, use support forums.

Visit Support Forums

Follow Us

Follow us on ThemeForest and don't miss new upcoming premium themes.

Follow us on ThemeForest

Rate Theme

If you liked the theme you can rate it on ThemeForest in your downloads menu.

Rate on ThemeForest

We assume you have basic knowledge of WordPress. In this doc you will learn how to setup, use and customize the theme.

Useful Resources

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 Theme

Install the theme via WP admin.

Go to: Appearance > Themes > Add New > Upload.

Install and activate the theme.

OTHER WAYS TO INSTALL A THEME

WordPress Settings

Go to: Settings > Permalinks.

Select post name option for using Portfolio and Gallery.

Sample Data

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.

Custom Menu

Go to: Appearance > Menus. Create a custom menu.


Check theme location for the custom menu.

Default Page Template: Has no sidebar.


Custom Page Templates

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)


Post Formats


Aside

Use [aside_content] shortcode.

Example:

[aside_content]
Your content here.
[/aside_content]

Link

Use [link_content] shortcode.

Example:

[link_content]
Your link here.
[/link_content]

Chat

Example:

JOHN: Hey there

MARY: Hi :)

JOHN: What is this

SMITH: Aye, matey!

JOE: Huh?

Gallery

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]

Quote

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>

Audio

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]

Video

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.


Portfolio Item Types


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.



Portfolio Page

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.

This theme supports unlimited sidebars. You can create many sidebar and use them with the Page with Sidebar template ( see Pages > Page with Sidebar ).

Go to Appearance > Theme Options > Sidebar.

Enter your new sidebar name ( must be different from pre-created ). Click the Create button.

Go to Appearance > Widget. Your new sidebar will be displayed at the end of the widget location list on the rigt hand side column.

Drag and drop widgets to this new sidebar and create a page with Page with Sidebar template to use it.

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.


Grid

[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

[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

[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

[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

[syntax_prettify linenums=""]Text here.[/syntax_prettify]


linenums="linenums" ... To show line numbers.

Alerts

[alert type=""]Put your content here.[/alert]

type="" ... info, success, error. Do not use this parameter to use standard alert

Lists

[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 Media Icons

[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]

Buttons

[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

[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

=================================================================================================

[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]

=================================================================================================

Others

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


Font Size Customizations

Text Logo Font Size

  1. Paste the code below to the Theme Options > Style > Custom CSS:
  2. h1.site-title { font-size: 5em; }
  3. Change the 5 value for different font sizes.

Tagline Font Size

  1. Paste the code below to the Theme Options > Style > Custom CSS:
  2. .site-description { font-size: 1.5em; }
  3. Change the 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.


Default Fonts

Text Logo Font: UnifrakturMaguntia

Heading Font: Coustard

Menu Font: Coustard

Content Font: Lora

We have styled some popular plugins for this theme.


Styled Plugins

  1. Yet Another Related Posts Plugin ( YARPP )
  2. Contact Form 7
  3. Twitter Widget Pro
  4. DP Flickr Widget
  5. Email newsletter

YARPP Style Customization
  • Go to Administration > Settings > Related Posts (YARPP),
  • change “Before / after related entries:” inputs like this;
  • For before: <div class="related-posts"><h3>RELATED POSTS</h3><ol>
  • For after: </ol></div>

Recommended Plugins

  1. Dynamic "To Top" Plugin
  2. Shareaholic
  3. Digg Digg

Instagram Plugins

  1. Instapress
  2. Instagrate to WordPress
  3. Copygram widget
  4. Easy Instagram
  5. Brankic Photostream Widget
  6. Instagram-Widget-for-WordPress
  7. Instagram for WordPress
  8. Simply Instagram
  9. InstagramWidget
  10. WP Instagram Digest
  11. oEmbed Instagram
  12. Instagram Embed
  13. WP-Instaroll

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.

Some Plugins

  • Loco Translate
  • Codestyling Localization

Note: The translation files are located under languages folder in the theme folder.

Update Theme

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.

Update Your Theme via WordPress

  • You need to deactivate your theme in the "Appearance > Themes" section by simply activating a different theme. Once you activate a different theme, you can delete your theme. Don't worry, your content will not be lost. (The translation files are located under languages folder in the theme folder.)
  • Then simply upload the new theme file in the "Appearance > Themes" section.
  • Once it uploads, choose to activate the theme.

Update Your Theme via FTP

There are two ways of getting files onto your site, and once there, changing them.

  1. By using an FTP client.
  2. By using the file manager provided in your host's control panel.
  • Go to "/wp-content/themes/" location and backup your current theme folder by saving it to your computer, or you can choose to simply delete it. Your content will not be lost. (The translation files are located under languages folder in the theme folder.)
  • Retrieve the new zipped theme file from your new ThemeForest download, and extract the file to get the theme folder.
  • Then simply drag-and-drop (Upload) the new theme folder into "/wp-content/themes/" location, and activate the theme in the "Appearance > Themes" section. (Choose to "Replace" the current one if you did not delete it.)