## WELCOME TO Slant WP Theme Document

Please find below documentation for Slant theme, and If you have any questions that are beyond the scope of this help file,
please feel free to email via my Themeforest user page.

## installation

### Download the Package

After purchasing slant theme please navigate to your downloads tab on Themeforest and find Slant Theme. Click the download button next to Slant theme and choose All Files and document choice, save the package on your computer.

Please unzip the downloaded ZIP File . Inside the extracted folder, you will find Folders like Documentaion , Licencse and Upload. Inside upload you can find your main Theme Folder (Slant) and the child Theme folder (Slant Child)

### Upload and install The Theme

When you are ready to install a theme (After unpacked the package), you must first upload the theme main folder (slant) to your server, then you can activate the theme . The theme files can be uploaded in two different ways:

1- FTP Upload:
Using your FTP program, upload the non-zipped slant theme folder into the /wp-content/themes/ on your server.
2- WordPress Theme Manager:
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 just need to activate . Go to WP Menu -> Appearance > Themes and activate Slant theme.

### Activate Plugins

1. Woocommerce:
it's highly recommended to activate Woocommerce Plugin before import Slant Demo data (the next step), activating woocommerce allow Slant import demo data correctly for woocommerce products and pages .

2. Contact Form 7 :
To use the contact form within your home page contact section you should activate the Contact form 7 Plugin .

3. Revolution Slider :
To use Revolution Slider within your pages you should activate it .

### Using Revolution Slider

If you choose one of our Slant Demos that includes Revolution Slider (ex: Revolution , Landing Versions) We Highly Recomment to Acivate and Import our Example Slider before going to the next Step and import Demo Data, This will Just take a few seconds .

After Install and Acivate Revolution Slider Please visit WP Menu > Revolution Slider Tab and Choose to import Slider

We have included our Demo slider within your package .. Please find a folder Name Revolution Slider Examples Then import the .ZIP File

### Demo Content Import

To Get Exactly the same content you see at Slant Demo you have two different ways:
1-One Click Demo Installation
We add the possibility to install your favirot demo version easily by just one click installation setup, All you need to do is just go to WP Menu -> Appearance > Demo Importer section and choose the version exactly you want to install.

You can also select if you want to install Theme Options or not Theme Option includes the Main Layout Options as Theme Color , Home Banner Slider , Blog Layout and etc.

2-XML files
The other option is to install demo data manually you can do that by Navigate to WP Menu -> Tools -> Import. and click on WordPress, Choose browse and select the demo xml file provided inside the Theme -> Framework folder -> Assets -> XML -> Unzip choose the demo version and click on Upload File You can select Download and Import File attachments if you want to get and install demo images Finally click Import, The importing will take a few seconds depending on your internet connection Then you should see the success message Import Content Done , Have Fun Now, the demo content installed and you are ready for the next step.

#### Important Notes Regarding to Demo Content

Premium Images at our online demo are not included because those are license stock photos and not allowed to distribute. Instead we include other free images

### Configure Settings

1. Setting up Permalinks:
Navigate to Settings > Permalinks. Under Common Settings select post name. Now click on Save Changes.

#### If you choosed one click demo installation you don't have to complete this section if not you should configure the following :

2. Setting up Front Page:
To set up the Frontpage, you must have page (ex. Home Page) in case you didn't import demo data please create a new one , you can do that by navigating to WP Menu > Pages > Add New. Under the page attributes section, Select "Page template as Home page Template" and Click Publish. Now browse to Settings Reading and change the setting for Front page displays from Your latest posts into A static page. As you can imagine assign your previously created "Home Page" as the Front Page.

3. Setting up Blog:
To set up the blog, you must have page called (ex.Blog), in case you didn't import demo data please create a new one , you can do that by navigating to WP Menu > Pages > Add New. You can give this page a title of blog for now you do not have to include any content. Click Publish. Once you have created your new page, Goto Settings->Reading. Select A static page and assign the blog for Posts Page.
Note: If you previously Import Demo Data using our Theme Demo Importer you don't have to do the above configuration for Home Page and Blog setting If not you should apply the settings above, to get your frontpage displayed.

## Home Setting

### Creating Home Banner

Home Banner the sections which will be displayed in the top of Home page.Home Banner should be the first section of the Home page. It supports Skew Slider, Background Image, Full Screen Slider and Background video. You can customize the Home Banner Option setting in Theme Options Section.

You can select your header layout style from Skew Slider or Image, slider or Video. If you select Skew slider it ll get automatic the slides from the Skew slider Custom Post. To use Skew Slider, First you need to create a Slider. Go to WP Menu -> Skew Slider then click on Add new Slide.

#### The rest choices can be configured from the same place , no need to go anyware ! by choosing one of the following :

- Background Image
- Background Slider
- Background Video

If you select Background Image , Slider or Video you will have all the option to upload your selected Image/Images or Video ID and you have the ability to align the text on it left or center also you can add unlimited title & description slides with drag & drop sorting. You can add one or two Buttom with custom their text & link or select to be this buttom just border. Also you can Disable the Move Down Buttom which is by defult Enable.

### Creating home Section

To create a new Sections, create a new page, you can go to Pages > Add New. You can give this page a title you can add any content using included Shortcodes (please check Shortcode Document Section) Within your Page Options you can do the following Assign the page to Home Section then you cusomize this section by :

- Assign the page to Home Section
- Disable Page Tilte
- Disable Page Container
- choose Section Background Type
- choose Text Color
- Enable Parallax
- Overlay Effect
- Triangle Effect
- Section Background Color

## Theme Options

### General Settings

The theme comes packed with alot features that control the layout and extend the functionality of WordPress. You can access it by navigating to WP Menu > Theme Options. The theme options content a number of tabs each one contains many options that control the layout of chosen section

For example, General options Tab will allow you to configure your site setup. Accent Theme Color, , Enable Nice Scroll, Options, Custom CSS, Google Analytics and more.

### Header and Nav Setting

Theme options allow you to configure your site header navigate to Header and navigation tab, Choose your main Navigation Layout (Default , Push or Side Nav) Based on your Navigation choice , you should configure options regarding to your choice. also you can Enabled or Disable use Image logo , upload Logo Image (by default Site Name is used) and etc. if you want to change your site name please visit WP Menu -> Setting -> General Setting.

## Widgets

### Footer Widge

you should first enable footer widget from Theme Option >> Footer Settings and Enable Footer Widgets You can add your widget from the Appearance >> Widgets Then you will find Footer Area1 ,Footer Area2 ,Footer Area3 ,Footer Area4 and you can insert the widget you want.

### Blog Sidebar Widget

We included different sidebar for blog archive and single post, that will give you more flexibility to display different widgets at these sections than the regular page default sidebar

### Woocommerce Sidebar Widget

We included different sidebar for Woocommerce archive and single Product, that will give you more flexibility to display different widgets at these sections than the regular page default sidebar

### Custom Widgets

Slant provide Two Extra Widgets included in the Theme you can use them to display Recent Posts and Contact information

- Recent Posts Extra
- Slant Contact us

## Contact Form

### Contact Form 7

After activate the theme you will notice a notification at the top of your WP Admin Pages that you should install the Contact Form 7 Plugin that we have integrated with slant theme

The Contact Form 7 Plugin is a popular WP Plugin downloaded more than Downloads: 20,000,000

While you active the plugin of the Contact form 7 and install the Demo Data you will have the Defult form structure and style like the screenshot , Please visit WP Menu > Contact > Edit the current Form

If you like to use the form as we style it in Skew Version you have to replace the code below instand of the defult

[text* your-name placeholder "Your name "]
[email* your-email placeholder "Your Email"]
[text your-subject placeholder "Subject"]
[textarea your-message placeholder "Write something for us"]
<span class="btn btn-slant pull-left fa fa-long-arrow-right ">[submit "Send"]</span>

## Woocommerce Shopping

### Install Woocommerce Pages

if you already Import Slant Demo data Woocommerce Pages should be ready and you don't need to install it again , Default shopping pages (for ex. Shop , Cart , checkout and etc.) ,

If you didn't install Slant demo import data you should install woocommerce pages by visiting WP Admin > Woocommerce > System Status > Tools > install Pages Button

## Shortcodes

### Page Shortcodes

Slant theme comes with a number of shortcodes allowing you to add styled content to your site with little effort. the available shortcodes have been included in a one-click menu. When creating a page or post, click the [K] icon in the tinymce editor to reveal a list of shortcodes. Choose the functionality you wish to include and click on it.

## Translating The Theme

### Use .mo/.po files and Poedit software

Translation files included into theme within Language Folder we recommend to use .mo/.po files. Those files works in pair so for each language you need to have 2 files with the same name but with different extension. For example if you want to translate theme into German language, you're files should be de_DE.mo and de_DE.po

For editing the PO file you need to use Poedit software . All you need to do is copy the existing .PO File , Rename it as your locale edit the new PO. File with the software , after finish translation please save and upload the new .mo/.po files into "languages" folder where theme is installed.

## Extra

### Sources and Credits

Note: Images used in the preview are not included in the theme

- SkewSlider author
- Menuzord Menu author
- YTPlayer author
- appear author
- fittext author
- fitvids author
- parallax author
- ScrollIt author
- owl carousel author
- easypiechart author

##### created: 09/22/2014 - latest update: 09/22/2014 - by: Katon Press