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 forums with your Item 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.
Note: This theme is about 10 MB. Some hosts don't allow to upload over 8 MB. So, if you see an error message for the above way, please try the below ways.
Note: This theme uses custom image sizes. If you have images in your Media Library, run Regenerate Thumbnails plugin once. Install and activate the plugin then go to Tools > Regenerate Thumbnails.
Child theme inherits the functionality and styling of the parent theme. Child theme is the recommended way of modifying the parent theme.
There are two ways. Choose one of them.
This theme has custom page templates you can use for certain pages that have additional features or custom layouts. You can see them in the Template dropdown menu in Page Attributes box of editing screen.
You can select sidebar from Sidebar box in editing screen.
Create blog posts for your blog page.
Change your post format for style and functionality. Select from Format box in editing screen.
JOHN: Hey there MARY: Aye, matey! JOHN: Huh?
Use [quote]
shortcode.
Example:
[quote align="" name=""]Text here.[/quote] align="" ... alignleft, alignright
Go to "Appearance > Install Plugins". You can see the plugin "Pixelwars Core" in the list. Install the plugin. When you click the "Install" link, it will be installed and activated automatically. Then go to your main dashboard page. Now you can see the "Portfolio" menu.
There are three sub menu under the portfolio menu:
Portfolio items are similar to blog posts.
Note: You can see a box called "Gallery Type" in edit screen. The type option effects content galleries when you view your portfolio post in individual page.
Note: You can turn on above talked boxes from "Screen Options" panel in upper right side if you do not see them in edit screen.
There are two ways to build one or more portfolio pages.
This page shows all published portfolio posts.
Note: Add some text to content of the page to show it like a message in your portfolio page.
Note: Play with post publish date to change item order in your portfolio page.
A portfolio category page shows its own published portfolio posts.
Note: Add some text to description field of a category to show it like a message in your portfolio category page. (Portfolio > Portfolio Categories > Edit > Description)
Note: Play with post publish date to change item order in your portfolio category page.
Go to: Appearance > Customize > Portfolio.
This setting is used in single view of portfolio posts.
Activate Overflowing Functionality
Enable Overflowing For Images
Control portfolio sidebar from Appearance > Customize > Sidebar:
Sidebar for Portfolio Page Template: Adjust sidebar from Sidebar box in edit screen.
Portfolio Widget Area: You can see the Portfolio Sidebar widget area listed in the Widgets page under Appearance menu.
Go to "Appearance > Install Plugins". You can see the plugin "Cooked" in the list. Install the plugin. When you click the "Install" link, it will be installed and activated automatically. Then go to your main dashboard page. Now you can see the "Recipes" menu.
When you are in Recipe Add/Edit screen under Layout tab > Recipe Template, remove [cooked-image] shortcode to prevent duplicate featured image show! Then click 'Save as Default' and 'Apply to All'.
Check Cooked Plugin Documentation for more https://docs.cooked.pro
This theme has custom widgets.
Note: Check out Plugins section for "Subscribe" and "Trending Posts" widgets.
Background Self-Hosted Video: You need to upload one MP4 format video.
Background Embed Video: Use an embed code of any YouTube, Vimeo video.
Example: (Vimeo)
<iframe src="https://player.vimeo.com/video/111529240?autoplay=1&loop=1" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
Note: ?autoplay=1
and &loop=1
are optional.
Create featured area with Main Slider, Link Box and Intro widgets.
Main Slider displays sticky posts or latest posts.
Note: This theme uses custom image sizes. If you have images in your Media Library, run Regenerate Thumbnails plugin once.
Use shortcode generator to add shortcodes. Click the "Insert Shortcode" button from the content editor.
[row] Column shortcode here. [/row] [column width=""] Content here. [/column] width="" ... 1 to 12. (required). 12 = 100%, 6 = 50%, 3 = 25%. width_xs="" ... 1 to 12. (optional). Extra small devices - Phones (<768px). width_md="" ... 1 to 12. (optional). Medium devices - Desktops (≥992px). width_lg="" ... 1 to 12. (optional). Large devices - Desktops (≥1200px). Example 1: (Two Columns) [row] [column width="6"] Content here. [/column] [column width="6"] Content here. [/column] [/row] Example 2: (Three Columns) [row] [column width="4"] Content here. [/column] [column width="4"] Content here. [/column] [column width="4"] Content here. [/column] [/row] Example 3: (Four Columns) [row] [column width="3"] Content here. [/column] [column width="3"] Content here. [/column] [column width="3"] Content here. [/column] [column width="3"] Content here. [/column] [/row]
[button text="" url="" new_tab="" size="" icon=""] new_tab="" ... yes size="" ... big icon="" ... See Icons section. Example: [button text="My Button" url="http://www.example.com"]
[social_icon type="" same_tab="" url=""] [social_icon type="" same_tab="" url=""] [social_icon type="" same_tab="" url=""] same_tab="" ... yes type="" ... facebook, twitter, linkedin, google-plus, pinterest, github, behance, dribbble, instagram, lastfm, vimeo, forrst, skype, picasa, youtube, flickr, tumblr, blogger, delicious, digg, friendfeed, wordpress, foursquare, xing, soundcloud, slideshare, fivehundredpx, weibo, stack-overflow, vine, vkontakte, bloglovin, rss Note: You can use your site's feed url for the rss icon: http://www.yoursite.com/feed/ Example 1: [social_icon type="facebook" url="http://www.facebook.com/username"] [social_icon type="twitter" url="http://twitter.com/username"] Example 2: [social_icon type="facebook" same_tab="yes" url="http://www.facebook.com/username"] [social_icon type="twitter" same_tab="yes" url="http://twitter.com/username"]
[contact_form captcha="" to="" subject=""] to="" ... Your email address. captcha="yes" Example: [contact_form to="yourname@example.com" subject="New Message from My Site"]
[alert type=""]Text here.[/alert] type="" ... success, error. Example 1: [alert]My alert text.[/alert] Example 2: [alert type="success"]My alert text.[/alert] Example 3: [alert type="error"]My alert text.[/alert]
[tab_wrap titles="" active=""] [tab]Text here.[/tab] [tab]Text here.[/tab] [tab]Text here.[/tab] [/tab_wrap] titles="" ... Separate with commas. Example: [tab_wrap titles="Tab One,Tab Two,Tab Three"] [tab] Tab one text here. [/tab] [tab] Tab two text here. [/tab] [tab] Tab three text here. [/tab] [/tab_wrap]
[accordion_wrap] [accordion title=""]Text here.[/accordion] [accordion title=""]Text here.[/accordion] [accordion title=""]Text here.[/accordion] [/accordion_wrap]
[toggle_wrap] [toggle title=""]Text here.[/toggle] [toggle title=""]Text here.[/toggle] [toggle title=""]Text here.[/toggle] [/toggle_wrap]
[quote align="" name=""]Text here.[/quote] align="" ... alignleft, alignright
[timeline] [event_group_title icon="" text=""] [event current="" date="" title="" sub_title=""]Text here.[/event] [event current="" date="" title="" sub_title=""]Text here.[/event] [event current="" date="" title="" sub_title=""]Text here.[/event] [/timeline] icon="" ... See Icons section. current="" ... current
[skill title="Fireworks" percent="90"] [skill title="Photoshop" percent="70"] [skill title="Illustrator" percent="50"]
[testimonial image="" title="" sub_title=""]Description text here.[/testimonial] [testimonial image="" title="" sub_title=""]Description text here.[/testimonial] [testimonial image="" title="" sub_title=""]Description text here.[/testimonial] title="" ... Person's name. sub_title="" ... Person's job. image="" ... An image url. Upload your image to your Media Library, then copy its url and use in this parameter.
[section_title]Title here.[/section_title]
[fun_fact] An image here. Heading 4 title here. [/fun_fact]
[service] An image here. Heading 4 title here. Description here. [/service]
Edit images in your content. Add full
keyword as Image CSS Class to your image from advanced options.
Edit images in your content. Add zoom
keyword as Link CSS Class to your image from advanced options. And Link To: Media File from display settings.
Edit images in your content. Add parallax
or parallax half
keywords as Image CSS Class to your image from advanced options.
Available icons here. Select your icon from the list. Don't use the prefix pw-icon-
. Only use icon name for the icon=""
parameter of the shortcodes.
This theme supports the live theme customizer. You can customize almost every bit of your site from live customizer.
Go to: Appearance > Install Plugins.
Track daily and total visits on your blog posts. Display the count as well as popular and trending posts.
Subscribe your WordPress site visitors to your MailChimp lists, with ease.
WP Instagram widget is a no fuss WordPress widget to showcase your latest Instagram pics. It does not require you to provide your login details or sign in via oAuth.
This plugin allows your visitors to simply like/recommend your posts instead of comment on it.
Change photo size option of the widget to set image count in a row.
<p> <label>Subscribe your e-mail address and get to know about fresh stuff!</label> </p> <p> <input type="email" name="EMAIL" placeholder="Your email address" required="required"> </p> <p> <input type="submit" value="Sign up"> </p>
Go to: Appearance > Install Plugins.
Allows you to regenerate the thumbnails for your image attachments. This is very handy if you've changed any of your thumbnail dimensions (via Settings -> Media) after previously uploading images or have changed to a theme with different featured post image dimensions.
Allows the visitor to easily scroll back to the top of the page.
Medium like popover menu to share on Twitter, Facebook, LinkedIn or by email any text selected on the page.
This theme is ready for localization. We have made every string translatable, use a plugin or an editor.
There is a POT file (lahanna.pot) under languages folder in the theme. It contains all theme texts to translate. In here, translation is localization. Localization mean is not only changing words to another language. It is basically changing texts to another texts. For example; if your local is English (en-US) and in the theme there is title text Browsing Category
for category archives. You can change it what you want like Posts under Category
in your local.
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 Envato Market plugin or via WordPress or via FTP.
The Envato Market plugin can install WordPress themes purchased from ThemeForest by connecting with the Envato Market API using a secure OAuth personal token. Once your themes are installed WordPress will periodically check for updates, so keeping your items up to date is as simple as a few clicks.
There are two ways of getting files onto your site, and once there, changing them.