INNOVATION
Documentation & Usage
- Created by: ThemeRuby
- Demo URL: http://demo.themeruby.com/innovation
01. Getting Started
Thank You!
First of all a huge THANK YOU for purchasing our WordPress Theme at Themeforest. If you have any questions that are beyond the scope of this help file, please contact me via support tab of item at Themeforest. You can also follow me on Themeforest to keep track of all theme updates and future themes.
Theme Requirements
In order to proceed with the theme installation, you need to make sure you have the latest version of WordPress (3.5+) on your self-hosted site.
If you are new to WordPress, I would recommend learning a little bit about it before you get started. Bellow is helpful Resources to get you started with WordPress:
02. Install Theme
Theme Installation via WordPress
In order to install this Theme into WordPress, you should directly upload the innovation.zip file via the WordPress Theme Uploader.
- Unzip download file then find innovation.zip file. Please skip this step if you download only theme package.
- Log into your admin panel and browse for Appearance → Themes.
- Click Add New
- Click the Upload Theme
- Follow the instructions by choosing the file "innovation.zip", located in the archive which you have downloaded from ThemeForest and click Install Now button.
- Click Activate, once the upload has finished.
- Then you will see a notification message to activate the required plugins. Follow the steps to install and activate each plugin.
Theme Installation via FTP
A further option to install this Theme, would be to upload it via FTP manager. It really doesn't matter which of the two ways you choose, use this way when you get problem install via Wordpress.
- Login to your FTP account and navigate to your WordPress Installation directory.
- Navigate to the folder
/wp-content/themes
- Unzip theme file innovation.zip on your computer
- Upload the "innovation" folder (not the .zip-file)
- Now log into your WordPress backend
- Navigate to Appearance > Themes
- Find the Theme and click Activate
Plugins I would recommend:
- Redux Framework - This is an important plugin for theme, that is theme options of theme and you must to install it before do anything with theme..
- Ruby Import - If you want to get one click to import all demos, you must to install and active it, You can also disable it after you finish the import.
- Envato Wordpress Toolkit - This plugin will let you know when our theme is updated. Install the plugin and enter your Envato Marketplace username & and your API key.
Tiled Galleries Carousel Without Jetpack - Display gird gallery in single post
Contact Form 7 - Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup
MailChimp for WordPress - MailChimp for WordPress, the absolute best. Add subscribers to your MailChimp lists from your WordPress site, with ease.
Regenerate Thumbnails - Usefull if your site already have a lot of content and images. Allows you to delete all old images size and regenerate the thumbnails for your image attachments.
Widget Importer & Exporter - MailChimp for WordPress, the absolute best. Add subscribers to your MailChimp lists from your WordPress site, with ease.
03. Import Demo
I strongly recommended to run Demo Import only on a fresh WordPress site. Try import theme options and widgets if you site already data.
Some copyrighted images won't be imported.
One Click To Import Demo (optional)
With the Innovation theme, you have the option to either start building your site from scratch, or choosing to import one of our demo sites to use as a starting point, and modifying it to suit your needs.
Innovation comes with a one-click import feature. To import one of demo sites, please follow these steps:
- Log into your admin panel
- Navigate to Innovation (Theme Options) -> Demo Importer
- Select what demo you wish, Then click on Import
If the process is still not running after 10 min, You can refresh page and click import again.
Import Demo Via XML file (optional)
1. Import data
The theme comes with a .xml file containing demo content you can import into your WordPress site. This will help you get started, in case you are running on a fresh WP installation with no content at all. To upload the demo content follow this steps:
- Navigate to Tools → Import.
- Click on Wordpress link (if the Importer plugin is not installed, install it now).
- Select the content.xml file located in the archive which you have downloaded from ThemeForest and click Upload file and import button. This process may take a few min
- After finish, Navigate to Appearance -> Menus -> Menu locations then assign Menu for menu and then click Save.
- Your are done! Now your site is populated with demo content.
1. Import Theme Options
- Select the theme-option.txt file located in the archive which you have downloaded from ThemeForest. Open this file with TXT editor, select all text and then copy it.
- Navigate to Innovation(Theme options) → Imported/Exported. Click Imported from file. and then paste text you have just copied. And then, click Import (2 times)..
3. Import Widget
Migrating From Another Theme
If you are migration from a theme which used the native featured images functionality of WordPress, please use the Regenerate Thumbnails plugin to resize all the thumbnails. Click the link above and download the free plugin, and read through the steps it contains, it has all the information you need.
04. Theme Options
-
If you want to change the general Options of the Theme, navigate to your Admin Pannel -> Innovation. Here you have a tabbed Navigation where you can change a lot of Options of your new Theme (General, Styling, Typography etc.)
With Theme Options you easily take control over your site, by allowing you to upload your logo and favicon, style the appearance of the theme with your custom colors, change fonts, turn features on and off, paste custom CSS and JS code, paste the Analytcs code without having to write any code.
05. Setting Up Header
Header Options
- One of the first things you might want to do after you have installed and activated your INNOVATION theme is to set up your header area. The header contains the logo, menu, search bar, side area bar, and social icon.
- To set up your header, go to Innovation → Header Options from the admin panel. The settings you define here will be the default settings for header site.
Header Style
To choose header style for the site, Please navigate to Innovation -> Header Options -> Header Style
Logo
To add your logo to the header, Please follow below steps:
- navigate to Innovation -> Header Options from the admin panel
- Then select tab Header Style Options -> Site Logo (Matching with header style you have chosen), Then lick on Upload to upload your logo
Off Canvas
To setup Off Canvas for your Innovation theme, Please navigate to Innovation -> Header Options -> Off Canvas Options
06. Setting Up Home Page
Use the Pagebuilder to setup HomePage (For News, Magazine Website)
Step 1: Prepare the page:- Navigate to: Pages > Add New
- Enter the title for this page: Homepage or Home or whatever you wish.
- At the right side of your screen find the "Page Attributes" box and select "Page Composer" in the "Template" dropdown
After selecting the "Page Composer" template you see the Page Composer interface which easily lets you create the homepage layout. To get started please click on sections you want to create.
- Full Width Section - Display content without sidebar.
- Has Sidebar Section - Display content with sidebar.
- After selecting the section. You will see all the available blocks in this section you can add to your homepage.
- Navigate to: Dashboard > Settings > Reading
- At the "Front Page Displays" option select "A static page"
- At the "Front page:" dropdown, Please select your "Homepage" page.
- You are done! Now you have your Homepage.
Setup HomePage as the latest blog listing (For Blog Wesbite)
To set up Homepage, Please following below steps:
- Navigate to Settings -> Reading
- At Front page displays option, select Your latest posts
Innovation includes many of the features and layouts I have implemented into it to help you create a standout blog. To setup up home page layout, Please navigate to Innovation -> Blog Options
09. Setting Up Categories
Creating category
To start managing categories, You must to create category first
Please navigate to Posts → Categories. First do all the usual stuff: type the category name and slug
Setting Up Category
To get started, Please navigate to Innovation → Categories Options then select category you want to change
Below is list some options of category page options
- Category Layout - Select the layout for this category.
- Big Post First - Display classic layout at first post.
- Category Sidebar - Select custom sidebar for category.
- Sidebar Position - Select sidebar position for this category. This option will override default sidebar position setting.
10. Adding New Post
Creating new post
To create a new post, Please navigate to Posts → Add New.
Post Formats
INNOVATION support four WordPress native post formats. Each format has it's own custom fields (except Standard) for simple content making.
- Standard - uses only the default fields.
- Video - when you select this format a custom "Video Post" field will apper below the editor. Paste here the URL of the page with the video you want to add. Most of the video hosting sites are supported such as Vimeo and YouTube.
- Gallery - when you select this format a custom "Gallery Post" box will apper below the editor. Adding the gallery:
- Click the "Add Image". The images manager will appear.
- Upload images you want to be in the galley
- Hold down the Ctrl key and select the images with your mouse. Click the "Select" button at the bottom. Now your images are added to the gallery
You can drag & drop the images to rearrange the order.To remove the image from the gallery, place the mouse over the image and now you see the remove icon on the top right corner of the image. If you want to add another image click on "Add Image" button again. - Audio - when you select this format a custom "Audio Post" field will apper below the editor. Paste here the URL of the page with the audio track you want to add from Sound Cloud.
Post Options
By using options in this box you can desire what happens in single post and add this post to different locations of your site.
- 1. First Paragraph - You can select drop cap or or style for each post.
- 2. Post sidebar - You can assign sidebar for each post. This option will override default post sidebar in single options.
- 3. Sidebar Position - You can select sidebar position for each post.
- 4. Show Comment Box - You can disable comment for each post .This option will override default post sidebar in single options.
Review System
Innovation support review system to help you create the product review post. To enable review for post, Please navigate to Post Review -> Enable Review
11. Adding New Page
Creating New Page
To create a new page, Please navigate to Page → Add New
Author Team Template
INNOVATION support author team template. To create author team page, Please following below steps:
- navigate to Pages -> Add New
- At Page Attributes box, select Author Team in Template option
Input your author content, then click on Publish
To setup author team page, Please navigate to Innovation -> Page Options -> Author Team Options
13. Customization
There are two ways to customize the theme without changing it's core files.
Custom CSS Code Via Theme Options
To style the theme with custom CSS, navigate to Innovation -> Custom Code. The text box Css Code is where you can write your own CSS code.
Custom Code Via Child Theme
Install child theme, then active it. You can now write your css into style.css of child theme. You also can do more with child theme if you are developer
Custom Code Via Custom Folder
- open theme directory and then find custom folder.
- Custom folder include 2 file: custom.css and custom.js, you can write your css and javascript here
14. Translating theme
Translate via 3rd party plugin
To translate your entire website, Please follow below steps:
- Tell WordPress what language to use. Visit "Options > General" and select your language
- Download the plugin: https://wordpress.org/plugins/loco-translate/
- Follow the instruction steps of the plugin, create a .PO file and translate what text you wish.
Translate via PO.file
To translate your entire website, Please follow below steps:
- Tell WordPress what language to use. Visit "Options > General" and select your language
- Download and install POEDIT: https://poedit.net/
- Connect to your site folder via FTP or Cpanel -> open your theme/languages directory
- Look for the innovation.pot file in the theme package, downloads and open it with POEDIT.
- Translate what the test you want and save it ie: pt_PT( pt_PT is an Internationalize code name, pt_PT is Portugues), You need to save the file name to fit with your language. You can find here: https://wpcentral.io/internationalization/ Two files will be generated after saving.
- Upload files after translating into wp-content/themes/trenblog/languages folder
15. Updating theme
This theme may be updated periodically in order to add new features and fix bugs. When a new update be available an update message will appears on your WordPress dashboard . As a customer, you can download the most current version from your ThemeForest account..
Updating Automatically Via Envato Market
Envato has developed the Envato Market Plugin for WordPress. You can use this to receive notification of updates to themes purchased from ThemeForest and to automatically update (upon clicking) directly from within your WordPress admin area.
- After installation, click on active this plugin.
- Click the new Envato Market link in the menu and follow the instructions to configure the plugin.
Updating Theme Via FTP
- Download the most current version from Themeforest
- Unzip the package and locate innovation.zip in the theme folder.
- find and unzip innovation.zip
- Connect to your site via FTP
- Upload the theme folder you unzipped to wp-content/themes
- You should be asked to confirm overwriting of this folder and its contents. Confirm the overwrite.
Updating Manually Via Admin Panel
- Download the most current version from Themeforest
- Unzip the package and locate innovation.zip in the theme folder.
- Navigate to Appearance -> Themes
- Active default Wordpress theme as Twenty Sixteen
- Click on Innovation theme, then find Delete text, Then click on Delete
- Install Innovation as a new theme then Active theme.