Shinetheme !mg99 Theme Documentation

1. Website Basic Infomation

1.1. Hosting Requirements

To run WordPress with Zephyr you need a web host that has the minimum requirements below:, :

  • PHP version 5.3 and later
  • MySQL version 5.0 and later
  • The mod_rewrite Apache module

There are many hostings that will be suitable for these parameters. You can contact with your potential hosting providers and ask them for the hosting which can be compatible with WordPress. Or you can find companies that specialize in WordPress-sites hosting, for example Bluehost.

1.2. Wordpress Information

“WordPress is an open-source and free Web publishing application, content management system (CMS) and blogging tool built by a community of developers and contributors. WordPress allows users to build dynamic websites and blogs that may be updated, customized and managed from its back-end CMS and integrated application and components.” (*)

WordPress is a base to help you build your favorite themes. Therefore, let’s get WordPress installed before purchasing any WP theme. If you need help to install WordPress, please follow the instructions in WordPress Codex or you can watch the Instruction Video created by Woo Themes. Below are some useful links that may help you dig into WordPress:

1.3. WorWebsite Data Backup

Step 1: Download All-in-one WP Migration and install it. Navigate to Site Migration > Export

Step 2:Click Advanced options to expand them. Select checkboxes to choose data that do not need to be backed up (excluding themes and plugins may be a good idea sometimes)

Step 3: Click Eхport button to start exporting.

Restore

Navigate to Site Migration > Export. Then drag&drop backup file to upload it.

2. Installation

We presented the guides below assumed that you have WordPress already installed. (If you haven't, go there for WordPress installation guide). The image99 theme can be installed by two methods: through WordPress, or via FTP. Check the Installation Via WordPress and Installation via FTP sections for each method.

2.1. What's include

When purchasing image99 theme from Themeforest, you will be able to download ARC files with your Themeforest account. There will be two packages for you to choose: The Main Files contains all files, or the Installable WordPress Theme files with just necessary installable WordPress theme files.

If you choose Main Files, there will be an image99 Theme Folder included:

  • image99 Theme Folder – contains the image99.zip and image99-childtheme.zip. The child theme is particularly designed for users who want to make code change.
  • Licensing Folder - contains the licensing files. (This is not your purchase code that you need to download from Themeforest).
The Installalable WordPress Theme includes only the image99.zip file
  • image99.zip - this is the parent wordpress theme. We recommend you install it via WordPress panel. If you install it via FTP, you have to unzip it and use the extracted folder.

2.2. Installation Theme

2.2.1 Installation via WordPress

Follow the steps below to install image99 via WordPress.

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

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 "image99.zip" on your computer.Click "Install"

Step 4 - Wait the theme being uploaded and installed.

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

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

The “Are You Sure You Want To Do This” message may occur, means that 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.

Active Plugins

Active Plugins

2.2.2 Installation via FTP

Follow the steps below to install image99 via FTP.

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

Step 2 – Unzip the downloaded package from Themeforest. Find the folder theme and find the file image99.zip in it.

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

Step 4 – Click Browse button and find the file image99.zip on your computer. Click "Install".

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

2.3 How to update the theme

You can update your theme via FTP or via WordPress admin panel. However, make sure that you have already downloaded the latest version of the theme from Themeforest first.

Important Update Infomation

Each update version comes with new amazing features and we will try our best to bring them immediately to you. Below are some things you need to prepare before updating.

-  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 "image99" 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 image99 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 Visual Composer - When update versions comes with new version of Visual Composer, you should delete old-version and re-install it again.

3.Import XML for Demo Contents

When any Wordpress theme first being installed, it will not contain all the extra content that you might see 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 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.

3.1 Recommended Plugins

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

  • OptionTree
  • MailChimp for WordPress
  • Contact Form 7
  • WPBakery Visual Composer
  • Shinetheme core

3.2 Import by our One Click Install Tool

( We recommended for Save Time for you )

After install and activate all plugin that we recommend you, please navigate to Theme Settings > One-Click Install Click in import demo content and wait the demo content being imported (take a minutes)

3.3 Import by hand

( If you have problem with One Click Install above )

Import data XML

Look for Import XML folder in unzipped package downloaded from themeforest and use the XML within it (import xml/data.xml).
Go to the WordPress Admin > Tools > Import and click WordPress as displayed in image below.



At 1st time you need to install WordPress importer plugin



Once installed you need to activate the plugin and run the importer.



Select the XML file from Import XML folder in unzipped package that you have downloaded from themeforest.

There are 14 files XML



After importing XML file.

  1. Assign posts to an existing author.
  2. Mark the checkbox to download and import file attachments
  3. Click 'Submit' button



Import process can take few minutes. So wait for it and try to keep the focus on current tab in your browser.

After that is done, you will have bunch of posts, pages, properties and other contents as on the theme demo.




Notice: – Our demo images will not be included because those are licensed stock photos which are not allowed to be shared. Instead we will replace by default images

4. General Guide

4.1 Menu

image99 supports custom WordPress menus, with multiple levels of dropdown support for the main menu. You can assign a menu: Primary Navigation. 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.

Create normal Menu:

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 Primary Navigation .

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

Create Mega Menu:

To create 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 build a mega menu item, select one of your created pages (or post) on the left hand side and click "Add to Menu".

Step 4 : Like the screenshot beside on the red square, You just need Enter the Navigate fashion, add media and Sub content on each field

Step 5 : Choose Column size

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

Note: If you want to add more CSS code for menu, you can add class on field CSS Class (optional)

4.2 Widget & Sidebar

Step 1 : To add content to the sliding bar, navigate to "Appearance > Widgets"

Step 2 : You will see 14 widget sections on the right hand side, SlidingBar Widget 1-13. Your widgets are located on the left hand side.

Step 3 : Simply drag and drop the widgets you want from the left side into the sliding bar widget sections on the right side. See the screenshot below.

Blog Sidebar Widgets in this area will be shown on blog page.

4.3 Disable Comment

You can disable comments in Pages and Portfolio Items for the whole site in Theme Options. Or you can disable comments for each page (portfolio item) individually. Instructions are the same for both.

Step 1: Add a new Page or select existing.

Step 2: Navigate to Screen Options and select Discussion checkbox.

Step 3: Find the Discussion below the text entry field and disable comments.

Step 4: Please don't forget to save changes.

4.4 Extra

5. Support

To give you, our dear clients, the most satisfaction and convenience when purchasing and using our themes, all our products come with free support via our dedicated Support Forum. Support team is available in every question regarding theme’s features or problems.

To get 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 to be the same with your Themeforest purchased username.

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

Note:
- We will not work with your code customizations or third-party plugins. If you need help in these problems, please contact a developer to solve them.
- Your ticket will be posted in public so you are advised not to include any personal information in the first post. From the second post on, you can set your reply private.

[button size="large" color="blue" url="http://support.shinetheme.com/wp-login.php?action=register" ]Create New Account[/button]

6. Theme Options

You can edit and control image99 Theme settings through the powerful Theme Options panel. Easy to edit without concern to any single code line.

Go to your admin Dashboard, navigate to Theme Options.

6.1. General Setting

6.4. Layout Setting

  • Sidebar Blog Select sidebar position for Blog page
  • Sidebar select display in blog Choose sidebar you want to show on Blog page
  • Sidebar Page Select sidebar position for page
  • Sidebar Position on Page Archives: Select sidebar position for Archives page
  • Sidebar in Archives page Choose sidebar you want to show on Blog page
  • Sidebar Single Post Select sidebar position for Archives page
  • Sidebar select display in single post Choose sidebar you want to show on Single blog
  • Position Format Single Post On single Blog if you want to show image / video/ gallery (depend on Post format) beside Sidebar you can choose In content, or over Sidebar you can choose Top
  • Number post related is show on Single Blog
  • Add new SideBar This function allows you to create new slides in widgets.

6.5. Styling Setting

  • Right to leftSupport sites to use Right to Left language such as Arabic, Hebrew and so fortH
  • Main color Set up your theme main color. It may match with your brand's color or any color you like. (default: #2ac5ee)
  • Body Background image Upload image you want to show on Body background
  • Content Background color Pick the color for the content of body site
  • Style CSS enable you enter custom CSS code to make some custom change in theme.

6.6. SEO Setting

  • SEO active Enable this option if it is helpful on your site
  • Default Title
  • Default Description
  • Default Keywords

6.7. Typography Setting

Add Typography for each part

Add Google font Choose Google Fonts for theme.

7. Pages

Pages are probably among the the most important contents in a site. You can create as many pages as you want, in different templates and styles, such as homepage, normal page (default), footer page, blog page,... Visual Composer is also a power tool in building multifunction sections in your pages.

7.1 Visual Composer

Visual Composer for WordPress is a drag and drop frontend and backend page builder plugin that will save you tons of time working on the site content. You will be able to take full control over your WordPress site, build any layout you can imagine – no programming knowledge required. Moreover, now you can choose either work on a backend or move your page building process to frontend and instantly see changes you make. Learn more about Visual Composer

7.2 How to create Home pages

A Homepage may included various sections: Banner, Menu, Sections,... In image99, it may also included Search Fields Box, Last Minute Deal, Top Destinations,... Current version of image99 have 8 variants of Homepage:

Tutorial videos on set up Homepage sections

To create Header page:

Step 1: Navigate to Pages > Add new

Step 2: Use Element of VisualComposer to build Header content

Step 3: navigate to Appearance > ThemeOptions > General Settings> Page for Header, then choose the page you created to set Header

7.4. 404 page

To create 404 page:

Step 1: Navigate to Pages > Add new

Step 2: Use Element of VisualComposer to build 404 content

Step 3: Navigate to Appearance > ThemeOptions > General Settings> Page for 404, then choose the page you created to set 404

To create Footer page:

Step 1: Navigate to Pages > Add new

Step 2: Use Element of VisualComposer to build Footer content

Step 3: navigate to Appearance > ThemeOptions > General Settings> Page for Footer, then choose the page you created to set Footer

View more here

7.5 How to setup Contact-form

Step 1: Make sure you have installed the Contact Form 7 plugin (which should be done in the installation of the theme).

Step 2: Navigate to the "Contact" option on the main dashboard menu, click "All" then Edit one contact form, or select "Add New"

Step 3: 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. Remember to enter your email replaced the test@gmail.com so you can receive the messages.

7.6. How to create Mailchip

Mailchimp is an email marketing service provider. It is included in Footer, standing first rowon footer, To create Mailchimp, please follow the instruction below:

Step 1: Navigate to Mailchimp for Wp -> Forms -> Form Mark-up

Step 2: In Form Mark-up, copy this code below in it

Step 3: Add this shortcode on Page for Footer

8. Creating Blog Posts

Eight offers several blog post types: standard, image, gallery, video, audio, quote and link. With these features, you can emphasis your post as texts, images, slider, audio, link or video conveniently. Your posts can also easily classified into group/topic with the Categories function. The News will be organized in a very smart and creative way. 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.

Step 4 – Depends on each particular format that you choose to use specific button/field to add content for posts. Please see section Post Format below the video

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

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

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

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

 

Post Format

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

- Image - The post shows text with image. Using Add Media button below post's title to add pictures.

- Gallery - The added images showed in slider (gallery) on top of the post. Use Slider button to add images.

- Video - The post shows a video on top. Paste the video URL in the Media URL box.

- Audio - The post shows text with audio. Paste the audio URL in the Media URL box, then a music player will be displayed on the top of the post.

- Quote - The post's content shows text being quote. Use the " symbol on the toolsbar

9 Translations

9.1. WPML

The theme may be configure to be a multilingual site. You can visit WPML site learn more WPML.

After that the WPML wizard will guide you to properly configure the multilingual site.

For reference: the widgets and theme options can be only translated using the String Translation.

9.2. Manual translation

All our WordPress themes are translation-ready which means that you can easily translate them into any language you want. Here are some instructions: Firstly, navigate to Settings -> General -> Site language, choose your language. General Settings ‹ Traveler — WordPress Secondly, navigate to the folder of the theme (wp-content/themes//) and in the folder languages/ (of the theme) you will find file file traveler.po and traveler.mo are default language files that we provide for you to customize in your language.. Please try doing following steps: 1. Rename traveler.po and traveler.mo as language corresponding with your website ( For ex, German, rename them as de_De.po/ de_DE.mo ) 2. Change some information to activate language file, please look at this image: 3. Load this file (as the catalog) in the PoEdit and start translating. When done, save the .po file in the folder translations (there are en_EN.po and en_EN.mo files already there as an example). .mo file will be automatically created next to the .po file. This is an example of translating: NOTE: Remember to back up your language data before updating the new version of the theme.

10. Extras

10.1. Demo Images

All the images shown in the demo page of Shinetheme are copyrighted and come blurry with the theme (demo content).

10.2.Child Theme

1. About Child theme

A child theme is a theme that inherits the functionality and styling of another theme called parent theme. Child themes are the recommended way of modifying an existing theme without causing any changes in parent theme’s code as well as losing any modifications.

A child theme is recommended to use as the following reasons:
  • Using a child theme ensures your modifications to be preserved when the parent theme is updated.
  • Using a child theme can save you more time.

2. How to activate Child theme in Traveler

The child theme of Traveler enclosed in Traveler package is called Traveler-Childtheme.

To activate the child theme:

Step 1 - Go to Dashboard -> Appearance -> Themes -> Add new theme -> Upload Traveler-Childtheme. Wait for a second.

Step 2 - Click Activate the theme.

For example, if you want to modify custom.css without making changes in Traveler code and being lost when updating, copy and paste custom.css in Traveler-Childtheme.

Step 1 - In imag99-Childtheme folder, create a new folder named Css.

Step 2 - Copy custom.css from Css folder of the parent theme then paste it in Css folder of the child theme. Now you can modify any parts.

pic 4