Nany - Creative Multi-Purpose WordPress Theme - 20Script

# Nany Documentation

A Complete Guide of Nany Multi-Purpose WordPress Theme - Document Version 1.0

Quick Install Support Item Page Live Demo Video Tuts

### General Informations - top

First of all, we want to say thanks you! We are very grateful that you have chosen our theme for your website. We will do everything we can to provide you the best support possible. Feel free asking us if you need more help.

This document covers the Nany structure, set up, and use of this theme and provides answers and solutions to common problems and issues - we encourage you to read this document thoroughly if you are experiencing any difficulties. If you have any questions that are beyond the scope of this document, feel free to ask support. (Support)

##### Folder Structure - top

- Demo Data

- Sliders
- theme-options.txt
- Nany-wp.xml

- Documentation
- Licensing
- PSD
- nany.zip
- nany-child.zip

##### How to install Nany WordPress theme? - top

### How To Use Header in Nany WordPress Theme? - top

Our theme in-builts with simple header options. That's are a default title area, slider and no titles.

##### Header Types

Nany Allows 3 types of header. They Are :

1. Title
2. Slider
3. No Title

###### 1. Title

This only allows as a page title and breadcrumbs. In all other pages having this type as a default.

Example : Blog Page

###### 2. Slider

This header type allows you to make a slider text-field on Page Options Meta-Box.

Note : When you select Slider in Header Types Then you get Extra text-field on Page Options

Example : Home Page

###### 3. No Title

This header type is hide your page title bar and that breadcrumbs.

### Post Types - top

In Nany have a Posts, Pages, Testimonials, Portfolio

###### 1. Posts

In Nany theme have 8 types of post formats

1. Standard
2. Image
3. Gallery
4. Link
5. Status
6. Quote
7. Video
8. Audio

If you select different post formats then you can get that format related options under content editor.

###### 2. Pages

Pages is all about Page Templates :

1. Default Template
2. 100% Width
3. Blog
4. Full Width Page
5. Left Sidebar
6. Portfolio
7. Shop Full-Width
8. Shop Left Sidebar
9. Shop Right Sidebar
10. Under Construction

Default Template : It's a WordPress default template. It's about Right Sidebar.
100% Width : In Nany demo pages are created from 100% Width template. This makes your layout as a 100% width(based on screen size).
Blog : If you select this page you can get separate meta boxes. That have plenty of options about blog page. For archive, category and tag pages options from Appearance > Theme Options > Blog Click here.
Full Width Page : This is simply about full width. That means 1170px.
Left Sidebar : This is simply about left sidebar.
Portfolio : If you select this page you can get separate meta boxes. That have plenty of options about portfolio page. For archive, category and tag pages options from Appearance > Theme Options > Portfolio Click here.
Shop Pages : If you select this page you can get separate meta boxes. That have plenty of options about shops page. For archive, category and tag pages options from Appearance > Theme Options > WooCommerce Click here.
Under Construction : This template have a time counter, background image, logo image and some simple content, That's All.

###### 3. Testimonials

Testimonials have a Title(Client Name), Client Profession, Client Image, Testimonial Content.

You can get these details via shortcode called Testimonial Slider. Shortcode element like below.

###### 4. Portfolio

Portfolio have three type of layout styles.

1. Own Styling
2. Left Image
3. Full Width Image

Own Styling is about your content editor. You can use own styling if you want minimal like other themes.
Left Image if you select this type then you get other options about Date, Skills, Disable Category List, Add Portfolio Item(Images).
Full Width Image this layout type is mostly related to Left Image. But portfolio image will show full width.

###### 5. Products

If you install WooCommerce Plugin then you can get. Products in WP sidebar menu.

If you have any doubts about WooCommerce plugin please go through following link documentations :

1. WooCommerce Documentation
2. Adding and managing products

### Widgets - top

Nany have some own widgets apart from default widgets of WordPress. That's all are listed below in this image. You can get WooCommerce widgets after installing that plugin.

### Menus - top

Nany allows 6 theme locations.

1. Main Menu
2. One Page Menu
3. Footer Menu

You can select different menus in different pages using Choose Menu metabox in pages.

### Options Backup - top

This option is allows you to Import or Export theme options.
In this theme package Demo Data folder you can get theme-options.txt

### Theme Options - top

Most of global settings in Nany Theme having in Appearance > Theme Options.
Theme Options have :

1. General
2. Header
3. Color Options
4. Typography
5. Portfolio
6. Blog
7. WooCommerce
8. Footer
9. 404 Page
10. Custom CSS
11. Custom Sidebars
12. Shortcodes
13. Shortcode Reference

###### 1. General

In General Options you can get accessibility about :

- Meta Keywords for your site
- Meta description for your site
- Responsive layout (Enable or Disable Responsive)
- Enable page comments (Enable or Disable Page Comments)
- Custom favicon (Default fav icon)
- Apple iPhone icon (Apple bookmark icon)
- Apple iPhone retina icon (Apple bookmark icon)
- Apple iPad icon (Apple bookmark icon)
- Apple iPad retina icon (Apple bookmark icon)
- Custom WP admin login logo (WordPress Login Logo)
- Analytics code (You can paste analytic code here)

###### 2. Header

In Header Options you can get accessibility about :

- Logo upload
- Retina logo upload (This logo should be 2x size from normal logo)
- Title area background (This image will be in all page title area)
- Title area Nub (Read that description)
- Breadcrumbs BG Color
- Parallax Overlay (Enable or Disable Parallax)
- Breadcrumbs (Enable or Disable Breadcrumbs)
- Sticky Navigation (Enable or Disable Sticky)
- Search (This icon is from menu area)

###### 3. Color Options

In Color Options you can get accessibility about :

- Primary Color (Main Color of Nany theme)
- Menu Text
- Heading Text color (Content Area)
- Sidebar Heading Color
- Footer heading color

###### 4. Typography

In Typography Options you can get accessibility about 350+ Google Fonts :

- Body font
- Menu font
- Page title font
- Heading font
- Custom font

###### 5. Portfolio

In Portfolio Options you can get accessibility about :

- Portfolio Name
- Portfolio Slug
- Select portfolio columns
- Category Filter
- Order
- Orderby
- Show only certain categories
- Offset
- Disable Pagination

###### 6. Blog

In Blog Options you can get accessibility about :

- Full width blog
- Sidebar Position
- Exclude categories from blog page
- Excerpt length
- Check items you want to hide from meta
- Read More button text
- Author info

###### 7. WooCommerce

In WooCommerce you can get accessibility about :

- Layout style
- Exclude Category
- Disable related products in single page?

###### 8. Footer

In Footer Options you can get accessibility about :

- Copyright bar (Enable or Disable Copyright bar)
- Copyright area text
- Footer widgets (Enable or Disable Footer widgets)
- Widgets Scroll Effect (Animation from animate.css)

###### 9. 404 Page

In 404 Page you can get accessibility about :

- 404 Heading
- 404 Sub-Heading
- Button Text
- Background Image
- All Content Color

###### 10. Custom CSS

You can write code for your custom CSS.

###### 11. Custom Sidebars

You can create unlimited sidebars here. (Read that descriptions).

###### 12. Shortcodes

This shortcode lists are only for Process & Timeline shortcodes.

###### 12. Shortcodes Reference

All custom shortcodes are listed here. You can use them for your content styling.

### Shortcodes - top

Nany theme have 88 shortcodes, including Visual Composer default shortcodes & WooCommerce Shortcodes.

Shortcodes have Design tab you can edit them like font size and color there.

### Tricks - top

Nany theme have some tips and tricks for you to make even better from live demo.

###### 1. Row

Row is most needed shortcode for Nany Theme. So, please read carefully in coming explanations.

General : Extra Class Name, Row ID(Menu Usage), Center Row Content(If you use 100% Width Page Template you should check this). Remove Right & Left spaces is removing each element spaces. Sections nubs is about nany theme design. You can create your own nub and upload it here by selecting Custom Nub.
Design : Visibility, Text Color.
Background : Background Color, Background Image Style, Enable Parallax, Need Background Overlay, Background Image.
Video : Enable Video Background.
Border : Border Style, Border Color, Border Width.
Margin : Top, Bottom. Right, Left.
Padding : Top, Bottom. Right, Left.

###### 2. Column

Column have some extra option to make even better.

General : Extra Class Name.
Width & Responsive : Width, Responsiveness.
Animation : Animation Style, All animations from Animate.css.
Border : Border Style, Border Color, Border Width.
Margin : Top, Bottom. Right, Left.
Padding : Top, Bottom. Right, Left.

###### 3. Contact Form 7

Use this class form-one on column extra class field for if you need like this form style click here.

Normal Contact Form :

[text* your-name placeholder "Name"]
[email* your-email placeholder "Email"]
[textarea your-message placeholder "Message"]
[submit "Submit"]

### How To Use Animation in Our WordPress Theme? - top

##### Change Log - top

                    Nany - Creative Multi-Purpose WordPress Theme
                    ----------------------------------------------------

                    30/01/2015 - Version 1.0
                    - RELEASE

##### Sources and Credits - top

I've used the following plugins as listed.

- Counter-Up
- fitvidsjs
- jquery.mb.YTPlayer
- jquery.stellar
- jquery.sticky
- jquery.touchSwipe.min
- modernizr.custom
- wow.min
- OwlCarousel
- Isotope
- Magnific Popup
- Waypoints

Images :

- Dribbble : All screenshots © their respective owners.
- Unsplash

All images have been used for demonstration purposes only and are not included in this theme package.

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 this theme. If you have any suggestions on how to improve our themes or documentation please share them!

Need Support Click Here.