1. Start
  2. Installation
  3. Plugins Installation
  4. Demo Content
  5. Sidebars
  6. Post Formats
  7. Grid system
  8. Font Icons
  9. Color scheme

Narration

A Responsive Wordpress Blog Theme

A set-up guide and general information to help you get the most out of your new theme.

Thank you for purchasing 'Narration - A Responsive Wordpress Blog Theme'. This document covers the installation, set up, and use of this theme and provides answers and solutions to common problems and issues - we encourage you to read this document thoroughly if you are experiencing any difficulties. If you have any questions that are beyond the scope of this document, feel free to post them in the dedicated Support Forum. Thanks so much!

Narration is a full functional powerful Wordpress Theme designed & developed for Blog & Personal Websites and comes handy for Portfolio/Corporate Websites as well. It is fully responsive wordpress theme based on Twitter Bootstrap 3.x framework that makes it available for all screen sizes from the bigger ones to smartphones. Its not only responsive whereas it is retina ready also, now no blurry images on your HiDPI and retina devices.

How to use Narration Theme?

Narration is very easy to update and modify, it will adapt your website and brand in no time. Steps for modification and updating are described step by step in this exclusive documentation.

Installation

Tip: Before uploading the theme make sure you unzip the theme package downloadeded(All files & Documentation) from ThemeForest and inside of the unzipped folder upload the zip called "narration.zip"

To install this theme you must have a latest version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex – http://codex.wordpress.org/Installing_WordPress

Installation

When you are ready to install a theme, you must first upload the theme files and then activate the theme itself. The theme files can be uploaded in two ways:

FTP Upload: Using your FTP program, upload the non-zipped theme folder into the /wp-content/themes/ folder on your server.

WordPress Upload: Navigate to Appearance > Add New Theme > Upload. Go to browse, and select the zipped theme folder. Hit “Install Now” and the theme will be uploaded and installed.

Once the theme is uploaded, you need to activate it. Go to Appearance > Themes and activate your chosen theme.

Plugins Installation

Tip: These plugins are freely available on Wordpress plugins directory

For Showing multiple sidebars, Social Icons widget, Instagram and Twitter widgets we are using few free plugins.

Enable the Redux Framework, Meta Box, Meta Box show hide, narration shortcode plugins before doing anything with the theme. As per the new WordPress standards Theme's framework are now added as separate plugin. Once you install and activate the framework plugin, make sure you activate the theme options:

Installation

As soon as you activate the Narration Theme it will show up a message at top for the recommended plugins. Just go to Install Plugins page straight from the message box and follow up the screen instructions for further process. Please note you need to activate the plugins after the installation to get them to work for you.

If you have missed the recommended plugins message or have dismissed the alert box by mistake then these plugins can be installed from Appearance > Install Plugins

Installing the Demo Content

Tip: This is optional step but highly recommended. This will make your website look like the demo you see while purchasing this theme. You should activate all the recommended plugins before importing the content file.

This theme comes with a "One Click Demo" install interface which is located at Theme Options > Demo Importer. This option works great on a fresh wordpress install and it is recommended as well. Just click the "Import Demo" button and wait for couple of minutes for the theme to download all posts and placeholder images from our server. Once done you will just have to do some simple steps

Using traditional way of importing demo content

If you wish to the demo content via wordpress importer plugin and using wp native import command. For this you need to have the wordpress importer plugin installed on your website

Once installed activate the plugin (This step is not necessary if you already have the import plugin installed)

Now select the XML file from your theme download file "content.xml" , it will be in a folder called “XML Demo Content”

Once uploaded it will ask you to import the data into your WordPress user account select from the drop-down an existing user, also click on the check box that says “Download and import file attachments” Once complete all the data will be imported into your site.

Setting up the Homepage

Tip: This is the most important step to get your homepage show up as like the demo and use the template for homepage

To set up the homepage navigate to Settings > Reading and configure the “Front Page Displays” setting. Select the static page option and choose the home page as your front page and "blog" page as your posts page.

Assigning menus to their repective positions just move to Appearance > menus

Post Formats

Theme support 7 kind of post formats which can be chosen from right sidebar of create post page in your WP Dashbaord. As per the chosen format you would be able to see input fields at the left of that page.

For Video format look for field to enter your Youtube or Vimeo video URL

For Audio format look for field to enter your Soundcloud audio URL

For Quote format look for field to enter the Quotation author name

For Link format look for field to enter the URL of webpage which will be linked to your post

For Gallery format look for fields to enter the images for the gallery slider and slider settings like autoplay, pagination, nav arrows.

For standard and image formats the WP default Featured Image should work as no additional functionality is required for thosse formats.

Grid system

Narration is based upon Twitter Bootstrap css framework that is very easy to use and adapt. It follows the mobile first approach to make the website readily available for all devices and screen sizes. Bootstrap grid is based upon 12 columns that are well defined in the bootstrap.css file inside the css folder. You can get to know about the grid system in detail from this url http://getbootstrap.com/css/#grid

Icons font

Narration use font awesome icon fonts for its icons requirement and no images has been used for any icon. A complete list of icons along with the class names can be found here: http://fontawesome.io/cheatsheet/

To use an icon on any page of the theme use the below code:

All icons class name will always start with the fa- . There are several sizes for icons are predefined in the fonts.css inside css folder. i.e. fa-lg, fa-2x, fa-3x

Changing color schemes

Narration comes with 12 predefined color schemes to use it handy. To change the color of the website navigate to Theme Options > Theme Color Options