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 Contact
  11. Shortcode
  12. Source and Credits
  13. Say Thanks

Nicanian - 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.8.x Compatibility
  2. Easy installation
  3. infinite button
  4. Display Video(Youtube ID, Vimeo ID), Slider, Image...
  5. jQuery Supersized Script
  6. Responsive design
  7. Custom metaboxes
    • Post/Page Metabox
  8. Built-in shortcodes
    • Column Shortcodes
    • Progress Bar Shortcodes
    • Accordion Shortcodes
    • Tabs Shortcodes
    • Table Shortcodes
    • List Shortcodes
    • Alert Shortcodes
    • Button Shortcodes
    • Pricing Shortcodes
  9. Shortcodes enabled in widgets
  10. Many background patterns available
  11. Advanced theme options panel (Theme Options Section)
  12. Multi Menu

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 still do not install WordPress you can download installation package on homepage Click here home Wordpess
    • Step 2: Install Theme Responsive in Folder Theme.

      Next...

      Next...

      Active theme. 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.



Theme Options


1. 404 Page


Go to Theme Options page.

Go to 404 Page.

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: Config body font.

Go to Theme Options->Footer option

Footer Option including: Custom introduction, widget footer, social, copyright

5.1 Custom Introduction

you can change code below at your disposal:

<div class="main-inner2 clearfix"> <div class="ja-box column ja-box-left" style="width: 30%; min-height: 95px;"> <div class="ja-moduletable moduletable clearfix" id="Mod99"> <div class="ja-box-ct clearfix"> <div class="custom"> <p><img class="alignnone size-full wp-image-83" alt="logo" src="http://demo.templaza.com/w/nicanian/wp-content/uploads/2014/02/logo1.png" width="206" height="45" /></p> </div> </div> </div> </div> <div class="ja-box column ja-box-right" style="width: 70%; min-height: 95px;"> <div class="ja-moduletable moduletable clearfix" id="Mod100"> <div class="ja-box-ct clearfix"> <div class="custom"> <p>Hello! Thanks for stopping by to check out my work. I'm a freelance photographer based in Concord, NH. You can access my projects by clicking on the images above. I am available for editorial and portraiture work throughout the northeast and for weddings nationwide.</p> </div> </div> </div> </div> </div>

5.2 Copyright

Go to Theme Options->Copyright



5.3 Social Network

Go to Theme Options-> Social Network

the result Copyright and Social Network

5.4 Guide to use google fonts

Step 1 : Click Google fonts

Step 2 :

Step 2 :

6. Background


Go to Theme Options page.

Go to Background

Establish background for website

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

7. Home Option


Go to Theme Options page.

Go to Home Option

This configuration is set for home page



Ex:



8. Blog Option


Go to Theme Options page.

Go to Blog Option

This configuration is set for blog,author,contact



Ex:



9. Portfolio Option

Go to Theme options page.

Go to Portfolio Option

This configuration is set for Page Portfolio



10. 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.



Tutorial 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

Tutorial Video

Click "Portfolio" demo

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

Click "Timeline" demo

Template contact

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

You go to Google Maps and get code iframe

You will go Contact form



Next



Next, you can copy this code in Forum

<h3 class="title_contact">Drop us a line</h3> Sed dictum egestas turpis nec blandit. Vivamus id erat sed orci aliquam feugiat vitae id ipsum. Nulla sed erat sed tortor volutpat accumsan. Morbi ac nisi augue, sit amet imperdiet elit. In diam turpis, eleifend non malesuada dignissim, rutrum at tellus. Etiam sed mauris velit. Nam porta arcu bibendum quam tempor eu feugiat diam varius. Cras et dapibus justo. <iframe src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Paris,+France&amp;aq=0&amp;oq=paris&amp;sll=41.853196,-101.711426&amp;sspn=8.77072,21.643066&amp;ie=UTF8&amp;hq=&amp;hnear=Paris,+%C3%8Ele-de-France,+France&amp;t=m&amp;z=12&amp;ll=48.856614,2.352222&amp;output=embed" height="390" width="100%" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> [one_half] <h3 class="address">Send us a Message</h3> [contact-form-7 id="159" title="Your contact"][/one_half][one_half_last] <h3 class="address">Get in Touch</h3> Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words.2516 Market Avenue Cleveland, OH 44113 <a href="mailto:info@templaza.com">info@templaza.com</a> <span>+1 (216) 771-4405</span> <span>+1 (216) 771-4404</span> [/one_half_last]

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

Shortcode


Tutorial Video Creating Shortcode

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

1. Add Column


Ex: We try creating 2 columns with adding column function

Firstly, We start to create the first column:

Nextly we created the second column:

Writing the content of first column and second column: Ex: [one_half] The first column content [/one_half][one_half_last] The Second column content [/one_half_last]

Is Result:

2. List


Shortcode displays list lines that is marked

To use shortcode, you can access to Add List button on texting framework of post or Page

3. Accordion


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

Here is the result:

Click here accordion

4. Tabs


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

Here is the result:

Click here tabs

5. Button


You click in icon button :

[button typebt="blue1" shadowbt="1" ]Button name[/button]

You only import value in code: "typebt" is colour buttons with values: blue1, blue2,red1,red2,green1,green2,yellow1,yellow2,cyan1,cyan2; "shadowbt" is buttom types with 1,2 and 3 value;

Click here Button demo

6. Progress Bar


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

[skill background="gray or {gray,gray2, white, lime, aqua, yellow, blue, black, fuchsia, gold, green,red}" width="100 or {90, 80, 70, 60, 50, 40, 30, 20, 10}" background_progress="default or {gray, yellow, green,red}" color="white or {gray, lime, aqua, yellow, blue, black, fuchsia, gold, green, red}" icon="film or{ twitter, css3, facebook-square, search, mobile-phone, star, remove, zoom-in, trash, download }"]Content skill[/skill]

Click here Progreess Bar

7. Alert one


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

[alert_one background="1 or 2 or 3" type="success or error"]content[/alert_one]

8. Alert Two


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

[alert_two background="1 or 2 or 3" title="title for alert"][alert_content content_alert="content for alert"][shortcodebt icon="check" link="#" background_bt="1" shadow="bt1" size="small or large" ]button name[/shortcodebt][/alert_content][/alert_two]

9. Pricing


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

[alert_one background="1 or 2 or 3" type="success or error"]content[/alert_one]

10. Table


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

[table][thead][th]title 1[/th][th]title 2[/th][/thead][tbody][tr][td]content[/td][td]content[/td][/tr][tr][td]content[/td][td]content[/td][/tr][/tbody][/table]

Click here Table

Source and Credits


Plugin

  1. Option Tree
  2. WP-PageNavi
  3. Contact Form 7
  4. DW Twitter
  5. MailPoet Newsletters

Scripts

  1. jQuery
  2. HTML5
  3. jQuery FlexSlider
  4. jQuery Infinite Scroll

Icon

  1. http://fontawesome.io/

Images

  1. http://www.flickr.com/photos/markjsebastian/page5/
  2. http://www.flickr.com/photos/cubagallery/page4/
  3. http://www.flickr.com/photos/ag2r/page3/

Fonts

  1. ArchitectsDaughterRegular
  2. Qarmic Sans
  3. Arial

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.