Theme Installation

Installing Natura is very simple and only takes a few seconds! After downloading you should have a natura.zip file, found within the theme package zip. This is a compressed file containing all of the required templates and images required for the theme to function properly.

Upload the theme

  1. Go to Appearance > Themes in the WordPress menu
  2. Click on the Add New button
  3. Click on the Upload link
  4. Select the natura.zip file
  5. Click Install Now

Activate the theme

  1. Go to Appearance > Themes in the WordPress menu
  2. Hover over the theme thumbnail and press the Activate button

This completes the installation.

Plugins Installation

After you are done installing the theme, you will be redirected to the getting started page where you will be able to install the recommended plugins.

  • WP Instagram Widget - WP Instagram widget is a no fuss WordPress widget to showcase your latest Instagram pics
  • Contact Form 7 - Contact Form 7 can manage multiple contact forms, plus you can customize the form.
  • Regenerate Thumbnails - Allows you to regenerate your thumbnails after changing the thumbnail sizes.

Customization

Each option in the customizer is pretty self explanatory there and easy to use already, so we will just go through the sections in short so you can get an idea of the overall structure.

General

This is where you will find general options for the whole theme which includes the following:

  • Back to top - Enable or disable Back to top button
  • Parallax - Enable Parallax effect on featured images inside single posts or pages
  • Post Comments - Hide / unhide comments on all posts
  • Page Comments - Hide / unhide comments on all pages

Layout

Here you can set a specific layout for each one of the standard WordPress post/page sections. If a specific page or post has another layout set, the single and page options set here will be overridden by that option.

Home/Archive/Search
  • Content Left
  • Content Right
  • 2 Columns - Content Left
  • 2 Columns - Content Right
  • 2 Columns - No Sidebar
  • 3 Columns
  • 4 Columns
Single Posts/Pages
  • Content Left
  • Content Right
  • Content Centered (No Sidebar)

Homepage

This is where you can set the options for the Homepage.

Featured Slider

  • Enable / Disable
  • Featured Category
  • Post Count
  • Readmore Text

Post Meta

  • Hide Author
  • Hide Category
  • Hide Comments

Date Type

  • Disable
  • Absolute Date
  • Relative Date

Display Content

  • Summary
  • Full Text

Pagination Type

  • Basic Navigation
  • Numeric Navigation

Single Post

Options for single post can be found here:

Post Meta

  • Hide Author
  • Hide Category
  • Hide Comments

Date Type

  • Disable
  • Absolute Date
  • Relative Date

Post Tags

  • Enable / Disable

Author Bio

  • Enable / Disable

Related Posts

  • Disable
  • by Tag
  • by Cateogory

Pages

In this section you can find the options for Contact & 404 Page

Contact Page

  • Page Title
  • Page Sub Title
  • Embed Code
  • Map Layout

404 Page

  • Page Title
  • Page Sub Title
  • Description
  • Background

Styling & Color

Options for fonts, colors and background can be found here:

Colors

  • Global Color
  • Header BG Color
  • Header Menu Link Color
  • Header Menu Link Hover Color
  • Header Social Color
  • Header Search Color

Fonts

  • Global Font
  • Headings Font
  • Menu Font

Background

  • Background Color
  • Background Image

Social Media Sharing

If you want to enable social sharing buttons on your website then you have come to the right place, all the options are listed below of this section.

Sharing Services

  • Facebook
  • Twitter
  • Google+
  • Linkedin
  • Pinterest

Post Types

  • Posts
  • Pages
  • Media
  • If any other it will show here

Other Options

  • Show on archives & search pages.

Twitter

  • Enter Your Twiter Username

Custom CSS

From Customize > Custom CSS you can set custom CSS

Export / Import Options

You will need to install the 'Customizer Export/Import' plugin to use this if you want to export/import your theme options.

Post Formats

Natura theme adds support for 6 post formats to give you plenty of ways to show content in the top section of your articles. You choose type by selecting format in the "Format" box on the right side when you edit or add a new post. Depending on which format you select, new options will appear below the large text field.

  • Standard - This is the default option. It will not automatically include a featured image at the top of the post, like the image format does. It's simply a standard post that shows article text.
  • Image - Same as Standard format except that it includes an icon on archive pages.
  • Audio - An embed field will appear for example soundcloud links.
  • Video - Shows an embed video at the top of the article. Field for link embed will appear once selected.
  • Gallery - Shows all images attached to the post as a slider at the top of the article. More details how to use will appear below once selected.
  • Quote - Shows the quote at the top of the article. Fields for Quote and Quote author will appear once selected.
  • Link - Shows the Link at the top of the article. Fields for Link Title and URL will appear once selected..

Widgets

The Natura Theme comes with the following 6 custom widgets.

  • WPvita: Advertisement (270x270)
  • WPvita: Category Posts
  • WPvita: Popular Posts
  • WPvita: Profile
  • WPvita: Recent Posts
  • WPvita: Social Icons
  • WPvita: Subscribe Widget

Author Bio

To setup the Author bio which will be shown inside posts and author archives pages. Go to Users > Your Profile. In the bottom of the page you will see the new 'Additional Author Info' section which has the following fields:

  • Featured Cover Image (1920x375px, recommended size)
  • Twitter
  • Facebook
  • Google+
  • Dribbble
  • Instagram
  • Pinterest
  • Youtube
  • Linkedin

Contact Page

1. After you installed the Contact Form 7 plugin, go to Contact > Add New and paste the following code from below:

<div class="row">
<div class="grid-third">[text* name placeholder "Name"]</div>
<div class="grid-third">[email* email placeholder "Email"]</div>
<div class="grid-third">[url website placeholder "Website"]</div>
</div>
<div class="row">
<div class="grid-full">[textarea comments placeholder "Add comments here"]</div>
</div>
<div class="row">
<div class="grid-full">[submit class:btn class:btn-green "Submit"]</div>
</div>

2. Then go to Pages > Add New and create a page and paste the Contact form 7 Shortcode in the editor.

3. Now select the 'Contact Form' page template from the 'Page Attributes' Meta section in the side.(very important)

Note: You can update the contact form options fromt the Customizer: Appearance > Customize > Pages > Contact Page