Wanium LogoWaniumDocumentation Version 1.0

Welcome to Wanium Documentation


Thank you for purchasing Wanium WordPress Theme. In this document you will find information on how to install, manage and update your theme, as well as create content, install plugins, import Demo data etc.

If you have any questions that are beyond the scope of this help file, feel free to post them in our dedicated support forum.



Homepage Layout

The Wanium theme package contains following folders and files:

Child themes are the recommended way of making modifications to a theme. But in case you want to install the demo content, please active the parent theme before importing data for the best result.

Before start using the theme, a working version of WordPress must be installed. If you need help on installing WordPress, please follow the instructions in WordPress Codex.

The theme can be installed in localhost, or via FTP. The wanium file is the Installable WordPress Theme.

Install Theme via WordPress
  1. Step 1.Log in to the WordPress Administration Panels.
  2. Step 2.Select the Appearance > Themes > Add New.
  3. Step 3.Use the Upload Theme button to upload a zipped copy of Wanium Theme.
  4. Step 4.Go to Appearance > Themes and activate the theme.
Install Theme via FTP
  1. Step 1.Log into your hosting via an FTP software.
  2. Step 2.Unzip the installable file and upload into wp-content/themes folder.
  3. Step 3.Go to Appearance > Themes and activate the theme.
Troubleshooting
  1. Theme is missing the style.css stylesheet error

    This is a common issue that can occur when installing a WordPress themes. For the details of solution, please have a look at this article.

  2. The message: "Are you sure you want to do this? Please try again"

    If you are installing your theme from the WordPress theme installer, but get the message above, most likely your web server is configured that only allow a certain size ZIP file to be uploaded via WP Admin. In this case, you can simply unzip the installable theme file and install Theme via FTP.

  3. The message: "Allowed memory size exhausted", "Internal server error" or the site crashes

    This is most likely due to your server resources being limited by its configuration. For the details of solution, please have a look at this topic.

Install Plugins

After you install the theme, you should see a list of suggested plugins at the top of the WordPress dashboard.
If you already closed it out, you can go to Plugins folder of the Theme package instead to activate plugins.

Once you have installed all theme Plugins you can import the Demo Content. By installing the demo content, your theme will look like the one you see on our demo. This action will let you understand how the theme works by allowing you to modify a content that is already there rather than creating it from scratch.

One-Click Demo Import
  1. Step 1.Go to Appearance > Intall Demo in your Dashboard.
  2. Step 2.Read the message and click on Import button.

  3. Step 3.Sit back and let the importer run. The process take up to 15mins on slower servers, these times depend on the server that hosts your WordPress site.
Manual Demo Import

If you receive any errors during the One-Click Demo Import process, try running the import manually as described in the section below.

  1. Step 1.Go to Tools > Import in your Dashboard.
  2. Step 2.Click on WordPress then Choose file and locate within the Wanium package you unzipped: SampleData/wanium-demo.xml. Click Upload and Import. Then you can also check the box Download and import file attachments to import attachment files.
  3. Step 3.To import the sample widgets, you can use the Widget Importer & Exporter plugin. Once install the plugin, you can go to Tools > Widget Import/Export and uploading the .wie file: SampleData/wanium-widget.wie. The results are shown in a nicely formatted table with an explanation of what happened with each sidebar and widget.
Indivdual Pages Import

To use pre-made layouts, just copy and paste our demo code below into the Editor of your page and click on Save button (make sure to paste the code in "Text" mode, then you can switch back to Visual Composer editor to edit page content).

Home Pages:

Other Pages:

Common Issues & Questions

1.Maximum execution time, internal server error or the site crashes

This is most likely due to your server resources being limited by its configuration – most commonly these are: max_execution_time and memory_limit. In this case you will need to increase the WordPress Memory Limit regardless of server memory settings. For the details of solution, please have a look at this topic.

2. Missing menus or duplicated menu items

If you have duplicated menu items after import the Demo Contents. It's due to the time out while reading response from server, the importing progress then automatically re-start and you may get duplicated menu items. To fix this issue, please follow the steps here:

  1. 1. Go to Appearance > Menus in your Dashboard and delete the duplicated menus.
  2. 2. Go to Tools > Import.
  3. 3. Click on WordPress then Choose file and locate within the Wanium package you unzipped: SampleData/wanium-menu.xml. Click Upload and Import.
  4. 4. Go to Appearance > Menus and click the Manage Locations button at the top. Select a Menu for the Primary Navigation and save it.
  5. 5. Please note that, you can also change the menu for the individual page in the Menu Settings section at bottom of the Page editor.

3. Missing the contact forms

If you want to import the demo content for Contact Form 7 plugin, make sure to install & activate it before running the Importer.

  1. 1. Go to Tools > Import.
  2. 2. Click on WordPress then Choose file and locate within the Wanium package you unzipped: SampleData/wanium-contactform.xml. Click Upload and Import.
  3. 3. Go to Dashboard > Contact to see all the contact forms available in Wanium live demos.

4.Duplicated demo content

To get rid of the duplicated demo content you can using the WordPress Reset plugin.

5.Image Sizes

6.Wrong image dimensions

If you change the image dimensions after you have uploaded post images, you may need to regenerate your thumbnails.

1. For a fresh new WordPress site (without demo content)

To set up the Home Page of your theme go to your WP Admin and navigate to Pages > Add New. Choose a Title like "Home", add your content and click the Publish button.

Then Go to Settings > Reading. Select A static page, choose a Home page for Front Page and choose a Blog page for Posts page.

2. After importing Wanium demo content

After the importing process, you will got all the sample images and demo content include: homepages, other pages, blog posts, portfolio, products, menus, contact form, team member, client, testimonial..

The entire demos as you seen in our live demo is the Pages that you can see in your Dashboard > Pages.

So let me explains the steps to choose Health Care demo as your Homepage:

Step 1: Go to your Dashboard > Pages, view all the available homepages.

Step 2: To make Health Care as your new Homepage, please go to Dashboard > Settings > Reading. Select A static page, choose a page for Front Page and choose a Blog page for Posts page.

Step 3: Open up the Health Care page editor, then scroll down to bottom of the page to review all the individual Page Options (Header Layout, Footer Layout, Fonts, Colors,...) that using in Health Care demo.

You can read more detail about Page Option in this section.

Step 4: Open up a new tab in your browser, then go to Dashboard > Appearances > Customize, and apply all those above options to the corresponding options on Customize panel.

Step 4: Remember to reset the permalinks in Settings > Permalinks as you wish.

Step 5: Now you can go to your site and see 'Health Care' as your new Homepage, and all other pages of the entire site will now have a same style as in the 'Health Care' page.

Defining a Menu

You must define a menu before you can add items to it.

Adding Items to a Menu
Assign your Menu

Now you only need to assign your menu to your desired Menu Location. To do that, click the Manage Locations button at the top, select your menu for one of the Primary locations and click Save Changes.

Mega Menu

The Mega Menu extension gives the end-user the ability to construct advanced navigation menus. You can create one in the same way you create a regular sub menu. However, you have to choose the option of Enable Mega Menu to activate the mega-menu. The next level of submenu will be mega menu each column's title.

Menu badge & subtitle:

Hide megamenu column titles:

Menu Button

To use a menu item like a button action, simply choose the option of Enable Button Style to activate the button.

Menu Structure

Posts are the entries that display in reverse chronological order on your home page. In contrast to pages, posts usually have comments fields beneath them and are included in your site's RSS feed.

To write a post:

1. Standard post type

This is default styling for the WordPress theme. Simply add new post or edit post and select post format as Standard.

Front-end display:

For a perfect fit the header image should be at least 1920px wide.

2. Gallery

This format will show a thumbnail image from your posts, as well as an excerpt of the gallery. To have this post format, you need to add gallery for the post by clicking on Add Media > Create A Gallery and press Insert Gallery button in order to insert the gallery into the post.

Front-end display:

3. Audio

This format will show a featured audio as cover of the post.

You can paste your URL that should be embedded. Supports services listed at http://codex.wordpress.org/Embeds.

Or you can just paste your embedded code right in the post content:

Front-end display:

3. Video

This format will show a featured video as cover of the post.

You can paste your URL that should be embedded. Supports services listed at http://codex.wordpress.org/Embeds.

Or you can just paste your embedded code right in the post content:

Front-end display:

5. Blockquote

This format will show a quote with a beautiful style from your posts.

Front-end display:

6. Link

This format will show a link from your posts.

Front-end display:

Wanium uses a highly customized version of the popular Visual Composer plugin with some default short codes and some customized short codes. In the custom page builder, you can easily create complex layouts. Not all of the original Visual Composer short codes are available with this theme or were replaced by our own ones.

Building pages is very easy in this theme as you will use the Visual Composer's builder and all the shortcodes comes with it. Follow these simple steps to create a Page with Wanium:

Row background image

Front-end display:

Row overlay background

Front-end display:

Row video background

Front-end display:

Row stretch
Row extra class name

You can see our CSS Helper classes below here:

Page Front-End Editor

Build responsive website and manage your content easily with intuitive front end WordPress editor.

Visual Composer front end editor allows you quickly switch between different devices to check how your content looks on tablet or mobile devices.

The theme comes with many of flexible Page Options at bottom of each page or post editor.

Note 1: The Page Options below of the page/post editor is the first priority. Otherwise, Wanium will use the global setting at Theme Customization.

Note 2: If you do not see the change you made with primary colors, font family, font size,... please click on Save / Update button to updates for the page.

Page Layout

Default Page Title

Note: If you are using Single/Slider Header Visual Composer element, please set Page Title Layout to "No Title" to remove the default title.

Menu Settings

Customize Font, Color & Logo

Note: This section will override the settings configured in "Appearance > Customize" for this current individual page.

Note: All the settings above is available in "Appearance > Customize", if you only need a website with same style/color/font family,... for every pages, just go ahead to "Appearance > Customize" section, otherwise you can change the setting above for individual pages.

Wanium comes with multiple page header layout options that you can choose for your project.

The Wanium Page Header is a combination between HEADER TITLE and HEADER MENU. Wanium comes with 4 types of HEADER TITLE, you can choose one of theme for your page title layout. Please read below for detailed information on how to set it up.

1. Default Page Title

If you are going to use Single Header / Slider Header element for your Page Title, please set the Page Title Layout to No Title to remove the default Page Title.

You can find the Page Title Layout option at the bottom of the page/post editor:

For more Page Title demos, please have a look at our Page Title live demo.

2. Single Header element

If you are going to use Single Header element for your Page Title, please set the Page Title Layout to No Title to remove the default Page Title.

You can go to your page editor, click on 'plus' button, and then click on Single Header:

NOTE: Please set the Row stretch layout to Stretch row option in order to make the page header full width

And then you can add your title information, background, buttons,... to the element:

For more Single Header demos, please have a look at our Single Header live demo.

3. Slider Header element

NOTE 1: If you are going to use Slider Header element for your Page Title, please set the Page Title Layout to No Title to remove the default Page Title.

NOTE 2: In order to make the Slider Header works, you'll need to add more than one Slider Header element.

You can go to your page editor, click on 'plus' button, and then click on Slider Header:

And then you can add your slider item, title information, background, buttons,... to the element:

For more Slider Header demos, please have a look at our Slider Header live demo.

4. Vertical Slider element

If you are going to use Verticle Slider Header element for your Page Title, please set the Page Title Layout to No Title to remove the default Page Title.

You can go to your page editor, click on 'plus' button, and then click on Slider Header:

And then you can add your slider item, title information, background, buttons,... to the element:

For more Vertical Slider Header demos, please have a look at our Vertical Slider Header live demo.

Wanium HEADER MENU:

Wanium comes with 18 Header Menu layouts, you can choose one of theme to use with the PAGE TITLE above:

1. Standard Header

2. Standard Header Dark

3. Standard Header No Topbar

4. Standard Header No Topbar Dark

5. Transparent Header

6. Transparent Header Dark

7. Transparent Header No Topbar

8. Transparent Header No Topbar Dark

9. Center Standard Header

10. Center Standard Header Dark

11. Center Transparent Header

12. Center Transparent Header Dark

13. Off Canvas Header

14. Off Canvas Header Dark

15. Left Vertical Header

16. Left Vertical Header Dark

17. Right Vertical Header

18. Right Vertical Header Dark

A One Page website lets you provide the perfect amount of information that's split into multiple sections for a user to make a decision upon it. You can see the live demo of Wanium One Page site here: Health Care demo. Please read below for 2 steps on how to set it up.

Step 1. Creating One Page content

Go to Pages > Add New and create a new page with multiple rows. In every row you want to navigate, just input the ID of the row.

Step 2. Creating One Page menu

Go to Appearance > Menus and create navigation menu using Custom Links and input "#" follow by Row ID in URL text input field.

Then you can open up your new One Page site, click on About menu now will bring you to new section in the same page with a smooth scroll effect.

Wanium theme comes with a Portfolio custom post type that allows you to listing your works in beautiful layouts.

Enable The Visual Composer For Portfolio

If you want to use Visual Composer for your Portfolio items, you can go to Visual Composer > Role Manager and choose Custom from the dropdown then check portfolio to use the Visual Composer.

Create new Project

To create your Portfolio items, please follow the steps below:

  1. Go to Portfolio > Add New in your Dashboard.
  2. Add a title and input all the project related info like Feature image and cover image. (If you want to use the Visual Composer for your item and you don't see the VC button, please go to Dashboard > Visual Composer and check on the Portfolio post type.)
  3. Select Portfolio Category and other meta data if you want it.
  4. Click on Publish / Update button.

Big Thumbnail in 3 Columns layout

Creating Portfolio page

Creating a portfolio Page is quite easy with this theme. Just follow the steps here:

  1. Go to Pages > Add New in your Dashboard.
  2. Choose a title like "Portfolio".
  3. Switch to the Visual Composer by clicking the Backend Editor button and add the Portfolio element.
  4. Make sure the Row Type is set to Full width (Stretch Row). Click the Publish button.

Wanium theme comes with the custom post types like Team Members, Clients and Testimonials, that allows you to adding to page via Visual Composer element in beautiful layouts. You can see how to create there items below:

1. Team Members
  1. Go to Team Members > Add New in your Dashboard.
  2. Add a title and input all the team member related info like Feature image and social content.
  3. Select Team Category and other meta data if you want it.
  4. Click on Publish / Update button.

If you would like to set up a Team Members page, go to your WP Admin and navigate to Pages > Add New. Choose a title like "Team Member" and select one of the "Default" templates in the Page Attributes. Switch to the Visual Composer and add the Team element. Click the Publish button.

Front-end display:

2. Clients
  1. Go to Clients > Add New in your Dashboard.
  2. Add a title and input all the client related info like logo and client URL.
  3. Select Client Category.
  4. Click on Publish / Update button.

If you would like to set up a Client page, go to your WP Admin and navigate to Pages > Add New. Choose a title like "Client" and select one of the "Default" templates in the Page Attributes. Switch to the Visual Composer and add the Client element. Click the Publish button.

Front-end display:

3. Testimonials
  1. Go to Testimonials > Add New in your Dashboard.
  2. Add a title and input all the testimonial related info like user avatar and other meta data.
  3. Select Testimonial Category.
  4. Click on Publish / Update button.

If you would like to set up a Testimonial page, go to your WP Admin and navigate to Pages > Add New. Choose a title like "Testimonial" and select one of the "Default" templates in the Page Attributes. Switch to the Visual Composer and add the Testimonial element. Click the Publish button.

Front-end display:

Widget

WordPress Widgets add content and features to your Sidebars. Examples are the default widgets that come with WordPress; for post categories, tag clouds, navigation, search, etc.

You can add a Widget by following these steps:

If you change WordPress Themes, the Widgets will return to the left side of the page in the Widget Archives or Available Widgets list. You may need to add them again and rearrangement depending upon the Theme's ability to preserve other Theme's Widgets.

There are 4 widgets supported in this theme as below:

1. Flickr

Getting the Flick ID via idgettr.com:

2. Instagram

3. Twitter

To get Consumer Key & Consumer Secret, you have to create an app in Twitter, then you'll be taken to a page containing Consumer Key & Consumer Secret.

4. Posts

Display a list of posts order by date, ID and most commented.

Shortcode

Wanium theme comes with 3 useful shortcodes which you can use in post, Visual Composer elements, or text widget.

1. Dropcap

[tlg_dropcap text="S" color="#63f8d3" background=""]ometimes we look for ...

2. Highlight

We work with [tlg_highlight text="clients big and small" background="#63f8d3" color="#2C292F"] across ...

3. Countdown

[tlg_counttime date="2018/09/20 17:00" caption_day="days"]

Sidebar

While widget areas typically occur in webpage sidebars, Wanium theme can place widget areas on left/right and footer of the page.

WooCommerce is a third party plugin. If you are new to this plugin, please have a look at Woocemmerce user guide.

After installing and activating the plugin successfully, you can configure WooCommerce plugin as you need for online shops.

WooCommerce Settings

To change the shop settings, you can go to Dashboard > Woocommerce > Settings and select your desired tab from the drop down.

For the full woocommerce documentation, please go to the Wocommerce settings document.

You can change the product image size in Woocommerce > Settings > Products > Display.
Here is the product sizes using in the theme:

Creating a Product

To create a product you can go to Dashboard > Products > Add Product. When you create new products, remember to assign them into categories and tags in order to that all the products can be shown properly in the front-end.

For the more details of creating a Product, please have a look at WooCommerce setup product documentation

Woocommerce Widgets

The WooCommerce plugin comes with a number of widgets. The widgets will be displayed on the shop page only.

In order to display them on shop Shop page, you can go to Appearance > Widgets and drag Woocommerce widgets to Shop Sidebar on the right side.

Theme Options can be found under Appearance > Customize. These settings may be overridden for individual Page / Post. This customization control the global settings for the entire website, unless otherwise specified in Page / Post Options.

Site Identity

Site Layout: Full Width, Boxed

Colors

Here you can changes your own colors schema for using with this theme.

Background Image

The background image here will be used when you set the Site Layout as Boxed

Font & CSS

You can choose here the latest list of Google Web fonts for Body text and Heading text, for other content you can also set different fonts in Visual Composer elements.

About the Custom CSS field, please DO NOT using <style> tag when you add your custom style here, just plain CSS code only.

Header

Here you can find number of options for your Header like Logo dark/light, Header layout, Header size, etc.

Footer

This is where we give you control over the overall style of Footer layout and copyright information.

Blog

Here you will find all the options for Blog layout, Blog title/subtitle, etc.

Portfolio

These are number of options from Portfolio layout to title/subtitle of the Portfolio page here.

Shop

Here we provide for you to control Shop layout, title/subtitle and product settings.

System

This area allows you to config all other options of the theme. You can turn on/off theme elements here.

Theme License

The purchase you made allows you to use our theme on one domain. A single purchase is needed for each site you use the theme. We would appreciate it if you follow the rules as it support us to provide quick updates for the theme.

Premium Plugins License (Visual Composer)

When you purchase a theme from ThemeForest that bundles Visual Composer or any other Premium plugins, you are free to use these Premium plugins with the theme. However, your theme purchase does not give you individual Premium plugins licenses that allow you to activate or download these plugins as you wish.

Activation Premium plugins doesn't mean the plugin will not work but only that you cannot received direct updates. Please don’t worry if you see warning messages about the plugin license activation.

You can use these plugins with the theme, and you are fully compliant with the Envato's policy, but you cannot activate them as the owner.

Anytime our theme is updated, the latest plugin version for these Premium plugins will be included for free, so you don't need to buy your own licenses to properly work with the plugins.

These rules ensure we will fully test plugins to make certain there are no bugs that will conflict with our own update.

The message: "Theme is missing the style.css stylesheet error"

This is a common issue that can occur when installing a WordPress themes. For the details of solution, please have a look at this article.

The message: "Are you sure you want to do this? Please try again."

If you are installing your theme from the WordPress theme installer, but get the message above, most likely your web server is configured that only allow a certain size ZIP file to be uploaded via WP admin. In this case, you can simply unzip the theme file and upload it to the wp-content/themes folder via FTP.

The message: "Allowed memory size exhausted", "Internal server error" or the site crashes

This is most likely due to your server resources being limited by its configuration. For the details of solution, please have a look at this topic.

Theme Updates

Updating Wanium is rather similar to installing the theme. Follow these steps to update your theme:

  1. Download the Wanium Theme again in your Themeforest Downloads section. You will always get the most recent Theme files there.
  2. Extract the file to get the Theme folder.
  3. Go to Appearance > Themes. Deactivate Wanium Theme by activating a different theme.
  4. Delete Wanium Theme (your content will not be lost).
  5. Upload the latest version of Wanium Theme and activate it.

Or you can update the theme via FTP as detail below:

  1. Login to your FTP account and navigate to your WordPress theme directory.
  2. Simply drop the Wanium Theme folder and replace with the new one.

Note: Always use a Child Theme when modifying any theme files so that your changes will not be lost on the Theme updates.

Visual Composer and TLG Framework Updates

You can upgrade Visual Composer and TLG Framework by following the steps here:

  1. Go to Dashboard > Plugins, locate Visual Composer and TLG Framework in the list, deactivate it and delete it
  2. You will see a notice asking you to install Visual Composer and TLG Framework plugins for the theme. Just follow the instructions to install plugins.
  3. If you don't see any notices, you can find them in Plugins folder of the theme package for manual installation.

Note: Always do an update for Visual Composer and TLG Framework after a Theme update.

Icons

We've included two different Icon Fonts within this Theme: FontAwesome & Themify. For now, we only ships Themify icons for using with Menu and Visual Composer elements but you can also manual insert the name of FontAwesome Icon you want to use in page/post content. For details of using there icon fonts, please have a look on the links here:

  1. Themify Icon Font
  2. FontAwesome Icon Font

Multilingual

Wanium is fully translation ready! The translation files .pot are located in languages folder in the theme package. We've included English as a default.

To translate the theme, please follow these steps:

  1. Download and install POEdit
  2. Open the .pot file of the theme (inside languages folder) in Poedit and create new translation.
  3. Save your translations in a .po file (for example: fr_FR.po). Check the WordPress Codex language to give your file the right name.
  4. Edit the new .po file using POEdit
  5. PoEdit will automatically compile a .mo file for you when you save your work on the existing .po file.
  6. Change the language in the admin settings screen. Settings > General > Site Language.

If you want to provide your website in multi-languages, we recommend the following plugins:

  1. qTranslate X - This free plugin offers a way to maintain dynamic multilingual content on a WordPress site.
  2. WPML - This commercial plugin makes it easy to build multilingual sites and run them. It's powerful enough for corporate sites, yet simple for blogs.

Customizations

Please remember that WordPress Themes on Themeforest are purchased as-is. If you want to make custom changes to the theme that requires theme modification, behaviour changes or 3rd party plugin integration, we suggest that you hire a developer. We don't offer customisations of your WordPress Installation.

Here are some good places to find a WordPress Freelancer:

  1. Envato Studio
  2. Codeable
  3. WPMU

Otherwise, if you need help about using theme features, bug reports & reasonable feature requests, please submit ticket to THEMELOGI support forum and our support team will happy to help you out.

Version 1.0 (14 Feb 2017)

Version 1.0 (12 Feb 2017)



Thank you for purchasing Wanium WordPress Theme!


If you like our theme and want to support us please rate it in your Themeforest Downloads section.