# CloudFw - Theme Positive Documentation

by “OrkunGURSEL” – contact@orkungursel.com
Table Of Contents

1. Requirements
2. Getting Started
   - Downloading from Themeforest
   - Installation
   - Setting up the Homepage
   - Setting up the Blog
   - Setting up the Portfolio
   - Setting up the Navigation Menu (Simple)
   - Setting up the Navigation Menu (With Mega Menu)
   - Creating a slider and inserting into a page
   - Custom Color Skins
3. How-to
   - Set Featured Image
   - Activate Custom Login Module
   - Setup Typography Options

Thank you for purchasing Theme Positive. This theme is easy to use and it has user-friendly admin panel - CloudFw. I hope you like it. If you have any question or problem about the theme please contact us by using our support center. However before getting support, please read this documentation and watch video tutorials. They will help you. And also please don't forget to read How-to section. Enjoy it! Author - Orkun Gursel

1. # Requirements

   - PHP version 5 or greater
   - WordPress 3.0 or greater

2. # Getting Started

   - ## Downloading from Themeforest

     Download the Positive theme and unzip this download. Any good quality zip program will do. Just follow the unzip instructions of your program carefully. Some give you the option of unzipping only a portion, or all, of the files. You want to select "all". Once unzipped, you will find the following folders will be in the unzipped directory:

     - `positive/` - the folder of the theme files that you need upload to /wp-content/themes/ folder on your server
     - `documentation/` - documentation files for current package
     - `licensing/` - license for the theme
     - `resource/` -
       - `sample skins/` - importable skin files
       - `sample sliders/` - importable slider files
       - `plug-ins/` - optional plug-ins which can be used with the theme
       - `psd/` - all layered psd sources
     - `change log/` - Log files for the theme updates

   - ## Installation

     To install this theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex - http://codex.wordpress.org/Installing_WordPress

     When you are ready to install a theme, you must first upload the theme files and then activate the theme itself. The theme files can be uploaded in two ways:

     - FTP Upload: Using your FTP program, upload the non-zipped theme folder into the /wp-content/themes/ folder on your server.
     - WordPress Upload: Navigate to Appearance > Add New Themes > Upload. Go to browse, and select the zipped theme folder. Hit “Install Now” and the theme will be uploaded and installed.

     Once the theme is uploaded, you need to activate it. Go to `Appearance` > `Themes` and activate your chosen theme.

   - ## Setting up the Homepage

     To set up the homepage you must create a new page, you can do so by navigating to `Pages` > `Add New`. You can give this page a title yet you do not have to include any content. Select the a template from the Page. Attributes section and click "Publish".

     Once you have created your new page, navigate to `Settings` > `Reading` and configure the `Front Page Displays` setting. Select the static page option and choose the page you just created as your front page.

     Your homepage is now created and can be viewed by visiting your root URL.

     Or you can create a sample homepage with one click. Here is the video tutorial to create sample homepage via Configuration Wizard:

   - ## Setting up the Blog

     A) Creating Main Blog Page

     To set up the blog, you must create a new page, you can do so by navigating to `Pages` > `Add New`. You can give this page a title of "blog" yet you do not have to include any content. Click "Publish".

     Once you have created your new page, navigate to `Settings` > `Reading` and configure the `Front Page Displays` setting. Select the static page option and choose the page you just created as your posts page.

     Your blog index is now created and can be viewed by visiting the page you just published.

     Or you can create a sample blog page with one click via Configuration Wizard:

     B) Inserting A Blog Post and Changing the Layout of the Main Blog Page

   - ## Setting up the Portfolio

     There is 2 ways to create a portfolio page with Positive Theme.

     A) By creating portfolio posts and porfolio category

     - First, you must create some portfolio posts, you can do so by navigating to `Portfolio` > `Add New`
     - When creating your portfolio post please be sure to set a featured image for each of them. The image will be displayed as the thumbnail when the portfolio post being called via shortcode from any page.

     - And take a look at the porfolio settings for each post from "Portfolio Options" metabox. You can insert a description or set what will happen when clicking the post (go to the post, display this post's featured image or video in the lightbox, call this post's content via ajax) or insert a video url.

     - After creating the porfolio posts, you must create a new page, you can do so by navigating to `Pages` > `Add New`. You can give this page a title of "portfolio".
     - And now you must use our `shortcode generator`, which is coming with built-in the content editor of WordPress

     - Click to portfolio tab in the shortcode generator, then set the height of the thumbnail images in the portfolio and other options, select a portfolio source:
       - If you create a porfolio post you can select "From a porfolio category" - this source type will get all posts in the porfolio category which you select
       - You must select "From selected posts" for getting the post, which selected by you, into the page.
     - And finally click to `Generate The Portfolio Code` button. You will have a shortcode like this: `[portfolio from="a category" id="5" columns="3" limit="-1"]` or `[portfolio from="selected posts" id="19,15,17" columns="3" limit="-1"]`

     Video Tutorial For (A- Setting up the Portfolio by creating portfolio posts and porfolio category)

     B) By WordPress galleries

     - You must create some portfolio posts, you can do so by navigating to `Portfolio` > `Add New`You can give this page a title of "The post has a gallery"
     - And open the media uploader of WordPress. And upload your images via the uploader. Click to `Save All Changes` button after being finished the uploading. And now you can sort the images. And finally close the uploader and "Publish" the post (The post has a gallery).

     - Then you must create a new page, you can do so by navigating to `Pages` > `Add New`. You can give this page a title of "portfolio".
     - Now you must use our `shortcode generator`, which is coming with built-in the content editor of WordPress, to generate the portfolio shortcode.

     - Click to portfolio tab in the shortcode generator, then set the height of the thumbnail images in the portfolio and other options, select From A Post Gallery option for Portfolio's Source. And select the post, you just created and titled as The post has a gallery, for source page

     - And finally click to `Generate The Portfolio Code` button. You will have a shortcode like this: `[portfolio from="a post gallery" id="5" columns="3" limit="-1"]`

     Video Tutorial For (B- Setting up the Portfolio by WordPress galleries)

   - ## Setting up the Navigation Menu (Simple)

   - ## Setting up the Navigation Menu (With Mega Menu)

   - ## Creating a slider and inserting into a page

     A) Creating a new slider

     - Navigate to `Slider Manager` and click to `Create New Slider` button

   - After giving your slider a title and selecting a slider type, click to `create` button.
   - Now you can see all options for the slider. Set your slider options and click to `Update The Slider` button.
   - After the options being updated, you must add your slider items to the slider. You can do so by clicking to the slider's title from the root page of `Slider Manager`

   - And now click to `Add New Item` button to add a item to the slider. And upload your image and set the slider item options.

B) Inserting a slider into a page (excepts "Header Sliders")

- Navigate to `Pages` > `Add New` or open an existing page in `editing mode`.
- Now you must use our `shortcode generator`, which is coming with built-in the content editor of WordPress, to insert the slider into the page via a shortcode.

- Click to slider tab in the shortcode generator, select the slider you just created and click to `Generate The Code` Button. You will have a shortcode like this:
  `[slider id="XXXXXXXXXXX"]`

C) Inserting a "header slider" into a page

- Navigate to `Pages` > `Add New` or open an existing page in `editing mode`.
- Now, select the slider from Header Slider metabox on the page.
- Important: Header sliders cannot embedded via a shortcode, only you have to select it from the metabox to display on a page's header area.

D) Video tutorial: Creating a slider with Slider Manager & Inserting into a page

- ## Custom Color Skins

  A) Creating a new color skin

  - Navigate to `CloudFw Panel` and click to `Color Skin` button

- Click to `create` button and give a name for your custom color skin.

- Now you can see all color and layout options for the theme. Insert your colors and click to `Save` or `Save & Apply` button.
- Quick Tip: you can use `CTRL + S (win)` and `CMD + S (mac)` shortcut to save the color skin when in editing mode.

B) Importing Predefined Color Skins

- You can find predefined custom skins

C) Finding a customizable element

- When in color skin editing mode, click to `Search` button. By the way, you can use `CTRL + F (win)` or `CMD + F (mac)` shortcut.

- You will see the searching form, insert the code or title of an element. Example: `Header Background` or `HBG01`

  Please take a look at element title and codes

D) Code list of the customizable skin elements

- `BG01` : Body Background
- `BG02` : Body Head Background
- `LNK` : General Link Elements
- `BRADIUS` : Global Border Radius Level
- `HBG01` : Header Background
- `HLINK` : Link Elements in the Header
- `HTEXT` : Text colors in the Header
- `NAVSTYLE` : Style of the Navigation Menu
- `NAVBG` : Navigation Line Background
- `NAVLNK` : Navigation Links (for only 1st Level)
- `NAVSHADOW` : Navigation Line Shadows
- `NAVARROW` : Current Navigation Menu Indicator (Arrow)
- `DDOWNBG` : Navigation Menu Drop Down Background
- `DDOWNLINK` : Navigation Menu Drop Down Links (for 2nd, 3rd.. Levels)
- `HOMEICON` : Home Icon Colors in The Header Line
- `MDBG` : Middle Area Background (Between the Navigation Menu and the Content Area)
- `MDHEIGHT` : Middle Area Height
- `BLURB` : Blurb Text Colors
- `BREADCRUMBLE` : BreadCrubmle Text Colors
- `CONTEXT` : Content Texts and Heading Colors (h1, h2 .. h6)
- `PORTOVERLAY` : Overlay Colors of Portfolio Posts
- `SBWIDGET` : Widget Title and Text Colors for the Left and Right Sidebar Areas
- `SBLINK` : Link Colors for the Left and Right Sidebar Areas
- `FTWIDGET` : Widget Title and Text Colors for the Footer Sidebar Areas
- `FTLINK` : Link Colors for the Footer Sidebar Areas
- `CSS` : Additional CSS Code

- # How-to

  - ## Set Featured Image

    - Navigate to `Pages` > `Add New` or open an existing post in `editing mode`.
    - Locate the `Featured Image module` and click the Set featured image link.

    - You will see an uploading screen identical to that used when inserting an image into a post or page. Follow the on-screen prompts to choose the image from your computer and upload it or choose it from one of the images already in your Media Library.
    - Once the image has successfully been uploaded, look underneath the sizing options, and click on the Use as featured image link.

    - Your Feature image is now set! You can close the Media selector once you’ve chosen the featured image. The image will then appear wherever a featured image is available.

  - ## Activate Custom Login Module

  - ## Setup Typography Options

Ξ go to the table of contents