YA Framework Userguide

Contents

Introduction

YA Framework is a WordPress theme framework, building on top of Bootstrap and LESS!

Live Demo

1. Installation

1.1 System Requirements

1.1.1 WordPress 3.5

1.2 Installing YA Theme

Step-by-step

1.2.1 Login your WordPress as admin, change Theme

Choose theme

1.2.2 Use option Upload to upload YA Framework theme file

New theme

1.2.3 Select ya_framework_theme_v1.0.0.zip you have downloaded from our Website and Install it

Install YA Theme

1.2.4 Now YA Framework is your default theme, how to customze and configure it below

1.2.5 OR using Quickstart package

If you would like to have Website with all sample data as our demo?
1.2.5.1 Download ya_framework_quickstart_v1.0.0.zip and extract all contents to your Web root folder, usually under public_html/ folder, then navigate to your Website location.

1.2.5.2 You will see visual wizard – sequence of pages – that will help you through, screenshots below:

YA Framework

YA Framework

YA Framework

YA Framework

YA Framework

YA Framework

YA Framework

YA Framework

1.2.5.3 Now you would have a site with all demo content to play with!

2. Customization

There are many options through Customize Panel, Theme Options or Front-end Cpanel. From Theme Options, you can enable and disable any options for 2 others, it is up to you. Let take Theme Options interface to demonstrate, so you can customize following options:
General 

      About main color and brading elements
Navigation 

      About menu types
Layout 

      About sidebar location and their width
Typography 

      About font and related to font
Social Share 

      About social profiles linking (you can set links in widgets)
Advanced 

      About options for developers

 

3. Layout

It is easy to customize the layout. Firstly please view its overview, with position that will be used in next steps:

YA Framework Layout

4. Configuration

You have to configure two most important things: Menus and Widgets. Here is how we will set up them, using layout image above for positioning

4.1 Menus

4.1.1 Positions

Under Appearance -> Menus, you can see YA Framework supports 1 menu. To tweak each menu items, please click the down arrow next to each menu item title. Here is one sample

4.1.2 Primary items – Position: Primary Menu

Primary menu

4.2 Widgets

4.2.1 Positions

YA Framework supports a total of 8 widget positions. Under Appearance -> Widgets, you can see these widgets. According to the layout above, you will know position of each one.

 

Widget positions

 

4.2.2 How to tweak

Each position includes many widgets. Click the down arrow next to each widget title and follow its description. Below is how we will customize most important ones for the homepage. Under Appearance -> Widgets, navigate to sidebar position and according to the layout above, you will know position of each one. Configuration for widgets:
4.2.2.1 Position: banner – Widget: Ya Posts
Drag a new Ya Post widget into this sidebar, configure as below:

 

Ya Post widget

 

4.2.2.2 Position: above – Widget: Ya Posts
Drag Ya Posts widgets into this sidebar, configure as below:

 

home above widget home above widget home above widget

 

4.2.2.3 Position: bottom – Widget: YA Posts, Ya Gallery and Text
This sidebar position has 2 Ya Posts widgets as above. Let take an example of Ya Gallery widget, drag it into this sidebar, configure as below:

 

Ya Gallery widget

 

4.2.2.4 Position: footer – Widget: Ya Social
This position uses Ya Social to show profile links, configure as below:

 

Ya Socail widget

 

That’s it! Now you are ready to blog! For other advanced configuration, please submit ticket OR purchase our installation service.
×