Nature Theme - Documentation

Responsive One page Html5 Wordpress theme ♥ by Metrothemes

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!


Author URL: http://metrothemes.me
Item URL: Coming Soon
Current Version: 1.0
Documentation Version 1.0
Created: 2013-06-20
Modified: 0000-00-00


× Note! Nature should install perfectly first time & every time! If you have any issues installing your theme. Visit this faq: Solving Broken Theme/Stylesheet Missing WordPress Theme Issues

Theme Installation

To install your theme in WordPress you must navigate to the menu "Appearance" on the left and then the submenu "Themes". From that page you should see your current theme "Twenty Eleven" by default OR whatever theme you currently have. Now click the "Install Themes" tab and then the text button at the top "Upload". You then should click Choose File and find your theme files on your computer and upload them. Note: You are only uploading the folder "NatureWPTheme.zip" Your final step is to "Activate" your theme.


Modify Your Permalinks Get your URL's to display post names instead of numbers

By default the pagenames will be website.com/p15 instead of website.com/about. To fix this go to "Settings" > "Permalinks" and my recommendation is to change the Common Settings to "Day and name". After choosing "Day and Name", Click "Save Changes" and your done. Your urls will now display a proper Permalink structure.




Add Header Slider Image's

  1. Goto "Header Slider" and click "Add new slide"
  2. Give Slider Title Name
  3. Only Check For First slider Item
  4. Upload Image , Image Size 1200x604px Recommend
  5. Slider caption Formate
                                            <h1>Hello</h1>
                                            <h2>Welcome To Nature</h2>
                                            <p>the green creatives Group</p>
                                        
  6. Click Publish

Prepare Service Page

  1. Go To pages and click "Add New"
  2. Give "Service" As a page title
  3. Put Short code for service item

    For this style service

    Short-Code

    [service-row]
    
    [service title="Lab Ideas"  image="http://localhost/view/wp-content/uploads/2013/04/service-1.png"  text="Lorem ipsum dolor slo onsec tueraliquet Morbi nec In Curabitur lreaoreet nisl lorem in pellente e vidicus pannel impirus sadintas"  url="#"]
    
    [service title=Green Therapy"  image="http://localhost/view/wp-content/uploads/2013/04/service-2.png"  text="Lorem ipsum dolor slo onsec tueraliquet Morbi nec In Curabitur lreaoreet nisl lorem in pellente e vidicus pannel impirus sadintas"  url="#"]
    
    [service title=Support Team"  image="http://localhost/view/wp-content/uploads/2013/04/service-3.png"  text="Lorem ipsum dolor slo onsec tueraliquet Morbi nec In Curabitur lreaoreet nisl lorem in pellente e vidicus pannel impirus sadintas"  url="#"]
    
    [/service-row]
    
    
                                        

    For this style service

    Short-Code

    [other-service-row]
    
    [other-service icon="http://localhost/view/wp-content/uploads/2013/04/other-service-2-Copy.png" title="Design Therapy" text="Lorem ipsum dolor slo onsec designs tueraliquet Morbi nec In Curabitur nel"]
    
    [other-service icon="http://localhost/view/wp-content/uploads/2013/04/other-service-2-Copy.png" title="Design Therapy" text="Lorem ipsum dolor slo onsec designs tueraliquet Morbi nec In Curabitur nel"]
    
    [other-service icon="http://localhost/view/wp-content/uploads/2013/04/other-service-2-Copy.png" title="Design Therapy" text="Lorem ipsum dolor slo onsec designs tueraliquet Morbi nec In Curabitur nel"]
    
    [other-service icon="http://localhost/view/wp-content/uploads/2013/04/other-service-2-Copy.png" title="Design Therapy" text="Lorem ipsum dolor slo onsec designs tueraliquet Morbi nec In Curabitur nel"]
    
    [/other-service-row]
    
    
                                        
  4. A short title about this page or section
  5. Click Publish

Prepare About Page

  1. Go To pages and click "Add New"
  2. Give "About" As a page title
  3. Put Short code for about page

    section-info short-code

    [section-info]Lorem ipsum dolor slo onsec tueraliquet Morbi nec In Curabitur lreaoreet nisl lorem in
    
    pellente e vidicus pannel impirus sadintas[/section-info]
            

    Team short-code

    [team]
            

    Add your team membar from "Team Membars Post type"

    Testimonial&skills short-code

    [ts-row]
    
    [testimonial slogan="What our clients say!"]
    
    [item author="Robert  Smith" post="Manager" image="http://localhost/view/wp-content/uploads/2013/04/slide-01.png" comment="Lorem ipsum dolor slo onsec nelioro tueraliquet Morbi nec In Curabitur lorem in design Morbi nec In Curabitur lreaoreet nisl lorem design desirus gamin nelliru dotacitus gojus. Vurabi. lreaoreet nisl lorem in design Morbi nec In. Gurabitur lreaoreet nisl lorem design desirus gamin tacitus gojus," ]
    
    [item author="Jeson Smith" post="Manager" image="http://localhost/view/wp-content/uploads/2013/04/slide-01.png" comment="Lorem ipsum dolor slo onsec nelioro tueraliquet Morbi nec In Curabitur lorem in design Morbi nec In Curabitur lreaoreet nisl lorem design desirus gamin nelliru dotacitus gojus. Vurabi. lreaoreet nisl lorem in design Morbi nec In. Gurabitur lreaoreet nisl lorem design desirus gamin tacitus gojus," ]
    
    [item author="Bub Smith" post="Manager" image="http://localhost/view/wp-content/uploads/2013/04/slide-01.png" comment="Lorem ipsum dolor slo onsec nelioro tueraliquet Morbi nec In Curabitur lorem in design Morbi nec In Curabitur lreaoreet nisl lorem design desirus gamin nelliru dotacitus gojus. Vurabi. lreaoreet nisl lorem in design Morbi nec In. Gurabitur lreaoreet nisl lorem design desirus gamin tacitus gojus," ]
    
    [/testimonial]
    
    [skills]
    
    [skill value="44"]Design Development[/skill]
    
    [skill value="54"]Web Development[/skill]
    
    [skill value="84"]Ilustartion Skills[/skill]
    
    [skill value="64"]Architecture[/skill]
    
    [/skills]
    
    [/ts-row]
            

    Newletter short-code

    
    [newsletter]
    
            
  4. A short title about this page or section
  5. Click Publish

  1. Go To pages and click "Add New"e
  2. Give "Portfolio" As a page title
  3. Put Short code for porfolio

    section-info shortcode

    [section-info]Lorem ipsum dolor slo onsec tueraliquet Morbi nec In Curabitur lreaoreet nisl lorem in
    
    pellente e vidicus pannel impirus sadintas[/section-info]
    
            

    portfolio slider shortcode

    [slider]
    
    [slide image="http://localhost/view/wp-content/uploads/2013/04/slide-01.jpg" title="slide1"]
    
    [slide image="http://localhost/view/wp-content/uploads/2013/04/slide-02.jpg" title="slide2"]
    
    [slide image="http://localhost/view/wp-content/uploads/2013/04/slide-03.jpg" title="slide3"]
    
    [/slider]
            

    portfolio item shortcode

            [portfolio]
            

    Add porfolio item like this one

  4. A short title about this page or section
  5. Click Publish

  1. Go To pages and click "Add New"e
  2. Give "Contact" As a page title
  3. Put Short code for Contact

    section-info shortcode

    [section-info]Lorem ipsum dolor slo onsec tueraliquet Morbi nec In Curabitur lreaoreet nisl lorem in
    
    pellente e vidicus pannel impirus sadintas[/section-info]
    
            

    For Contact From shortcode

    [contact]
            

    For Contact Section Theme option settings

  4. A short title about this page or section
  5. Click Publish

  1. Go To pages and click "Add New"e
  2. Give "Blog" As a page title
  3. Leave blank
  4. A short title about this page or section
  5. Chosse "Blog Page Template" As a page template
  6. Click Publish

Blog Post Example

A Standard Post Example

A Gallery Post Example

A Video Post Example


The Theme Options

"Appearance" => "Nature Options" from your WP dashboard.

General Settings
Navigation
Integration
Colorization & Fonts

Importing Live Preview Files

I have created a folder labeled "Live Preview XML" which contains an export for the Live Preview. The place to upload this XML file is in WordPress under Tools > Import.

Once you've arrived on the Import page, you will click on the "WordPress" link: Wordpress - Install the WordPress importer to import posts, pages, comments, custom fields, categories, and tags from a WordPress export file.

The first time you do this you will get a pop-up prompting you to install the "WordPress Importer". You will need to click "Install Now". Then You will have installed the plugin and need to click "Activate Plugin & Run Importer".

From here you will just need click "Choose File" and select the xxxxxx.xml file. Then click "Upload file and import".

You will then be prompted to Assign Authors. You can read the description at the top as this explains everything. Note: Make sure you Import Attachments.

Check the box "Download and import file attachments". This will download attachments for images included in the Live Preview demo.

You now just need to wait for the importer to finish. This might take a few minutes depending on your hosting server speed.


Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.