ikonikDocumentation

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

pixelwars logo

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

Support Forums

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.
  • Go to: Appearance > Install Plugins, install and activate the Pixelwars Portfolio plugin.

Other Ways To Install A Theme

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 > Regen. Thumbnails.

Import Demo Data

There are two ways.

Way 1:

  • Install "One Click Demo Import" plugin from Appearance > Install Plugins.
  • Go to Appearance > Import Demo Data and click on import button.

Way 2:

  • 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. Set your homepage and blog page.
  • Go to Appearance > Widgets. Add "Homepage Menu Item" widget to "Homepage Menu" widget area. See sidebar and widgets sections.
Elementor Page Builder (Download - Help Center - Support Forum)

Elementor Settings

Go to Dashboard > Elementor > Settings > General:

  • Check "Disable Default Colors".
  • Check "Disable Default Fonts".

Page Template

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.

Templates

  • Default: Displays narrow page content.
  • Homepage: If you want to make a static page as a front page in your site, choose this template and set this page from Settings > Reading. Define your homepage content from Appearance > Customize > Homepage Settings.
  • Portfolio: Displays your portfolio posts.
  • Latest Posts: Displays your blog posts.
  • Full width: This page template has large content.
  • Medium width: Use this page to display balanced content in your site.
  • Create a page and select "Homepage" template for this page from Page Attributes box in editing screen.
  • Go to Settings > Reading. Set your homepage.
  • Go to Appearance > Widgets. Add "Homepage Menu Item" widget to "Homepage Menu" widget area. See sidebar and widgets sections.

Portfolio Functionality

Portfolio functionality is not activated in the theme by default.

Activate Portfolio

Go to Appearance > Install Plugins. You can see the built-in plugin Pixelwars Core in the list. Install the plugin. When you click on "Install" link, the plugin will be installed and activated automatically. Then go to your dashboard page. Now you can see the "Portfolio" menu under "Posts".

Permalink Settings

Go to Settings > Permalinks, select "Post name" option and save changes.

Portfolio Menu

There are three sub menu under the portfolio menu:

  • Portfolio: You can see all portfolio posts in a list. They are listed by the date. So you can change the publish date from publish box in edit screen to change post order in the table. This will also effect post sorting in your portfolio page.
  • Add New: Create new portfolio posts. (see instructions below)
  • Portfolio Categories: You can assign a category to a post in edit screen. Categories appear as filter in your portfolio page.

Create Portfolio Posts

Create portfolio posts to show in your portfolio page.

  • Go to Portfolio > Add New.
  • Enter title and set featured image for thumbnail in your portfolio page.
  • Assign to a category. This category will be displayed as a filter in your portfolio page.
  • Use Excerpt field for a short description under post title in your portfolio page.
  • Choose post type from Format box. (see formats below)
  • Fill post fields in Details box.
  • Publish your portfolio post. (Edit publish date to change post order)

Portfolio Post Formats

  1. Standard: Add your content to editor. This type of posts go to single view when click in portfolio page.
  2. Image: Displays post featured image in a lightbox. You can also add lightbox title which comes from the Featured Image's caption field.
  3. Gallery: Displays images in a lightbox. Create a gallery from Add Media button above the content editor.
  4. Audio: Displays an audio in a lightbox. Use browser address url of an audio from SoundCloud. Add the url to "URL" field in Featured Audio box. You can also add lightbox title which comes from the Featured Image's caption field.
  5. Video: Displays a video in a lightbox. Use browser address url of a video from YouTube or Vimeo. Add the url to "URL" field in Featured Video box. You can also add lightbox title which comes from the Featured Image's caption field.
  6. Link: Enter your custom url to "URL" field in Featured Link box.

Portfolio Page

This page displays all published portfolio posts.

  • Go to Pages > Add New.
  • Enter title.
  • Select Portfolio template from Page Attributes box.
  • Publish page.
  • Add your portfolio page to your homepage navigation menu with "Homepage Menu Item" widget. See Sidebar and Widgets sections.

Select your post format from "Status & Visibility" panel in editor sidebar.

Post Formats

  • Standard: Add mixed blocks to your content.
  • Image: Add "Image" block to your content. Insert an image to make a visual statement.
  • Gallery: Add "Gallery" block to your content. Display multiple images in a rich gallery.
  • Quote: Add "Quote" block to your content. Give quoted text visual emphasis.
  • Audio: Add "Audio" block to your content. Embed an audio player.
  • Video: Add "Video" block to your content. Embed a video player.
  • Link: Add "Paragraph" block to your content. Make a text linked in the block.
  • Aside: Add "Paragraph" block to your content.
  • Status: Add "Paragraph" block to your content.
  • Chat: See below.

Specific Format

Chat: Add this type of conversation to your content.

JOHN: Hey there
 
MARY: Aye, matey!
 
JOHN: Huh?

Install "Pixelwars Core" plugin from Appearance > Install Plugins to make custom theme widgets available.

Custom Widgets

Go to Appearance > Widgets.

  • Homepage Menu Item: Create a navigation menu for "Homepage" template. Add "Homepage Menu Item" widget per link.
  • Social Media Icon: Add icons for your social media profiles. Add this widget per icon.
  • Contact Form: Contact form module.
  • Section Title: Section title for modules.
  • Timeline Title: Timeline title with icon.
  • Timeline Event: Timeline event module.
  • Service: Service module.
  • Process: Process module.
  • Client: Client module.
  • Fun Fact: Fun fact module.
  • Progress Bar: Progress bar module.
  • Testimonial: Testimonial module.
  • Button: Button module.

Customizer

This theme supports the live theme customizer. You can change fonts and colors of your site from the customizer.

  • Go to: Appearance > Customize.

Customizer Parts

  • General: Font and color options to change theme style.
  • Site Identity: Use site title for text logo and set header background image.
  • Blog: Some blog page settings for excerpt and navigation. Also, you can choose behaviour for "Back To Blog" link.
  • Single Post: You can activate/deactivate Related Posts for single post page.
  • Sidebar: Enable/disable sidebars for blog and post pages.
  • Menus: You can create navigation menus and use them in site header or sidebar.
  • Widgets: In this section you can see available widget areas. Add available widgets to preview in your site.
  • Static Front Page: Select "Homepage" template applied page to set front page of your site.
  • Custom CSS: In our support forums, we give some custom css code for making style changes in your site regarding your requests.

Styled Free Plugins

Go to: Appearance > Install Plugins.

  • Top 10 - Popular Posts

    Track daily and total visits on your blog posts. Display the count as well as popular and trending posts.

  • MailChimp for WordPress

    Subscribe your WordPress site visitors to your MailChimp lists, with ease.

Setting Up MailChimp for WordPress

  • Go to: MailChimp for WP > Form > Fields,
  • Paste the below code to "Form code" field and save changes.
<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 />
</p>
<p>
   <input type="submit" value="Subscribe" />
</p>

Minify & Caching

You can improve your page load speeds and page speed scores dramatically by activating these two plugins:

This theme is ready for localization. We have made every string translatable, use a plugin or Poedit editor.

Some Plugins

  • Loco Translate
  • Codestyling Localization

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 FTP or via WordPress.

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