“WaveX WordPress Theme ” Documentation by “ShineTheme” v1.0

 

 

 

Thank you very much for choosing WaveX Wordpress Theme. You have just bought an awesome theme and certainly will never disappointed with it. Before getting started, we recommend you to check through these documentations first as we have listed out all necessary information related to WaveX's installation and using guides. WaveX can only be used with WordPress thus we hope that you already have WordPress installed and ready to go. If you do not, our WordPress Installation section would provide strongly and helpful guides to you. Please check below.

If there is any further problem that our documentation could not cover, we encourage you to search from our Knowledgebase, check our Tutorial Videos, and perform a Forum Search for your answer. Probably your question or issue have already been brought up then the answer is waiting to be found. However, if you are still unable to find it anywhere, please go to our forum section and create a new topic with all the details related to your problem (Remember to include your site's URL as well). We will try as best as possible to help you solve the problem. Thank you. We wish you an amazing experience with WaveX!

Screenshot WaveX

WordPress Information

To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex or you can watch the Instructional Video created by Woo Themes. Below are all the useful links for WordPress information.

Requirements For WaveX

To install this theme you must have installed a working version of WordPress. If you need help in installing WordPress, follow the instructions in WordPress Codex or you can watch the InstructionalVideos created by Woo Themes. Below are some useful links for WordPress information.

  • Your web host should met the minimum requirements to run WordPress.
  • Your site is running the latest version of WordPress
  • You can download the latest release of WordPress from official WordPress website
  • Always create FTP and Database security passwords
Hosting is more secure when PHP applications, like WordPress, are run using your account’s username instead of the server’s default shared username (www or www-data). The most common way for hosting companies to do this is using suPHP. Just ask your potential host if they run suPHP or something similar.

We recommend using WpEngine.com or A Small Orange for all your hosting needs.

What’s Included

When you purchase WaveX theme in Themeforest, you need to download all the WaveX files with your Themeforest account. You can choose to download one between these two packages: The Main Files contain all files, while the Installable WordPress Theme is just the installable WordPress theme file. If you choose the Main Files option, there will be an WaveX Theme Folder as below:

  • WaveX Theme Folder – contains the wavex.zip and wavex-childtheme.zip wordpress theme. The child theme is only for users who make code changes.
  • Licensing Folder - this contains the licensing files, this is not your purchase code that you need to download from Themeforest.

files

Free Forum Support

All of our items come with free support though our dedicated support forum. Support is available in questions regarding the theme’s features or problems with the theme. We will not work with your code customizations or third-party plugins. If you need help in these problems, please contact with a developer to solve them.

For our free support, follow these steps:

Step 1Click Here To Create An Account. You will need your Themeforest Purchase Code What’s a Themeforest purchase code?

Step 2 – Enter your Themeforest Purchase Code, e-mail and a password. Your forum's username is assigned the same with your Themeforest purchased username.

Step 3 – Sign into the forum with your new created account and start using it.



Create new Account



Here is a screenshot that shows you how to find your purchase code.


files

Installation

We presented the steps below assumed that you already have WordPress installed.(If you don't, go here for a WordPress installation guide).. The WaveX theme can be installed by two methods: through WordPress, or via FTP. Please see the following sections (Installation Via WordPress and Installation via FTP) for each method. You can also watch our tutorial videos to install WaveX. The wavex.zip file is the Installable WordPress Theme and what you need to use in installing the theme. But first of all, be sure that you have downloaded the WaveX files from your Themeforest account. Navigate to your downloads tab on Themeforest and find WaveX. Click the download button to see the two options: The Main Files and the Installable WordPress Theme. See below.





Downloading The Main Files gives you all the content listed below

  • WaveX Theme Folder - contains the wavex.zip and wavex-childtheme.zip wordpress theme. The child theme is only for users who make code changes.
  • Licensing Folder - this contains the licensing files, this is not your purchase code that you need to download from Themeforest.


Downloading The Installalable WordPress Theme only gives you the wavex.zip file

  • wavex.zip - this is the parent wordpress theme. We recommend you install it via WordPress admin. If you install it via FTP, you have to unzip it and use the extracted folder.

Installation via WordPress

Follow the steps below to install via WordPress.

Step 1 -Unzip the downloaded package from Themeforest. Find the folder theme and inside it find the file wavex.zip

Step 2 - Login to your WordPress dashboard, go to Appearance > Themes click Install Themes tab and select Upload

Step 3 - Click the Browse button and find the file "wavex.zip" file on your computer and click "Install"

Step 4 - Wait the theme being uploaded and installed.

Step 5 - Activate the theme: Go to Appearance > Themes and Activate.

Active Plugins

Active Plugins


Common Install Error: Are You Sure You Want To Do This?


The “Are You Sure You Want To Do This” message occurs when installing wavex.zip via WordPress means you are limited in upload file size. Consider install the theme via FTP if this happens, or call your hosting company and ask them to increase the limited size.

Installation via FTP

Follow the steps below to install via FTP.

Step 1 – Log into your hosting space via an FTP software

Step 2 – Unzip the wavex.zip file and ONLY use the extracted WaveX theme folder

Step 3 – Upload the extracted WaveX theme folder into wp-content > themes folder

Step 4 – Activate the theme: Go to Appearance > Themes and Activate.

Step 5 – You will get a notification to activate the required plugins. See below.

files
Transfer type

You should transfer text files like PHP files via ASCII transfer type, and for other types of files such as images, you should use binary transfer type. Otherwise you can get errors.

files

Recommended Plugins

Amazingly, WaveX comes with super awesome premium WordPress plugins and powerful ecommerce plugins. When you activate WaveX theme, you will see "Recommended plugins" on your WordPress dashboard. Here are the list of all recommended plugins. We recommend you active them all.


  • WPBakery Visual Composer
  • Contact form 7
  • Redux Framework
  • Revolution Slider
  • WaveX Code
  • WooCommerce

How to update the theme?


You can update your theme via FTP or via WordPress admin. See below for each method. However, before choosing a method, you need to download the new theme files from Themeforest first.


Update your theme via FTP

Step 1 – Go to “wp-content > themes” location and backup your “WaveX” theme folder by saving it to your computer. You can also simply delete it, your content will not be lost.

Step 2 – Retrieve the “wavex.zip” file from your new files downloaded from Themeforest and extract the file to get the “WaveX” theme folder.

Step 3 – Simply drag and drop the new “WaveX” theme folder into “wp-content > themes” location. Choose to “Replace” the current one if you did not delete it.




Update Your Theme Via WordPress Admin

Step 1 – You need to deactivate the current “WaveX” theme in the “Appearance > Themes” section by simply activating a different theme. Once you activate a different theme, you can delete the WaveX theme, your content will not be lost.

Step 2 – Retrieve the "wavex.zip" file from your new files downloaded from Themeforest. If you downloaded the “Main Files” from Themeforest, then you need to unzip the archive file you received, the wavex.zip is inside it

Step 3 – Then simply upload the “wavex.zip” file in the “Appearance > Themes” section. Click on the “Install Themes” tab at the top and choose to upload the zip file.

Step 4 – Once it uploads, choose to activate it.



Important Backup Information

Whenever you update the theme, it is always recommended that you should backup your current theme folder. Log into your server and make a copy of the WaveX theme folder located at wp-content > themes.


Important Update Infomation

Each update version comes with new amazing features and we will try our best to brings them immediately to you. The section below will also be updated along with each update version. Below are some things you need to prepare before update.

-  Backup Your Current Theme – It’s always a good idea to keep a backup of your current theme. Log on to your server or cpanel and make a copy of your current “WaveX” theme folder to your computer. If needed, you can reload the previous version. Its also a good idea to backup your theme options. There is a “Backup” tab in theme options to export your settings. And always be sure to make a copy of your custom CSS field and tracking code.

-  Do Not Keep Older Copies of The Theme In WP Theme Folder – You should completely remove all previous WaveX theme folders before adding the new updated theme folder, or you could end up with WP path issues, etc.

-  Do Not Rename The Theme Folder – If you rename your theme folder when you update, the path will no longer be valid. WordPress stores menus, widget settings and some other settings by folder path. You need to rename your theme folder back to the original state as while it first be downloaded, and your settings, menus, widgets will be restored. If you need to keep your previous theme folder, then simply make a copy of it some elsewhere before you upload the new theme

-  Reset Browser Cache - It is always recommended to reset your browser, plugins, server cache when you update. Visual issues may happen, and cache needs emptied. Each browser allows you to remove cookies, history and other data.

-  New Theme Options - When we add new theme options, you should go through each tab and set any options that are not already done.For example, the new line-height values on the Typography tab - a very important option, is need to be set to the default values.

-  Revolution Slider Styles - If you have added custom styles to the rev slider, always make a backup of them. The WaveX styles will be included, but any custom styles you add yourself need to be backed up before you update the theme


WaveX Changelog


WaveX is constantly being updated with new features and adjustments. You can always view the most recent update information in the change log in the changelog.txt file inside the theme zip file. You can also view the full change log below.

WaveX Changelog

Import Demo Content

When any Wordpress theme first being installed, it will not contain all the extra content that you might seen in the live demo. There are two ways you can import WaveX Demo Content. Usually you have to import an XML file which can be troublesome. We 've made it easier by creating a One Click Demo Content Importer.

Import All Demo Content – Now users can quickly and easily import our demo content with one click of the button. This is the preferred method because it 's the fastest and easiest way to get our demo content. Using this method will give you all our pages and posts, several sample sliders of each slider type, widgets, theme options setting, etc.. If you wish to use our One Click Demo Content Importer, please see the “How To Import All Demo Content” section in our documentation.

Some Important Items About The Demo Content

  • Images – Our demo images are not included because those are licensed stock photos which are not allowed to be shared. Instead we will replace by other images

 

Case 1:Import by our One Click Install Tool

( We recommended for Save Time for you )

Case 2:Import by hand

( if you have problem with One Click Install above )

To import our demo content with file XML, please see the steps below.


Step 1 – Install and activate these Recommend plugins before you proceed



Step 2 – Navigate to Tools panel and click on the Import tab.



Step 3 – Click the “Wordpress” link. Make sure that you saw the page Import WordPress



Step 4 – Choose file content demo: wavex\inc\importer\xml\data.xml, click Upload file and import and please check the page Import WordPress



Step 5 :

  Assign Authors:

    Import author: admin (admin)[assign posts to an existing user]

  Import Attachments: Put a check in Download and import file attachments



Step 6 – Wait for it to complete. It can take a few minutes to import everything. Once it loads, you will see a “Success” message at the top of theme options.

Step by Step

Step by Step

Step by Step

Configuration

The header is probably among the first things you want to setup. The header consists of almost everything above, even the menu. There are several elements in the header and several customize ways, including images, colors, content, design, etc. All can be done via our Fusion Admin Panel. The following sections will cover several different sections of the header, include:

General Options

Enable Smooth Scroll
Check this if you want enable Smooth Scroll effect

 

Enable Preload
You can turn-on/turn-off to show/ hide preload icon

 

Disable Built-in SEO
Check this if you use another SEO Plugins

 

Custom Favicon
Upload your image to set Favicon

 

Apple Touch Icon 76x76
Upload your Apple touch icon 76x76.

 

Apple Touch Icon 120x120

 

Apple Touch Icon 152x152

 

SEO Title
SEO Description
SEO Keyword

 

Header Options

Header Style

 

Main Navigation style

Select option to set style for menu

 

Topbar left

Option for Topbar on the left

 

Topbar right

Option for Topbar on the right

 

Topbar left text

If your option for Topbar on the left is text, please enter content here

Topbar right text

If your option for Topbar on the right is text, please enter content here

Topbar border

You can turn-on/turn-off to show/ hide Topbar border

Topbar background

You can style for topbar background here

Topbar color

Header Margin Top

If you want to add margin-top for menu, you can add here

 

Setting Up The Menu

WaveX supports custom WordPress menus, with multiple levels of dropdown support for the main menu. There are 4 areas of the theme where you can assign a menu: the main menu, the left menu, the right and the top menu. Each of these menu locations can have a custom menu assigned. Once a menu is created and assigned to the location, it will show up on the site. There are also several theme options to customize the menu. Please see below for the menu locations, how to create a new menu and the menu theme options.

WaveX Offers 4 Menu Locations

  • Primary Navigation: this is the main menu that shows in the header area.
  • Left Navigation: this is the main menu that shows in the top-left Main menu(if logo is center).
  • Right Navigation : this is the main menu that shows in the top-right side Main menu(if logo is center).
  • Top Navigation : this is the main menu that shows in the topbar area.

 

To Setup A New Menu, Follow The Steps Below.

Step 1 : Navigate to Appearance > Menus section of your admin.

Step 2 : Click the "Create A New Menu" link to make a new menu. Enter the name then hit the "Create Menu" button.

Step 3 : To add a menu item, select one of your created pages on the left hand side and click "Add to Menu". You can also add all kinds of different posts from the left side.

Step 4 : To add a custom menu item, enter a custom name and link into the "Links" box.

Step 5 : Manage your menus by using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of another menu item and it will lock into place and create a dropdown section.

Step 6 : After setting up your menu, scroll down to the bottom of the page to assign the menu to one of the 5 locations in the Theme Locations box.

Step 7 : Once its all done, make sure you click the "Save" button.

View more here

Pages

WaveX lets you create set of pages with various styles, thanks to different applicable templates, such as Home, Shop, Blog,... Choose the template that suits your needs and you may own an amazing website with WaveX then.

Create A New Page

Step 1 – Open Dashboard, go to Pages, click Add New.

Step 2 – Enter page's name.

Step 3 – In Page Attributes box (on the right), Set page's template from the dropdown list. See Page templates below.

Step 4 – Build page's content with several options in page settings: Header, Banner, Layouts,...

Step 5 - Edit page in Visual Composer with wonderful ST elements (Click on Backend editor). See our tutorial videos to create a multi-functional pages. (

Step 6 - Publish and Update page.

Page Template

WaveX now provided 4 main page templates:

 

  • Default Template:the page displayed with the most basic features, generally with text and sidebar. Notice to customize the Layout Options in bottom right side. View Demo
  • Blog Template: : the page shows your blog posts. Notice the Blog Options and Layout Options. View Demo
  • Home Template: the page displayed with Header, Banner and multi-elements that you add in Visual Composer. See our Tutorial videos for more details. View Demo
  • Shop Template: these are all the blog with Style Timeline. View Demo

 

Setting Up Home Page

 

Build your Homepage with Visual Composer Elements:

 

Visual Composer

Tutorial Videos series on Building a Homepage:

Click on the Playlist button to overview the steps to set up homepage

Contact Form

Simply install the Contact Form 7 plugin, navigate to the "Contact" option on the main dashboard menu, and select "Add New"

Edit the form fields, your contact email, and customize any of your auto messages. Save the form and then use the shortcode provided in the brown bar at the top to insert your contact form wherever you want it.

Creating Blog Posts

WaveX offers several blog post types: image, image slideshows, video and more on the way. With these features, you can emphasis your post as texts, images or video conveniently. Your posts can also easily classified into group/topic with the Categories function. To create blog posts, see our instructions below.

Steps to Create A Blog Post:

Step 1 – In your Dashboard, go to Posts, Add New

Step 2 – Enter the post's title and content in the editing field.

Step 3 – Choose Post Format in the right corner. Defaulted is Standard. Other settings please see section Post Format below the screenshot

Step 4 – Add Categories: To assign it to the post, check the box next to the Category name.

Step 5 – Add Tags: Type the words to be tagged, separate multiple tags with commas.

Step 6 – Choose Featured image: click “Set Featured Image” then choose a image for yoor post.

Step 7 – When you have finished, click Publish to save and publish the post.

You may check our tutorial video here for more detail settings:

 

Post Format

- Standard - This is the default style. The post displayed only main text, featured image just displayed on the homepage.

- Image - The post shows text with image. The image is featured image, which displayed either on the homepage or in post.

- Video - The post shows text with video. Paste the video URL in the oEmbed URL box. You can also add a featured image to be displayed on the homepage and/or in sliders.

- Audio - The post shows text with audio. Paste the audio URL in the oEmbed URL box, then a music player will be displayed on the post (we used SoundCloud in the demo)

- Gallery (Slider) - The added images showed in slider (gallery). Remember to tick on Gallery format.

Noted: Post Actions

Beside Add New action, you can also do several things with your Posts.

Pointing to each post's title, it will show some actions for you to choose: Edit, Quick Edit, Trash, View, Purge from cached

Blog Options

WaveX lets you control the Blog by several advanced tools. You may customize default settings for the Blog Page in Blog Options (Go to Appearance/Theme Options/Blog). Inside there's also Single Blog Options lets you set a default layout for each Blog Post.

In Blog Options:

Blog style

Choose how your Blog Page be displayed: Normal, Medium Image, Masonry or Timeline

Blog Tilte and subtitle

Enter the titles appear in your Blog Home.

SideBar Position

Choose weather to hide, or show side bar on the left/right

Choose Sidebar

Choose weather the Sidebar is in Blog style or Shop style

Blog top Image

Choose a general background image showed on the top of blog posts

Items per row

Choose how many posts being showed in a row in the Blog Home

The settings in Single Blog is similar to Blog Options. Just control them in your own style.

Creating Portfolio Posts

Create Portfolios to show your Projects. They will also be showed briefly on homepage at Portfolios section.

Steps To Create A New Portfolio:

Step 1 – On Dashboard, go to Portfolios, click Add New.

Step 2 – Enter the Portfolio's title and content.

Step 3 – Choose Port Format in the Portfolio Options beneath. The Format is similar to Post Format, see above.

Step 4 - Add Categories: To assign it to the portfolio, check the box next to the Category name.

Step 4 - Set Featured Image which will represented as a thumbnail for each Portfolio on homepage.

Step 4 – When you have finished, click Publish to save and publish the post.

You may check our tutorial video here for more detail settings:

 

Port Format

- Standard - This is the default style. The post displayed only main text, featured image just displayed on the homepage.

- Image - The post shows text with image. The image is featured image, which displayed either on the homepage or in post.

- Video - The post shows text with video. Paste the video URL in the oEmbed URL box. You can also add a featured image to be displayed on the homepage and/or in sliders.

- Audio - The post shows text with audio. Paste the audio URL in the oEmbed URL box, then a music player will be displayed on the post (we used SoundCloud in the demo)

- Gallery (Slider) - The added images showed in slider (gallery). Remember to tick on Gallery format.

Here is the screenshot shows Add New Portfolio page

 

 

Creating a Shop

WaveX is compatible with WooCommerce and includes full designed integration as well as custom shortcodes, enable you to create a online shop page inside. To get started with Shop, you need to install WooCommerce Plugin (Recommended).

Noted: The documentation on using WooCommerce is the very basic information you need to get started. Please take a look at the important links below that have additional information about using WooCommerce.

Add Products

Step 1 – In Dashboard, go to Products, click Add New.

Step 2 - Enter the Product's names and General description.

Step 3 – In Product Data, choose your Product type, then fill all the details (price, SKU, shipping, and more).

Step 4 - Classify your Product with Categories, then Add Tags for them.

Step 5 – Add images to Product gallery as a visual introduction to the products

Step 6 – Text in “Product Short Description” will be showed next to your main images.

Step 8 – Set “Featured Image” for each product page

Step 9 – When all's done, click “Publish” and the item will now show on your main shop page then.

View more here

Here's The Screenshot Shows Add New Product Page:

files

 

Product Setting with WooCommerce

WooComerce short codes can be used with WaveX columns and the graphics will extend full width the column size. However you need to have a Catalogue with large enough image size. You might possibly need to regenerate thumbnails using the Regenerate Thumbnails plugin. This is important in having a consistent design/layout.

Step 1: In Dashboard , go to WooCommerce menu, click Settings.

Step 2: Choose "Products" tab at top. Find the Product Image Size in the bottom. There is a “Catalog Images, Single Product Images & Product Thumbnails” here.

Step 3: Set your images size:

Catalog Image applied for images on shop page and for shortcodes.

Single Product Image applied for images on single product pages.

Product Thumbnail applied for smaller product thumbnails in widgets.

Step 4: If you do not want the image cropped, leave the height field blank.

Step 5: After customize these 3 types of images sizes, save it, and you may need to regenerate thumbnails using the Regenerate Thumbnails plugin

Step 6: After installed Regenerate Thumbnails plugin, go to media section and choose to regenerate image thumbnails so a larger size image will be created.

Noted: Your catalog image size and single product image size need to be large enough to fit the size column you want to use. Make sure that your product images are in the right size.

Example: If you want to use a shortcode in a one_half column and filled full space, your Catalog Image size should be about 600px in width, and your product image needs to be at least 600px.

files

Styling Options

Support RTL language

You can turn-on/turn-off to set style for text Left to Right

Theme Main Color

Pick the main color for the theme (default: #2ac5ee).

Body Font

Specify the body font properties

Body Background

Specify the body background

Menu Font

Specify the Menu font properties.

Menu Background

Specify the body background

Heading Font

Style for text Heading

Heading > Small Font

Style for text Heading > Small Font

CSS Code

Paste your CSS code there.

Configuring WPML

WPML consists of several modules. The basic module turns WordPress sites multilingual. Other modules help with an enhanced translation process, string translation, media translation and other functions.

You can learn about the different modules in the WPML Core and Addons page.

After you enable WPML, you’ll see a Multilingual Widget in the Admin Dashboard. This widget provides access to the different functions in WPML. You can also access them through the WPML menu.

  • Languages – Determine the site’s languages and control how different language contents are organized.
  • Theme and plugins localization – Choose between the traditional .mo files or using WPML’s String Translation.
  • Navigation – Control the appearance of site-wide navigation based on WordPress pages.
  • Sticky links – This is an essential function for running full websites with WordPress. It guarantees that links between pages can never break.

 

Translating Site Content

 

WPML creates different posts, pages and custom types for translations and connects them together. This means that every page has its own title, body and meta-fields.

WPML offers two ways for translating content:

  • Manually, by clicking on the + icons
  • Using WPML’s Translation Management module

Translation Dashboard

 

Learn how to translate posts, pages and custom data types in - translating your content. You can also translate post categories and custom taxonomies.

Most WordPress sites contain texts outside of posts. WPML translates these texts using the String Translation module.

To display image galleries in translated content, you should use WPML Media. It will allow you to connect the same media files to content in different languages.

 

Advanced Translation

Once you’ve translated the site’s content and general strings, you might be interested in translating the site’s navigation and using localized permalinks.

Learn more about:

Make your site run faster

Get a good hostingYou may not think that this is important, but if you want your site to display really fast you need to get a good hosting. This is the first step in having a fast site, which also translates into more views, which also translates into a better SEO, which finally translates into more sales. (affiliate links below)There are three hosting companies which i recommend:

  • Media Temple: http://mediatemple.net - if you want a premium WordPress hosting which is easy to manage and works pretty well, this is a good choice to host your website on.
  • A Small Orange: http://asmallorange.com - this is another good hosting company, which i’m currently using to host my theme demos on. If you bought this theme you probably liked the speed as well, so i highly recommend ASO to host your themes on (especially the Cloud VPS option).
  • WPEngine: http://wpengine.com - definitely not as cheap as the two examples above, but if you really want an incredibly fast website and absolutely no headaches in managing it, WPEngine is the way to go. With it you don’t have to worry about security, caching, updates, etc. Everything is handled by a great theme of professionals ready to help you with everything. You just need to care about your content.

Optimize images

Always optimize/compress your jpeg images before uploading them to the server. Large images should be compressed at around 90% image quality and you should also try to limit the use of lossless image files (uncompressed pngs).


Use a caching plugin

I can’t recommend enough the necessitiy go good caching. If you use a managed hosting such as WPEngine you don’t need this. But if you are using ASO or MT or any other hosting you need to cache your content. For this purpose, i recommend W3 Total Cache! It’s a great and easy to use plugin, and with only a bit of work you can double your site’s speed.