rsw help guide.pdf
TRANSCRIPT
-
RSWResponsive 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
Building the Menus 8
- Enable Descriptions 8
- Create Menu 9
- Create an Item 10
- Adding more items 11
- Activating the menu 12
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 19
Setting up Fullscreen Video function 20
Fullscreen HTML5 Video 21
Fullscreen Vimeo Video 22
Fullscreen Youtube / FLV Video 23
- Selecting Fullscreen page as Homepage 24
- Fullscreen Slideshow Settings 25
- News Box 26
Portfolio Showcase ( Step 1 of 2) 28
Portfolio Showcase ( Step 2 of 2 ) 30
Portfolio Drag & Drop Sorter 32
Password Protection 33
Custom Post Formats 34
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
Blog list Template 45
Contact Form Template 46
Fullwidth Template 47
Multiple Sidebars 49
Shortcodes GUI 51
Shortcode Slideshows 52
Custom widgets 56
Twitter widget 57
Gallery widget 58
Recent and Popular Posts 59
Portfolio Related 60
Social Widget 61
Flickr Widget 62
-
RSW
for W
ord
Press
4
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
Links
-
RSW
for W
ord
Press
5
RECOMMENDED IMAGE SIZES
Fullscreen : 1080px or more
Fullwidth : 930px Width
Post images : 650px Width
VIDEO TUTORIALS
Video tutorials can be found at
http://support.imaginemthemes.com/rsw-how-to/
SUPPORT FORUM
http://support.imaginemthemes.com/
Important Notes
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.
-
RSW
for W
ord
Press
6
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.
Uploading RSW via FTP to Wordpress
Once Activated youll get the RSW theme
options in the sidebar.
-
RSW
for W
ord
Press
7
-
RSW
for W
ord
Press
8
Building the Menus- Enable Descriptions
Screen Options
Click Screen Options. This tab is displayed on
the top right corner of the browser window.
Enable Descriptions Check
Enable Descriptions Tab.
Click Menus
Clicking will display Menu Builder Screen.
1 2
3
-
RSW
for W
ord
Press
9
Building the Menus- Create Menu
Enter a Name
Enter an name for your Menu and Click Create
Menu tab
1
2 Create Menu
-
RSW
for W
ord
Press
10
Building the Menus- Create an Item
Create Home Button
From Custom Links box , enter URL and Label.
Click Add to Menu
Description
Fill description
Title
Fill Title
1
2
3
-
RSW
for W
ord
Press
11
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
Building the Menus- Adding more items
1
2
-
RSW
for W
ord
Press
12
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
Building the Menus- Activating the menu
-
RSW
for W
ord
Press
13
Social Header icons
Social icons
The social icons can be generated by
populating your social links in the input fields.
Social Widget
The Social widget can be found in the Widgets list area in
wp-admin.
NOTE: Drag and drop the Social widget to Social
Header Widget area are and activate your social links.
1 2
Some Social icons set links
http://www.komodomedia.com/blog/2009/06/social-network-icon-pack/
http://icondock.com/free/vector-social-media-icons
-
RSW
for W
ord
Press
14
Theme Options- Setting up Logo
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.
Once uploaded - Click Use this image
Click Upload
1
2
3
-
RSW
for W
ord
Press
15
Theme Options- Setting up a Default Backgrounds
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.
Full size
Click Use This Image to set the image. Make sure Full Size is selected.
For Slideshows using Fullscreen Post
1 2
3
4 5
6
-
RSW
for W
ord
Press
16
Theme Options- Overlay Patten
Overlay pattern
Select any of the overlay pattern for the background
image.
1 2
3
-
RSW
for W
ord
Press
17
Fullscreen Slideshow with/without Audio
1
2
3 Click the Add Media icon
This brings up the uploader popup where you can add
multiple images by drag and dropping the files.
4
Select Uploaded to this Post
-
RSW
for W
ord
Press
18
5
Click x which Exits after
automatically saving
changes.
Drag and Drop images to
upload.
6
7
8
9
Select Image to enter title
and description.
Selecting an image displays its
details on the right hand side.
Fill Title
Fill title for your slide
Fill Description
Fill description for you slide.
NOTE: You can drag and drop images to order them
affecting the ordering of the slideshow images
-
RSW
for W
ord
Press
19
Adding Music to Fullscreen Slideshow
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
Select Slideshow Type
11
12
13
-
RSW
for W
ord
Press
20
Setting up Fullscreen Video function
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 )
-
RSW
for W
ord
Press
21
Fullscreen HTML5 Video
Check out Native HTML5 Video Formats to
Browser from the following URL.
http://diveintohtml5.org/video.html
1
2
3
4
Select Fullscreen Video
Enter Video URL
5
-
RSW
for W
ord
Press
22
Fullscreen Vimeo Video
1
2
3 Select Fullscreen Video
4 Enter VIMEO Video ID
5
-
RSW
for W
ord
Press
23
Fullscreen Youtube / FLV Video
1
2
3 Select Fullscreen Video
4 Enter Youtube video url
5
-
RSW
for W
ord
Press
24
Theme Options- Selecting Fullscreen page as Homepage
Select homepage fullscreen page and Save!
12
3
-
RSW
for W
ord
Press
25
Theme Options- Fullscreen Slideshow Settings
12
3Toggle switches and Sliders make it easy to
setup the slideshow screen as you prefer
-
RSW
for W
ord
Press
26
Theme Options- News Box
1
2
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.
-
RSW
for W
ord
Press
27
Creating the Portfolio Sections
-
RSW
for W
ord
Press
28
Portfolio Showcase ( Step 1 of 2)Goto WP-Admin > Portfolio List > And build your Portfolio by clicking Add New
1Step
1
2
3 Click Set Featured image and upload.
Drag and drop an image file Set Featured image
Image displayed
once an image is
set as featured
4
5
6
Upload and click the
images to select it
-
RSW
for W
ord
Press
29
Description
Description to appear under the thumbnails
Sidebar Choice
Sidebar choice for this item
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)
Video Embed code
Video embed code used for video
header option
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
7
8
9
-
RSW
for W
ord
Press
30
Portfolio Showcase ( Step 2 of 2 )
Goto WP-Admin > Pages > Add New2Step
1
2
3 Set Page Temaplte to Portfolio Choose your Portfolio Settings.
4
Pagination will be generated if chosen number is less
than the total portfolio items
-
RSW
for W
ord
Press
31
Featured Image
Upload and set your Featured Image
NOTE:
Once published this page will populate your portfolio items.
Background Settings5
6
7
-
RSW
for W
ord
Press
32
Portfolio Drag & Drop Sorter
Drag n Drop to rearrange the Portfolio Slides
1
2
-
RSW
for W
ord
Press
33
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.
1
2
3
Fullscreen slideshows and Fullscreen Video protected screen displays Theme Options set
Image as background when requesting for password.
-
RSW
for W
ord
Press
34
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.
Custom Post Formats
8 Custom post formats
1
-
RSW
for W
ord
Press
35
1. Standard Post
1
2
3
4
Choose Standard Post Format
Fill contents
Select Sidebar and background settings
Featured Image
Upload and set your Featured Image5
6
7
-
RSW
for W
ord
Press
36
An Aside is a cusom post format which doesnt have a title. Very useful for small notes and such.
No additional options.
2. Aside post
-
RSW
for W
ord
Press
37
Linked post can be linked anywhere.
3. Link post
-
RSW
for W
ord
Press
38
Audio post formats can generate an audio player for your post.
4. Audio post
-
RSW
for W
ord
Press
39
5. Quote post
Display quotes as posts
-
RSW
for W
ord
Press
40
You can display image post either as a standalone image or activated with a lightbox.
6. Image post
Additional option
-
RSW
for W
ord
Press
41
Video post formats can generate a video player for your post.
7. Video postAdditional options
-
RSW
for W
ord
Press
42
8. Gallery postGallery post can display a slideshow gallery in the post head. You can populate
slideshow images by uploading them as image attachments.
1
2
3
Click the Add Media icon
This brings up the uploader popup where
you can add multiple images by drag and
dropping the files.
5
Select
Uploaded to
this Post
4
-
RSW
for W
ord
Press
43
6
Click x which Exits after
automatically saving
changes.
Drag and Drop images to
upload.
7
NOTE: You can drag and drop
images to order them affecting the
ordering of the slideshow images
8
-
RSW
for W
ord
Press
44
Creating a Blog Page
-
RSW
for W
ord
Press
45
Blog list TemplateGoto WP-Admin > Pages > Add New
Choose Template
Blog list
NOTE:
Once published this page using the bloglist template will populate your posts
1
2
3
4
-
RSW
for W
ord
Press
46
Contact Form Template
Choose Template
Contact Template
NOTE:
Make sure you fill the Contact section in Theme options with field names and email
address
1
2
3
4
-
RSW
for W
ord
Press
47
Fullwidth Template
Choose Template
Fullwidth Template
1
2
3
4
-
RSW
for W
ord
Press
48
Applying Sidebars
-
RSW
for W
ord
Press
49
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.
Multiple Sidebars
1
2
-
RSW
for W
ord
Press
50
Shortcodes Generator
-
RSW
for W
ord
Press
51
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.
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.
Shortcodes GUI
Videos
Thumbnails
Slideshows
Picture Frame
Seperators
Toggles, Tabs and Accordions
Post and Page Lists
Notices
Buttons
Typography
Columns and Column Layout Generators
-
RSW
for W
ord
Press
52
Shortcode Slideshows
Click the Add Media icon
This brings up the uploader popup where
you can add multiple images by drag and
dropping the files.
4
Select
Uploaded to
this Post
3
1 2
-
RSW
for W
ord
Press
53
5
Click x which Exits after
automatically saving
changes.
Drag and Drop images to
upload.
6
NOTE: You can drag and drop
images to order them affecting the
ordering of the slideshow images
-
RSW
for W
ord
Press
54
Click Slideshows
10
9
Insert Shortcode
Shortcode Generators visibile in Visual Mode 7
8
-
RSW
for W
ord
Press
55
Custom Widgets
-
RSW
for W
ord
Press
56
Custom widgets
-
RSW
for W
ord
Press
57
Twitter widget
Title
Enter title
Username
Username to fetch tweets from
Avatar
Toggle twitter username avatar
Number of feeds
Number of feeds to display
-
RSW
for W
ord
Press
58
Gallery widget
List Choice
Populate using Page Attachments or
use Category to fill the slots
Note:
Gallery widget supports both in the Sidebar and Footer. It will style
respectively for both areas.
Click Action
Link Portfolio image using Direct link
or Lightbox
Select Category
Choose a Category if List Choice is Category
Image Order
Generate Random images or Sequencial
Limit
Number of Images to Display
Select Page
Choose a Page if List choice is Page
Select Category
Choose a Page if List choice is Page
-
RSW
for W
ord
Press
59
Recent and Popular Posts
Select Category
Select Categories to Generate the Recent Posts from
Description Length
Number of Characters to display from Excerpt
Posts to Display
Number of Posts to Display
-
RSW
for W
ord
Press
60
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
Portfolio Related
-
RSW
for W
ord
Press
61
Social Widget
How to open the Link
How to open the link. In a new tab or existing one.
Effect when mouse hovered on icon
Select type of effect when mouse is hovered on icon
Icon Size
Icon size, 16px or 32px
-
RSW
for W
ord
Press
62
Flickr Widget
Number of Photos to show
Set number of images to show
Flickr ID
Fill in the Flickr ID. You can use idGettr link to find it easily.
Image Order
Select Random or Latest for image ordering
-
RSW
for W
ord
Press
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
LinksImportant NotesUploading RSW via FTP to WordpressBuilding the Menus- Enable Descriptions- Create Menu- Create an Item- Adding more items- Activating the menuSocial Header iconsTheme Options- Setting up Logo- Setting up a Default Backgrounds- Overlay PattenFullscreen Slideshow with/without AudioAdding Music to Fullscreen SlideshowSetting up Fullscreen Video functionFullscreen HTML5 VideoFullscreen Vimeo VideoFullscreen Youtube / FLV Video- Selecting Fullscreen page as Homepage- Fullscreen Slideshow Settings- News BoxPortfolio Showcase ( Step 1 of 2)Portfolio Showcase ( Step 2 of 2 )Portfolio Drag & Drop SorterPassword Protection
Custom Post Formats1. Standard Post2. Aside post3. Link post4. Audio post5. Quote post6. Image post
7. Video post8. Gallery postBlog list TemplateContact Form TemplateFullwidth TemplateMultiple SidebarsShortcodes GUIShortcode SlideshowsCustom widgets
Twitter widgetGallery widgetRecent and Popular PostsPortfolio RelatedSocial WidgetFlickr Widget