SW You Theme User Guide

Contents


Live Demo

1. Installation

1.1 System Requirements

1.1.1 WordPress 3.5

1.2 Installing SW Theme

Step-by-step

1.2.1 Login your WordPress as admin, change Theme

Choose theme

1.2.2 Use option Upload to upload SW You theme file

New theme

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

Install SW Theme

1.2.4 Now SW You 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_you_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.(Please note that this quickstart file is not included in the Themeforest package).

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

SW You

SW You

SW You

SW You

SW You

SW You

SW You

SW You

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

2. Customization

You can customize following options

Site Title & Tagline

  • Site Title – Allow to set your Website title
  • Tagline – Allow to set your Website description under title

Navigation

  • Primary Menu – Set primary menu here, this can also be chosen under Appearance -> Menus

Static Front Page

  • Front page displays – Set custom page for homepage
    • Your latest posts – Show latest blog posts on homepage
    • A static page – Show custom page on homepage
      • Front page – Set custom page for homepage, used with option above
      • Posts page – Set custom page for post list, used with option above

General

  • Favicon Icon – Allow to set favicon for your Website
  • Color Scheme – Allow to choose one of preset color themes
  • Text Direction – Allow to choose between RTL and LTR
  • Responsive Support – Yes: responsive layout, No: fluid width only
  • Display Social Networks – Choose to show social images OR not
  • Display Search Form – Choose to show search form OR not
  • Logo Image – Allow to set logo image

Navbar Options

  • Display Branding – Choose to use brand image OR not
  • Use Logo for Branding – Allow to set brand image, used with option above
  • Menu Type – Allow to set menu type: Mega style or others

Layout

  • Content Layout – Allow to choose a layout with different positions for Content and Sidebar
  • Select Style Slideshow – Allow to set one type of slideshow: Nivo or Carousel

Typography

  • Use Google Webfont – Allow to choose Google font name to be used
  • Webfont Weight – Allow to set font weight 200-900
  • Webfont Character Set – Set character code
  • Webfont Assign to – Allow to choose where webfont to be used: Header, Everywhere or Custom
  • Webfont Custom Selector – A set of HTML tag using Google Webfont

Social

  • Social Twitter Link
  • Social Facebook Link
  • Social Google Plus Link
  • Social LinkedIN Link
  • Social Pinterest Link

Advanced

  • Developer Mode – Select developer mode for advanced maintainace with LESS
  • Google Analytics ID – Set ID to automatically insert into theme
  • Custom CSS/JS – Advanced option if you would like to use CSS or JS custom code

 

3. Layout

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

SW You 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 SW You supports one menu. 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

Primary menu

4.2 Widgets

4.2.1 Positions

SW You 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.

 

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 below:
4.2.2.1 Position: message box home – Widget: Text
Drag a new Text widget into this sidebar, configure as below:

 

Text widget for home box

 

4.2.2.2 Position: slideshow – Widget: Ya Posts
Drag a new Ya Posts widget into this sidebar, configure as below:

 

Ya Posts widget

 

4.2.2.3 Position: about me – Widget: Text
This sidebar position has text widget. Let take an example, drag a new Text widget into this sidebar, configure as below:

 

Text widget

 

4.2.2.4 Position: sidebar primary – Widget: Ya Gallery
Let drag a new Ya Gallery widget into this sidebar, configure as below:

 

Gallery widget

 

4.2.2.5 Position: sidebar primary – Widget: Twiget Twitter Widget
Let drag a new Twiget widget into this sidebar, configure as below:

 

TW widget

 

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