Upload
george-ionita
View
229
Download
0
Tags:
Embed Size (px)
DESCRIPTION
modul de instalare al temei RSW in wordpress
Citation preview
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
Uploading RSW via FTP to Wordpress 6
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
Building the Menus 12
- Activating the menu 12
Social Header icons 13
Theme Options 14
- Setting up Logo 14
Theme Options 15
- Setting up a Default Backgrounds 15
Theme Options 16
- Overlay Patten 16
Fullscreen Slideshow with/without Audio 17
Adding Music to Fullscreen Slideshow 21
Setting up Fullscreen Video function 22
Fullscreen HTML5 Video 23
Fullscreen Vimeo Video 24
Fullscreen Youtube / FLV Video 25
Theme Options 26
- Selecting Fullscreen page as Homepage 26
Theme Options 27
- Fullscreen Slideshow Settings 27
Theme Options 28
- News Box 28
Portfolio Showcase ( Step 1 of 2) 30
Portfolio Showcase ( Step 2 of 2 ) 32
Portfolio Drag & Drop Sorter 34
Password Protection 35
Custom Post Formats 36
1. Standard Post 37
2. Aside post 38
3. Link post 39
4. Audio post 40
5. Quote post 41
6. Image post 42
7. Video post 43
8. Gallery post 44
Blog list Template 48
Contact Form Template 49
Fullwidth Template 50
Multiple Sidebars 52
Shortcodes GUI 54
Shortcode Slideshows 55
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 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
3Click the Upload icon
This brings up the uploader popup where you can add
multiple images by drag and dropping the files.
4
RSW
for W
ord
Press
18
5
Save Changes
Save Changes and Proceed
where you can Add Titles and
Captions
RSW
for W
ord
Press
19
6
7 Title
Show / Hide image options
Description
9
8
Save Changes
Once you add Title and Description to each slide proceed to Save all Changes.
RSW
for W
ord
Press
20
10
Drag and Drop the slides to Order them
Once you add Title and Description to each slide proceed to Save all Changes.
RSW
for W
ord
Press
21
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
22
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
23
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
24
Fullscreen Vimeo Video
1
2
3 Select Fullscreen Video
4 Enter VIMEO Video ID
5
RSW
for W
ord
Press
25
Fullscreen Youtube / FLV Video
1
2
3 Select Fullscreen Video
4 Enter Youtube video url
5
RSW
for W
ord
Press
26
Theme Options- Selecting Fullscreen page as Homepage
Select homepage fullscreen page and Save!
12
3
RSW
for W
ord
Press
27
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
28
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
29
Creating the Portfolio Sections
RSW
for W
ord
Press
30
Portfolio Showcase ( Step 1 of 2)Goto WP-Admin > Portfolio List > And build your Portfolio by clicking Add New
1
1
2
3 Click Set Featured image and upload.
Drag and drop an image file
Click use Featured image Image displayed
once an image is
attached
4
5 6
Step
RSW
for W
ord
Press
31
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
32
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
33
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
34
Portfolio Drag & Drop Sorter
Drag n Drop to rearrange the Portfolio Slides
1
2
RSW
for W
ord
Press
35
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
36
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
37
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
38
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
39
Linked post can be linked anywhere.
3. Link post
RSW
for W
ord
Press
40
Audio post formats can generate an audio player for your post.
4. Audio post
RSW
for W
ord
Press
41
5. Quote post
Display quotes as posts
RSW
for W
ord
Press
42
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
43
Video post formats can generate a video player for your post.
7. Video postAdditional options
RSW
for W
ord
Press
44
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
Click the Upload icon
This brings up the uploader
popup where you can add
multiple images by drag and
dropping the files.
3
5
4
RSW
for W
ord
Press
45
Save Changes
Save Changes and Proceed
where you can Add Titles and
Captions6
RSW
for W
ord
Press
46
Drag and Drop the slides to Order them
Once you add Title and Description to each slide proceed to Save all Changes.
8
7
RSW
for W
ord
Press
47
Creating a Blog Page
RSW
for W
ord
Press
48
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
49
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
50
Fullwidth Template
Choose Template
Fullwidth Template
1
2
3
4
RSW
for W
ord
Press
51
Applying Sidebars
RSW
for W
ord
Press
52
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
53
Shortcodes Generator
RSW
for W
ord
Press
54
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
55
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!
Click the Upload icon
This brings up the uploader
popup where you can add
multiple images by drag and
dropping the files.
1
3
42
Click Slideshows
5
6
Generated shortcode
RSW
for W
ord
Press
56
Custom Widgets
RSW
for W
ord
Press
57
Custom widgets
RSW
for W
ord
Press
58
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
59
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
60
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
61
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
62
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
63
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
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.
Password ProtectionPortfolio Drag & Drop SorterPortfolio Showcase ( Step 2 of 2 )Portfolio Showcase ( Step 1 of 2)- News BoxTheme Options- Fullscreen Slideshow SettingsTheme Options- Selecting Fullscreen page as HomepageTheme OptionsFullscreen Youtube / FLV VideoFullscreen Vimeo VideoFullscreen HTML5 VideoSetting up Fullscreen Video functionAdding Music to Fullscreen SlideshowFullscreen Slideshow with/without Audio- Overlay PattenTheme Options- Setting up a Default BackgroundsTheme Options- Setting up LogoTheme OptionsSocial Header icons- Activating the menuBuilding the Menus- Adding more itemsBuilding the Menus- Create an ItemBuilding the Menus- Create MenuBuilding the Menus- Enable DescriptionsBuilding the MenusUploading RSW via FTP to WordpressCustom 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