Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: Home

SW You Theme User Guide

Contents

Introduction

Main Features

1. WordPress 3.5 ready
2. 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

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

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes