You are on page 1of 65

RSW

Responsive Fullscreen Studio WordPress Theme

Thank you for purchasing this theme.


This document covers the installation and Setting up of the theme. Please read through this Help Guide if you experience any difficulties. If you have a more general question relating to the theme, please visit the item dicussions at themeforest to post your questions.

Table of Contents
Uploading RSW via FTP to Wordpress 6 Fullscreen Slideshow with/without Audio 17 Adding Music to Fullscreen Slideshow Building the Menus 8 - Enable Descriptions 8 Building the Menus 9 - Create Menu 9 Building the Menus 10 - Create an Item 10 Building the Menus 11 - Adding more items 11 Theme Options 26 - Selecting Fullscreen page as Homepage 26 Setting up Fullscreen Video function 21 22 Custom Post Formats 1. Standard Post 2. Aside post 36 37 38

Fullscreen HTML5 Video 23 Fullscreen Vimeo Video 24 Fullscreen Youtube / FLV Video 25

3. Link post 39 4. Audio post 5. Quote post 6. Image post 7. Video post 8. Gallery post 40 41 42 43 44

Theme Options 27 - Fullscreen Slideshow Settings 27 Blog list Template Contact Form Template Fullwidth Template 48 49 50

Building the Menus 12 - Activating the menu 12

Theme Options 28 - News Box 28

Social Header icons 13

Theme Options 14 - Setting up Logo 14 Theme Options 15 - Setting up a Default Backgrounds 15

Portfolio Showcase ( Step 1 of 2) Portfolio Showcase ( Step 2 of 2 ) Portfolio Drag & Drop Sorter

30 32 34

Multiple Sidebars 52 Shortcodes GUI 54 Shortcode Slideshows 55

Theme Options 16 - Overlay Patten 16

Password Protection 35

Custom widgets 57 Twitter widget 58 Gallery widget 59 Recent and Popular Posts 60

Portfolio Related 61 Social Widget 62 Flickr Widget 63

RSW
for WordPress

Links
Icons used from (Selected icons Included) http://www.greepit.com/open-source-icons-gcons/ http://somerandomdude.com/projects/iconic/ http://www.iconsweets.com Supersized (INCLUDED no need to install) http://buildinternet.com/project/supersized/ JPlayer (INCLUDED no need to install) http://www.jplayer.org/ FlexSlider (INCLUDED no need to install) http://www.woothemes.com/flexslider/ Pretty Photo (INCLUDED no need to install) http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ MEDIA USED IN THE THEME DEMO Music by DanoSongs.com http://www.danosongs.com/ Videos by Blender Foundation http://www.blender.org , http://www.bigbuckbunny.org

RSW

Important Notes
RECOMMENDED IMAGE SIZES Fullscreen : 1080px or more Fullwidth : 930px Width Post images : 650px Width WPML Multilingual Translation Upon detecting WPML plugin RSW theme places language translation drop down menus above the social header and under the responsive menu for mobile devices. These functions are placed for best responsive features. If the plugin isnt active it skips these functions without displaying them. Theme options string variables is provided in theme root folder by file name wpml-config.xml . It requires WPML string translation plugin to translate these strings.

for WordPress

VIDEO TUTORIALS Video tutorials can be found at http://support.imaginemthemes.com/rsw-how-to/

SUPPORT FORUM http://support.imaginemthemes.com/

RSW
for WordPress

Uploading RSW via FTP to Wordpress


1. Download the zipped theme pack to your local computer from themeforest and extract the ZIP file contents to a folder on your local computer. 2. Using an FTP client to access your host web server. 3. Upload the Theme files in the extracted folder called rsw (its inside the extracted rsw-packed) to wp-content/themes directory provided by WordPress. Please make sure youre uploading the files from the extracted rsw zip. 4. Visit Administration > Appearance > Themes, under the Manage Themes tab, under the Available Themes, if necessary navigate to the page displaying that Theme, then click the Activate link to make the Theme, the Current Theme.

Once Activated youll get the RSW theme options in the sidebar.

RSW
for WordPress 7

RSW

Building the Menus - Enable Descriptions

for WordPress

1 Click Menus Clicking will display Menu Builder Screen.

2 Screen Options Click Screen Options. This tab is displayed on the top right corner of the browser window.

3 Enable Descriptions Check Enable Descriptions Tab.

RSW

Building the Menus - Create Menu


1 Enter a Name Enter an name for your Menu and Click Create Menu tab

for WordPress

Create Menu

RSW

Building the Menus - Create an Item

for WordPress

2 Title Fill Title

3 Description Fill description

1 Create Home Button From Custom Links box , enter URL and Label. Click Add to Menu

10

RSW

Building the Menus - Adding more items

for WordPress

2 Indenting Indenting the items creates sub menus for the Photo Menu

Create more item Pages, Categories or Custom Post Types can be added easily by selecting and clicking Add to Menu

11

RSW

Building the Menus - Activating the menu

for WordPress

Choose your Menu Selecting this options will populate your menu.

NOTE: Refer to Official Wordpress Menu Guide http://codex.wordpress.org/WordPress_Menu_User_Guide

12

RSW

Social Header icons


1 Social Widget The Social widget can be found in the Widgets list area in wp-admin. 2 Social icons The social icons can be generated by populating your social links in the input fields.

for WordPress

NOTE: Drag and drop the Social widget to Social Header Widget area are and activate your social links.

Some Social icons set links http://www.komodomedia.com/blog/2009/06/social-network-icon-pack/ http://icondock.com/free/vector-social-media-icons

13

RSW

Theme Options - Setting up Logo

for WordPress

2 1 To setup logo, login to Wordpress Admin and Click Theme Options and click the General Tab as shown below. Click upload and select your logo image to upload. Once uploaded click Use this image as shown on the right handside image. Make sure youve selected Full image for the image size.

Click Upload

Once uploaded - Click Use this image

14

RSW

Theme Options - Setting up a Default Backgrounds

for WordPress

3 1 2

Full size

Background image Upload and click Use this Image from the uploader to activate a background. Remember to select the Full image option when choosing the image size. 5

4 Click Use This Image to set the image.

Make sure Full Size is selected.

6 For Slideshows using Fullscreen Post

15

RSW

Theme Options - Overlay Patten

for WordPress

3 Overlay pattern Select any of the overlay pattern for the background image.

16

RSW

Fullscreen Slideshow with/without Audio


2

for WordPress

1 3

Click the Upload icon This brings up the uploader popup where you can add multiple images by drag and dropping the files.

17

RSW
for WordPress

Save Changes Save Changes and Proceed where you can Add Titles and Captions

18

RSW
for WordPress

Show / Hide image options

Title

Description

Save Changes Once you add Title and Description to each slide proceed to Save all Changes.

19

RSW
for WordPress

10 Drag and Drop the slides to Order them Once you add Title and Description to each slide proceed to Save all Changes.

20

RSW

Adding Music to Fullscreen Slideshow

for WordPress

11 Select Slideshow Type

12 Fill all image formats for best crossbrowser playability OGA/OGG audio format native playback is supported in Firefox, Opera and Chrome MP3 audio format native playback is supported in Safari,Chrome and IE

13

21

RSW

Setting up Fullscreen Video function

for WordPress

1. For the fullscreen video to function its required to download JWPlayer. Dont include the Viral - video sharing plugin with the player when downloading. Please download JWPlayer from the following URL http://www.longtailvideo.com/players/jw-flv-player/

The file list of the downloaded zip file are

2. Copy the above files from the zip folder to your themes folder in /JS/JWPLAYER/ ( The JS/JWPLAYER folder is already created. You just need to copy the files to it. No other changes are required )

22

RSW

Fullscreen HTML5 Video


2

for WordPress

Select Fullscreen Video

Enter Video URL Check out Native HTML5 Video Formats to Browser from the following URL. http://diveintohtml5.org/video.html

23

RSW

Fullscreen Vimeo Video


2

for WordPress

Select Fullscreen Video

Enter VIMEO Video ID

24

RSW

Fullscreen Youtube / FLV Video


2

for WordPress

Select Fullscreen Video

Enter Youtube video url

25

RSW

Theme Options - Selecting Fullscreen page as Homepage

for WordPress

3 Select homepage fullscreen page and Save!

26

RSW

Theme Options - Fullscreen Slideshow Settings

for WordPress

Toggle switches and Sliders make it easy to setup the slideshow screen as you prefer

27

RSW

Theme Options - News Box


3 News Box can be enable or disabled from theme options. You can select the Newsbox Title and Select a posts category to pull the posts from / or select posts from the Portfolio.

for WordPress

28

RSW
for WordPress

Creating the Portfolio Sections

29

RSW

Portfolio Showcase ( Step 1 of 2)


Goto WP-Admin > Portfolio List > And build your Portfolio by clicking Add New

for WordPress

Step
2

Click Set Featured image and upload.

4 Drag and drop an image file 5 Click use Featured image 6 Image displayed once an image is attached
30

RSW
for WordPress

Sidebar Choice Sidebar choice for this item Description Description to appear under the thumbnails

Custom Thumbnail A custom thumbnail instead of the featured image used in the Page

Video URL Video URL for the lightbox Link To Link to another URL (optional)

Background setting Background setting for the Portfolio details page.

Portfolio Header type Portfolio header type. You can choose to display an image, slideshow or video embed Video Embed code Video embed code used for video header option

31

RSW

Portfolio Showcase ( Step 2 of 2 )


Goto WP-Admin > Pages > Add New

for WordPress

Step
2

4 3 Set Page Temaplte to Portfolio Choose your Portfolio Settings.

Pagination will be generated if chosen number is less than the total portfolio items
32

RSW
for WordPress

5 Background Settings

NOTE: Once published this page will populate your portfolio items.

Featured Image Upload and set your Featured Image

33

RSW

Portfolio Drag & Drop Sorter

for WordPress

Drag n Drop to rearrange the Portfolio Slides

34

RSW

Password Protection
Password protected fullscreen pages, portfolio galleries and pages. Once you publish a WordPress post, it is visible to the public (by default). You can set a password to posts requiring anyone visiting the page to enter a password.

for WordPress

1 2

Fullscreen slideshows and Fullscreen Video protected screen displays Theme Options set Image as background when requesting for password.

35

RSW

Custom Post Formats


RSW theme can build you custom post formats. Post formats can be chosen from the Post Edit screen. The list appears as the below screen shot. When you select a post format additional options will relating the the chosen post format. These extra options are available for Gallery. Link, Image, Quote, Video and Audio.

for WordPress

8 Custom post formats

36

RSW

1. Standard Post
2

for WordPress

Fill contents

Choose Standard Post Format

Featured Image Upload and set your Featured Image

Select Sidebar and background settings 7


37

RSW

2. Aside post
An Aside is a cusom post format which doesnt have a title. Very useful for small notes and such.

for WordPress

No additional options.

38

RSW

3. Link post
Linked post can be linked anywhere.

for WordPress 39

RSW

4. Audio post
Audio post formats can generate an audio player for your post.

for WordPress 40

RSW

5. Quote post
Display quotes as posts

for WordPress 41

RSW

6. Image post
You can display image post either as a standalone image or activated with a lightbox.

for WordPress

Additional option

42

RSW

7. Video post
Video post formats can generate a video player for your post.

Additional options

for WordPress 43

RSW

8. Gallery post
Gallery post can display a slideshow gallery in the post head. You can populate slideshow images by uploading them as image attachments. 2

for WordPress

5 4 Click the Upload icon This brings up the uploader popup where you can add multiple images by drag and dropping the files.

44

RSW
for WordPress

Save Changes Save Changes and Proceed where you can Add Titles and Captions

45

RSW
for WordPress

Drag and Drop the slides to Order them Once you add Title and Description to each slide proceed to Save all Changes.

46

RSW
for WordPress

Creating a Blog Page

47

RSW

Blog list Template


Goto WP-Admin > Pages > Add New 2

for WordPress

NOTE: Once published this page using the bloglist template will populate your posts

Choose Template Blog list

48

RSW

Contact Form Template


2

for WordPress

Choose Template Contact Template 4 NOTE: Make sure you fill the Contact section in Theme options with field names and email address

49

RSW

Fullwidth Template
2

for WordPress

3 4

Choose Template Fullwidth Template

50

RSW
for WordPress

Applying Sidebars

51

RSW

Multiple Sidebars
1

for WordPress

Activate Sidebars by entering a Name for it You can activate sidebars on demand by giving the sidebars a name. Active sidebars are listed in the Widgets area.

Sidebar 1 to 20 Choice of Sidebar option is found in all Post and Page editing screen.

52

RSW
for WordPress

Shortcodes Generator

53

RSW

Shortcodes GUI

for WordPress

The feature of Generating Shortcodes through the Post and Page editor makes it a breeze to apply Shortcodes. There is no longer need to memorize or refer to any of them. Clicking each shortcode button gives you a Pop-up with the configurations required to generate them right into the editor. Complex text layouts can be generated using the Columns Shortcode. NOTE: For the Shortcode GUI to be visible youll need to be in the Post or Page editor in Visual mode.

Co

NOTE: The Thumbnails and Slideshow shortcodes require image attachments in the post or page its generated in. Just upload Multiple images to the post or page and click save - no need to insert the image to the contents area manually. Once the shortcode is generated itll pick the attached images and display them.

os de ils Vi a bn um s Th ow sh e s de m on Sli ra di F e or ur s cc ct Pi tor nd A a ra bs pe Se , Ta ists L les gg Page To d s an or at st er Po en s G ice ut ot yo N La ns n tto hy lum o Bu ap gr d C n po Ty ns a

lum

54

RSW

Shortcode Slideshows
1) Goto WP ADMIN > PAGE > ADD NEW 2) Fill the TITLE (important for Gallery setup) and CONTENTS 3) Upload your IMAGES 4) Press Save All ( As shown in below screenshot ) 5) Publish! 3

for WordPress

Click the Upload icon This brings up the uploader popup where you can add multiple images by drag and dropping the files.

4 Click Slideshows

6 5 Generated shortcode
55

RSW
for WordPress

Custom Widgets

56

RSW

Custom widgets

for WordPress 57

RSW

Twitter widget

for WordPress

Title Enter title Username Username to fetch tweets from Avatar Toggle twitter username avatar Number of feeds Number of feeds to display

58

RSW

Gallery widget
Note: Gallery widget supports both in the Sidebar and Footer. It will style respectively for both areas.

for WordPress

List Choice Populate using Page Attachments or use Category to fill the slots

Select Page Choose a Page if List choice is Page

Select Category Choose a Page if List choice is Page

Select Category Choose a Category if List Choice is Category Click Action Link Portfolio image using Direct link or Lightbox Image Order Generate Random images or Sequencial Limit Number of Images to Display

59

RSW

Recent and Popular Posts

for WordPress

Posts to Display Number of Posts to Display Description Length Number of Characters to display from Excerpt Select Category Select Categories to Generate the Recent Posts from

60

RSW

Portfolio Related

for WordPress

Related Portfolio You can create a custom sidebar for Portfolio items and place this widget to see a list of related portfolio items to the one displayed.

Portfolio Type lister Widget shows list of all work types/categories created in the Portfolio

61

RSW

Social Widget

for WordPress

Icon Size Icon size, 16px or 32px Effect when mouse hovered on icon Select type of effect when mouse is hovered on icon How to open the Link How to open the link. In a new tab or existing one.

62

RSW

Flickr Widget

for WordPress

Flickr ID Fill in the Flickr ID. You can use idGettr link to find it easily. Number of Photos to show Set number of images to show Image Order Select Random or Latest for image ordering

63

RSW
for WordPress 64

end.

Once again, Thank you for purchasing this theme. Id be glad to help you if you have any questions relating to this theme. If you have a more general question relating to the theme, you might consider visiting the item discussions at ThemeForest for theme or send a direct email to me via my profile.