Klean Wordpress Help File

Help file for Klean Wordpress theme by Hero WP.

Theme Overview
Hi and thank you for purchasing Klean Wordpress Theme. In order to install and use the theme, you need to have some basic knowledge about Wordpress. Anyway, this help file will guide you through this process, and make it easier for you.
Server & Wordpress Requirements
In order to make the theme run like a charm you'll need the following:

  • Wordpress 3.0+
  • Php 5.0+
  • GD library+
Theme can be installed in 2 ways:

1) By FTP

  • Login to your site via FTP
  • Browse to your website folder: wp-content/themes
  • Download, extract and upload the theme from the folder you just extracted.
  • Login to your Worpdress Administration, navigate to Appearance -> Themes
  • Find the theme and Activate it.

2) Using Wordpress

  • Login to your Worpdress Administration, navigate to Appearance -> Themes
  • Click on Install themes
  • Select the Upload tab.
  • Browse for the theme ZIP file(inside the MAIN DOWNLOAD files)
  • Click on Install now.
  • Activate the theme.

Required Plugins - VERY IMPORTANT
1.After activating the theme you will receive this notice, with the plugins that are required:

2.Click on "Begin Installing Plugins" and the following screen will appear:

3.Check all the plugins, and click on Install (don't worry about Activating them, they will Activate on their own after this step)
One Click Install (Replicate Live Demo Theme)
If you want to make the theme look just like the one in the demo with a single click, go to Appearance->Theme Options->Importer and press the "Import All Dummy Data" Button. You are all set.Please note that this process can take up to 1-5 mins (Depending on your server performance). If you choose this option you don't need to make the steps bellow anymore.(like creating menus, setting reading options etc.).

Theme Settings Panel
In order to open the Theme Settings Panel, so you can customize many aspects of your theme, such as logo, colours, tracking codes etc., you'll need to do the following:

  • Login to your Worpdress Administration, navigate to Appearance -> Theme Options

  • Menu Setup
    To setup your menu/menus:

    • Login to your Worpdress Administration, navigate to Appearance -> Menus
    • Click on "Create a new menu",and for the header menu, enter the name Header_Menu.
    • From the left side, check items that you need, and click Add to Menu.
    • You can edit each menu label/description by expanding it's tab.
    • At the bottom of the page, check where do you want to display the menu: Header Menu, Footer Menu, etc.

    Homepage & Blog Page Setup
  • 1.Create a template for homepage

  • 1.1. Navigate to Appearance -> Page Builder
  • 1.2. Enter a Template Name and Click on Create Template
  • 1.3. Drag the desired blocks on the page builder area and click Save Template
  • 1.4. Copy the template shortcode (i.e like [template id="5"]), and paste it to Appearance -> Theme Options -> Homepage
  • 1.5. Click on Save All Changes

  • Tip/Optional You can create multiple templates, and use the one you want at any time, by pasting it's shortcode to Appearance -> Theme Options -> Homepage
  • Tip/Optional: You can also use your created templates, by pasting the shortcode, to other pages you create from Pages Menu.

  • 2.Create a Page from Pages-> Add New - give it a name - i.e Home

  • 2.1. Select a Default Template and click Save
  • 2.2. Go to Settings->Reading and on the Front Page Displays Option check a Static Page
  • 2.3. For Front Page select Home (the page you just created)
  • 2.4. Repeat this process for the blog page(create Page named Blog) - and on the Posts page: select the Blog Page you just created.

  • 3.Start adding Services (Services -> add new), Slides (Revolution Slider), Blog Posts, Portfolio Posts, and so on to populate your page.

  • Revolution Slider
    After installing this plugin, and importing it's dummy data, if you need additional help please visit the official page!

    Note! In order to display the slider on the Homepage, create/import the slider, and copy the slider shortcode to Appereance -> Theme Options -> Homepage -> Slider Shortcode
    Portfolio Page Setup
  • 1.Create a Page from Pages-> Add New - give it a name - i.e Portfolio

  • 1.1. Select a Template for your Page(you have 3 options) - 1.Portfolio 2per row Template - 2.Portfolio 3per row Template - 3.Portfolio 4per row Template - and click Save

  • 1.2.Start Adding Portfolio Posts(Portfolio -> Add NEW) and they will be displayed on the page you just created.

  • 1.3If you want to display a video thumb instead of an image, make sure you paste the code, like in this image:(the number 16339841 - is the video id from vimeo, and a9okR6XpdsY - is the video id from youtube)

  • 1.4. To add a featured image to the portfolio - scroll down to "Set featured Image" and add one. - this is the single image of each portfolio post

  • 1.5. To add multiple images slides to the portfolio(seen on each portfolio detail page) - scroll down, and on the left side locate "Portfolio Images" - click Ad Row - Add Image. Repeat this process as many time as you want. Tip! If the image is not displaying, please use a bigger one (the image won't display because it doesn't have the mimimum size.)
  • Services/About us Page Setup
  • 2.Create a Page from Pages-> Add New - give it a name - i.e Services

  • 2.1. Select Services Template and click Save
  • 2.2. Start adding services from Wordpress left menu, and add details to Appereance -> Theme Options -> Services

  • Contact us Page Setup
    In order to set up your Contact page navigate to Pages -> Add New, give it a name, and select the Contact Form Page. Click Publish and you're set!.

    Note: You also have to fill in informations on Appereance -> Theme Options -> Contact

    Tip! To add the 2 widgets in the contact area (Contact Info and Working Hours) - navigate to Appearance -> Widgets - expand the Contact Sidebar, drag there the widgets, as seen in the image bellow, and fill in the informations required:

    Custom Widgets
    This theme came up with some cool custom widgets. In order to use them, navigate to Appearance -> Widgets. Widgets with Klean in front, are custom widgets. Drag and drop them on the desired sidebars.

    Multiple Sidebars
    This theme has multiple sidebars. This mean you can display each widgets you want, on the desired sidebar. The sidebars are located on the right side, of the widgets.

    Footer Setup
    To customize your footer navigate to Appearance -> Widgets, and locate on the right side the four footer widgets. Drag and drop your desired widgets, on each section.

  • This theme comes bundled up with a bunch of shortcodes, so you can add pretty much everything to your pages such as:pricing tables, buttons, tabs, accordions, videos and so on.
  • To insert a shortcode to any page or post, simply click on the "Select shortcode" option, on the right side of post/page, select desired shortcode, copy and paste it on the editor, and start modifying.

  • Tip! You can also add almost all shortcodes from the Page Builder, it's your choice!
  • Support
    If you encounter any problems with the theme, find a bug, or anything else, we are happy to help you. Submit a ticket on HeroWP Forums, and we'll take it from there.