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
Links 4 Important Notes 5 Uploading RSW via FTP to Wordpress 6 Portfolio Showcase ( Step 1 of 2) Portfolio Showcase ( Step 2 of 2 ) Portfolio Drag & Drop Sorter 28 30 32 Custom widgets 56 Twitter widget 57 Custom Post Formats 34 Gallery widget 58 Recent and Popular Posts 59 Shortcodes GUI 51 Shortcode Slideshows 52

Building the Menus 8 - Enable Descriptions 8 - Create Menu 9 - Create an Item 10 - Adding more items - Activating the menu 11 12

Password Protection 33

1. Standard Post 35 2. Aside post 36 3. Link post 37 4. Audio post 38 5. Quote post 39 6. Image post 40 7. Video post 41 8. Gallery post 42

Portfolio Related 60 Social Widget 61 Flickr Widget 62

Social Header icons 13 Theme Options 14 - Setting up Logo 14 - Setting up a Default Backgrounds 15

- Overlay Patten 16 Fullscreen Slideshow with/without Audio 17 Adding Music to Fullscreen Slideshow Setting up Fullscreen Video function 19 20

Blog list Template 45 Contact Form Template 46

Fullscreen HTML5 Video 21 Fullscreen Vimeo Video 22 Fullscreen Youtube / FLV Video - Selecting Fullscreen page as Homepage - Fullscreen Slideshow Settings 23 24 25

Fullwidth Template 47

Multiple Sidebars 49

- News Box 26

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/exslider/ 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 le name wpml-cong.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 le contents to a folder on your local computer. 2. Using an FTP client to access your host web server. 3. Upload the Theme les 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 les 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 elds.

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 Add Media icon This brings up the uploader popup where you can add multiple images by drag and dropping the les.

4 Select Uploaded to this Post

17

RSW
for WordPress

Click x which Exits after automatically saving changes.

Drag and Drop images to upload.

7 Fill Title Fill title for your slide 6 Select Image to enter title and description. Selecting an image displays its details on the right hand side. Fill Description 8

Fill description for you slide.

NOTE: You can drag and drop images to order them affecting the ordering of the slideshow images

18

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

19

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-v-player/

The le list of the downloaded zip le are

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

20

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

21

RSW

Fullscreen Vimeo Video

2

for WordPress

Select Fullscreen Video

Enter VIMEO Video ID

22

RSW

Fullscreen Youtube / FLV Video

2

for WordPress

Select Fullscreen Video

Enter Youtube video url

23

RSW

Theme Options - Selecting Fullscreen page as Homepage

for WordPress

3 Select homepage fullscreen page and Save!

24

RSW

Theme Options - Fullscreen Slideshow Settings

for WordPress

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

25

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

26

RSW
for WordPress

Creating the Portfolio Sections

27

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 Upload and click the images to select it 6 Image displayed once an image is set as featured

Drag and drop an image le

Set Featured image

28

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

29

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
30

RSW
for WordPress

5 Background Settings

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

Featured Image Upload and set your Featured Image

31

RSW

Portfolio Drag & Drop Sorter

for WordPress

Drag n Drop to rearrange the Portfolio Slides

32

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.

33

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

34

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

35

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.

36

RSW

3. Link post
Linked post can be linked anywhere.

for WordPress 37

RSW

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

for WordPress 38

RSW

5. Quote post
Display quotes as posts

for WordPress 39

RSW

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

for WordPress

Additional option

40

RSW

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

Additional options

for WordPress 41

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.

for WordPress

2 1

Select Uploaded to this Post

Click the Add Media icon This brings up the uploader popup where you can add multiple images by drag and dropping the les.
42

RSW

Click x which Exits after automatically saving changes.

for WordPress

Drag and Drop images to upload.

NOTE: You can drag and drop images to order them affecting the ordering of the slideshow images

43

RSW
for WordPress

Creating a Blog Page

44

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

45

RSW

Contact Form Template

2

for WordPress

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

46

RSW

Fullwidth Template
2

for WordPress

3 4

Choose Template Fullwidth Template

47

RSW
for WordPress

Applying Sidebars

48

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.

49

RSW
for WordPress

Shortcodes Generator

50

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

51

RSW

Shortcode Slideshows

for WordPress

Select Uploaded to this Post

Click the Add Media icon This brings up the uploader popup where you can add multiple images by drag and dropping the les.

52

RSW
for WordPress

Click x which Exits after automatically saving changes.

Drag and Drop images to upload.

NOTE: You can drag and drop images to order them affecting the ordering of the slideshow images

53

RSW

Shortcode Generators visibile in Visual Mode

for WordPress

8 Click Slideshows

9 Insert Shortcode

10

54

RSW
for WordPress

Custom Widgets

55

RSW

Custom widgets

for WordPress 56

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

57

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

58

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

59

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

60

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.

61

RSW

Flickr Widget

for WordPress

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

62

RSW
for WordPress 63

end.

Thank you for purchasing RSW theme.

Id be glad to help you if you have any questions relating to this theme. The support forum can be found at

http://support.imaginemthemes.com