SW Go Theme User Guide
- June.01.2013
|
Introduction
Main Features
1. WordPress 3.5 ready2. Compatible with IE8+, Firefox 4+, Netscape, Safari, Opera 9.5 and Chrome
3. Responsive layout for all devices
4. Allow to set site title, tagline, logo and Analytics ID
5. Support RTL/LTR language with auto detection
6. Support menu with Dropdown or Mega style
7. Customized widgets for about us, map, gallery...
8. Preset Color Styles: Pink (default), Brown, Green and Blue
9. Custom Font with Google Web Fonts
10. Social Networks integration
11. HTML5 Validatation
12. 100% CSS3 table-less design
13. Variations and LESS for advanced development
14. Custom page templates: default, sidebar, contact...
15. Custom style for plugins: Contact Form 7, Symple Shortcodes...
Live Demo
1. 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 SW Go theme file
1.2.3 Select sw_go_theme_v1.0.0.zip you have downloaded from our Website and Install it
1.2.4 Now SW Go 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 sw_go_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
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 SW Go supports 4 menus. To tweak each menu items, please click the down arrow next to each menu item title. Here are primary and middle ones
4.1.2 Primary items - Position: Primary
4.1.3 Middle items - Position: Middle
4.2 Widgets
4.2.1 Positions
SW Go supports a total of 11 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 below:
4.2.2.1 Position: hotnews - Widget: Ya Slider
Drag a new Ya Slider widget into this sidebar, configure as below:
4.2.2.2 Position: slideshow - Widget: Ya Posts
Drag a new Ya Posts widget into this sidebar, configure as below:
4.2.2.3 Position: right slideshow - Widget: Text
This sidebar position has two text widgets. Let take an example, drag a new Text widget into this sidebar, configure as below:
4.2.2.4 Position: popular - Widget: Ya Slider
Drag a new Ya Slider widget into this sidebar, configure as below:
4.2.2.5 Position: catalogs (first) - Widget: Ya Posts
This position has Ya Posts and Text widget. Text is used to show map, it is long and HTML-based, so we will focus on Ya Posts widget to show catalog. Drag a new Ya Posts widget into this sidebar, configure as below:
4.2.2.6 Position: home (first, second and third) - Widget: Ya Posts
This position has 3 Ya Posts widgets. We will use them to show widgets into this sidebar, configure as below in turn:
4.2.2.7 Position: bottom frontpage - Widget: Ya Posts
Drag a new Ya Posts widget into this sidebar, configure as below:
4.2.2.8 Position: footer - Widget: Custom Menu
This position uses 5 Custom menus to show destination. We have to create menus first, same as Menus above. Then drag a new Custom Menu widget into this sidebar, configure an example as below:
4.2.2.9 Position: footer information - Widget: Text
This has two Text widgets, let take one example to show banners, please drag a new Text widget into this sidebar, configure as below:
That's it! Now you are ready to blog! For other advanced configuration, please submit ticket OR purchase our installation service.