1. Start
  2. Theme Features
  3. Installation
  4. Theme Options
  5. Post Type - Post (Blog)
  6. Post Type - Portfolio
  7. Template Home Page
  8. Template Portfolio
  9. Template Timeline
  10. Template Blog Timeline
  11. Template Blog Grid
  12. Template Contact
  13. Shortcode
  14. Widget color
  15. Source and Credits
  16. Say Thanks

Responsive - Wordpress Theme

Documentation 1.0


Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to post it on our forum here. Thanks so much! This documentation was made only with the Documenter (except the images)

Theme Features


  1. Full Wordpress 3.7.x Compatibility
  2. Easy installation
  3. infinite button
  4. Display Video(Youtube ID, Vimeo ID), Slider, Image, Quote, link, Audio
  5. jQuery Masonry Script
  6. the events calendar
  7. Responsive design
  8. Bootstrap integrate.
  9. Custom metaboxes
    • Portfolio Metabox
    • Post/Page Metabox
  10. Built-in shortcodes
    • Client Shortcodes
    • Quote Shortcodes
    • Portfolio Shortcodes
    • Latestnews Shortcodes
    • load Page Shortcodes
    • Our Team Shortcodes
    • Services Shortcodes
    • Download Shortcodes
    • Title Shortcodes
    • Column Shortcodes
    • Accordion Shortcodes
    • Tabs Shortcodes
    • Table Shortcodes
    • List Shortcodes
    • Alert Shortcodes
    • Button Shortcodes
    • Pricing Shortcodes
    • Skill Shortcodes
    • Youtube Shortcodes
    • Vimeo Shortcodes
    • Progress Shortcodes
  11. Shortcodes enabled in widgets
  12. Many background patterns available
  13. Advanced theme options panel (Theme Options Section)
  14. Multi level menu
  15. Megamenu

Installation


  1. Unzip the downloaded file.
  2. You will see 4 folders(document, theme, plugin, data-demo) inside.
  3. Installing with the following steps
    • Step 1: Download and install wordpress, If you do not still install WordPress you can download installation package on homepage Click here home Wordpess
    • Step 2: Install Responsive Theme in Folder Theme.

      Next...

      Next...

      Activate. Next

    • Step 5: So,you have installed Responsive theme successfully,the next step you will prepare database to serve your aim, .
      You can use our available database. If you use available database, you will continue with step 6.
    • Step 6: Install available database in folder data-demo. Tools ----> import ----> WordPress

      Next...

      Active plugin and Next...

    • Step 7: Finish installation

    Logo & Favicon

    Go to Theme Options page.
    Go to Logo & Favicon.

    Menu

    You can manage main menu by going to Apearance > Menu



    Type menu's name



    Click Create Menu

    You can generate menu item from left side and drag the generated menu at the right side to sort it. After that assign menu to theme location.



    How to configure Mega Menu

    Select the menu item you want to make as mega menu and activate the mega menu option

    The first item after the the megamenu item will be recognized as mega menu columns the other items under it will be normal menu items.

    Footer Icon

    Go to Theme Options->Footer Icon

    The result

    Copyright

    Go to Theme Options->Copyright



    Social Network

    Go to Theme Options-> Social Network

    the result Copyright and Social Network

Theme Options


1. 404 Page


Go to Theme Options page.

Go to 404 Page.


Go to Theme Options page.

Go to Breadcrumb.

the result

2. Google Analytics


Place the code you get from Google here

Go to Theme Options page.

Go to Analytics

3. General Options


Estabish some general configurations for websites

Go to Theme Options page.

Go to General Option

4. Font Option


Go to Theme Options page.

Go to Font Option

You can config font, custom css for website.


Eg: Configure body font.

Guide to use google fonts

Step 1 : Click Google fonts

Step 2 :

Step 2 :

5. Background


Go to Theme Options page.

Go to Background

Establish background for website

Background is devided into 3 styles: Default, Pattern,Single Image

6. Blog Option


Go to Theme Options page.

Go to Blog Option

This configuration is set for blog, author, search, tags page.



Ex:



7. Blog Timeline

Go to Theme Options page.

Go to Blog Option

This configuration is set for "Template Blog Timeline".



Ex:



8. Blog grid option

Go to Theme options page.

Go to Blog grid option

This configuration is set for Template blog grid



Ex:



10. Slider Option

Go to Theme options page.

Go to Slider Option

This configuration is set for slider. Theme Responsive provides 4 slides : Nivo Slide, Flexslider, Zoomslider, Showbiz

Note : Note: Slide displays posts in portfolio by category; therefore you have to create data in portfolio : portfolio category and portfolio post



Nivo Slide


Flexslider


Zoomslider


Showbiz


Eg:

11. Portfolio Option

Go to Theme options page.

Go to Portfolio Option

This configuration is set for Page Portfolio



12. Timeline Option

Timeline Page has configuration as Portfolio Page click Portfolio Option

Post Type - Post (Blog)


1. To create category, go to Posts > Categories

2. To create Tags, go to Posts > Tags

3. To create blog post, go to Posts > Add New and fill your contents.



Post Option


Post Type Portfolio


1. To create category, go to Portfolio > Portfolio Categories

2. To create Tags, go to Portfolio > Portfolio Tags

3. To create blog post, go to Posts > Add New and fill your contents.



Portfolio Option


Home page settings


I. Create homepage

Go to Admin-->Pages-->Add New

Admin-->Settings--->Reading and set homepage as index page.

Continuously, you create data.

The database in "Template Home Page" uses shortcode. You can use below shortcode to add more database

Shortcode for Template Home page

The shortcode should use in "Template Home Page"

Slider Option

To configure slider for "Template Home Page", you can go to Theme Option -->Slider Options. After that, you click on Slider Option

Video

Template Portfolio


Note: Template Portfolio displays articles in Portfolio

Go to Admin-->Pages-->Add New

Next...

Next, you can go Theme Option --> Portfolio Option to establish options for Portfolio Page Click Portfolio Option

Template Timeline


Timeline Template is created as Template Portfolio

Next, you can go to Theme Option --> Timeline Option to establis options for Timeline Page. click to see Timeline Option

Template Blog Timeline


Template Blog Timeline is created as Template Portfolio

Next, you can go to Theme Option --> Blog Timeline to establis options for Blog Timeline Pageclick to see Blog Timeline Option

Template Blog Grid


Template Blog Grid is created as Template Portfolio

Next, you can go to Theme Option --> Blog Grid to establish options for Blog Grid click to see Blog Grid Option

Template contact

Go to Admin-->Pages-->Add New

Next...To add google maps, you go to Theme option --> Contact map

You go to Google Maps and get code iframe

You will go Contact form



Next



Next, you can copy this code in Forum

<div class="row-fluid custom-form">

<div class="span5"> <div class="control-group">

[text* your-name placeholder "Name (required)"] </div>

<div class="control-group">

[email* your-email placeholder "example@gmail.com"] </div>

<div class="control-group contact-object">

[text your-subject placeholder "Subject (required)"] </div>

</div>

<div class="span7">

<div class="control-group contact-message">

[textarea your-message] </div>

<div class="form-actions">

[submit class:btn btn-contact validate id:form-submit "Send Email"] </div>

<div class="clearfix"></div>

</div>

</div>

Next...go to page --> contact and edit page contact

Shortcode


We provide shortcode button for easier use at the text editor.

1. Client


You click in icon Client, a window appears as follow:

Here is the result:

2. Quote


Shortcode displays an article in post with quote type

Note : To use shortcode, you have to have article with quote type. Click to create post

You click in icon Quote, a window appears as follow:

Here is the result:

3. Shortcode Portfolio


You click in icon Portfolio, a window appears as follow:

Here is the result:

4. Shortcode Latestnews


You click in icon Latestnews, a window appears as follow:

Here is the result:

5. Load page


This Shortcode displays a content of page

Note : To use this code, you have to have page post

You click in icon page, a window appears as follow:

Here is the result:

6. Our team


You click in icon Our Team, a window appears as follow:

Here is the result:

7. Services


You click in icon services, a window appears as follow:

Here is the result:

8. Download


You click in icon Download, a window appears as follow:

Here is the result:

9. Title


You click in icon Title, a shortcode appears as follow:

[title]content[/title]

Here is the result:

10. Column


You click in icon Column, a window appears as follow:

Here is the result:

11. Lists


You click in icon list, a window appears as follow:

Here is the result:

12. Accordion


You click in icon accordion, a window appears as follow:

Here is the result:

13. Tabs


You click in icon tabs, a window appears as follow:

Here is the result:

14. Youtube


You click in icon Youtube, a window appears as follow:

14. Vimeo


You click in icon Vimeo, a window appears as follow:

13. Button


You click in icon button, a window appears as follow:

13. Skill


You click in icon skill, a shortcode appears as follow:

[skill icon="mobile-phone, film , search" progress="10 to 100" background="blue, bluelight, green, violet, green-light, blue-light, green-dark "]Content skill[/skill]

13. Alert


You click in icon Alert two or Alert one, a shortcode appears as follow:

[alert_two background="info or error or success" title="title for alert" content_alert="content for alert"][button_alert link_text="#" link_url="#" color="red or gray or info orange or primary "][/alert_two]

[alert_one type="info or error or success"]content[/alert_one]

13. Pricing


You click in icon Pricing, a shortcode appears as follow:

Here is the result:

13. Table


You click in icon table, a shortcode appears as follow:

[table style="bordered or striped"][thread class="selected-row"][th]title 1[/th][th]title 2[/th][/thead][tbody][tr class="selected-row"][td]content[/td][td]content[/td][/tr][tr][td]content[/td][td]content[/td][/tr][/tbody][/table]

13. Progress


You click in icon Progress, a shortcode appears as follow:

[progress type="warning or danger or success or info or default" progress="100 to 10"]content[/progress]

widgets color


To create colourful widgets, you can add class in CSS class

Source and Credits


Plugin

  1. Option Tree
  2. Aqua Resizer
  3. WP-PageNavi
  4. Contact Form 7
  5. Breadcrumb navxt
  6. Simple CSS For Widgets

Scripts

  1. jQuery
  2. HTML5
  3. Bootstrap
  4. jQuery FlexSlider
  5. jQuery FlexSlider
  6. jQuery Infinite Scroll
  7. jQuery Isotope

Icon

  1. http://twitter.github.com/bootstrap/
  2. http://fontawesome.io/

Images

  1. flickr

Fonts

  1. Google Fonts

Say Thanks


Satisfied with Responsive theme? Say thanks by rating it online on Themeforest. Satisfied with our support and overall work? Say thanks by rating us on Templaza profile page.