YA WordPress Theme Framework Userguide
- July.26.2013
|
Introduction
YA Framework is a WordPress theme framework, building on top of Bootstrap and LESS!
Live Demo1. Installation
1.1 System Requirements
1.1.1 Wordpress 3.5
Download: http://www.wordpress.org
1.2 Installing YA Theme
Step-by-step
1.2.1 Login your Wordpress as admin, change Theme
1.2.2 Use option Upload to upload YA Framework theme file
1.2.3 Select ya_framework_theme_v1.0.0.zip you have downloaded from our Website and Install it
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:
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:
3. Layout
It is easy to customize the layout. Firstly please view its overview, with position that will be used in next steps:
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
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.
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:
4.2.2.2 Position: above - Widget: Ya Posts
Drag Ya Posts widgets into this sidebar, configure as below:
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:
4.2.2.4 Position: footer - Widget: Ya Social
This position uses Ya Social to show profile links, configure as below:
That's it! Now you are ready to blog! For other advanced configuration, please submit ticket OR purchase our installation service.
