RT-Theme 13 Wordpress Theme

### “RT-Theme 13 Wordpress Theme” Documentation by “Tolga Can”

# “RT-Theme 13 Wordpress Theme”

Created: 27/01/2011
By: Tolga Can
Support: http://support.rtthemes.com
Twitter: twitter.com/ftolgacan

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to post your questions on my support forum at http://support.rtthemes.com. Thanks so much!

##

## Table of Contents

1. Installation
2. RT-Theme Settings
   1. General Options
   2. Sliders
   3. Porfolio
   4. Products
   5. Blog
   6. Dynamic sidebars
3. Main, Top and Footer menus
4. Home Page Contents
   1. Custom Posts
   2. Widgets
5. Sidebar Contents
   1. Default Widgets
   2. RT-Theme News Widget
   3. Recent Posts
   4. Flickr
6. Home Page Slider
7. Portfolio Entries
8. Product Entries
9. Blog Entries
10. Shortcodes
11. JavaScript
12. PSD Files
13. Sources and Credits
14. Version History

### A) Installation - top

Upon downloading the .zip file from themeforest.net you'll have all files inside the theme package. Do not upload the entire file you get from ThemeForest, upload only the rttheme13 folder.

There are two ways to upload a theme;

1) Upload By FTP: Login your hosting space via an FTP software and upload the theme folder into wp-content/themes/ under your wordpress installation. Once you've uploaded the theme you can open Open WordPress Admin → Appearance→ Themes page and activate the theme from list.

2) Upload By Wordpress Admin:

- Zip the rttheme13 folder
- Open WordPress Admin → Appearance→ Themes
- Click Install Themes tab and hit upload link
- Find the the file you've zipped before and hit install now button

Installing WordPress http://codex.wordpress.org/Installing_WordPress

### B) RT-Theme Settings - top

On wordpress admin area you'll see an additioal menu which named "RT-Theme"

#### B1) General Options- top

Stlye Options: Choose a style for your website.
Logo: Enter the url of your own logo or choose a file using by the upload button. The default Logo will be replaced as soon as you have saved the page.
Pre Defined Backgrounds: You can choose a pre-defined background for your web site.
Background Slider: To activate the background slider enter image urls line by line. Please note, you can't use background slider and random background option at the same time. Random Background Images:
To activate the random background images enter image urls line by line.
Same Lavel Sub Pages: Show same lavel pages on sub page sidebar menu.
Don't show sub pages on page's sidebar: Check this box if you don't want to display sub page menu on pages.
Footer Banner: If you want to activate the footer banner and the button, just enter your data into the fields.
Disable Cufon: Check this box if you want to disable the Cufon Font Replacement Plugin
Google Analytics Tracking Code: Put your analytics tracking code here.
Layout: There are two ways to add content into the home page. One of them is using widgets in Widgetized Home Page Area and you can select their layout with this option.
Social Media: This option for social media icons under the footer like demo page. You can use your own codes or social media shorcodes.

####

#### B2) Slider Options- top

Select Slider: Select a slider type for your home page.
Slider Effect Options: you can choose an effect for the home page slider. Default is scrollLeft
Slider Height: set the home page slider height. default value is 300px
Remove slider from home page: You can remove the slider if you don't need.
Slider Timeout (seconds): The duration time between each transiition in seconds of home page slider.
Hide Slider Thumbails: Check this box if you would like to hide the slider thumbnails on the home page.

####

#### B3) Portfolio Options- top

Select your portfolio page: Choose a page even if you don't want to use on menu bar, this page is the start page of your portfolio.
Select Portfolio Start Category: As default, RT-Theme shows all portfolio items on the portfolio home page. You may want to show your selected works like "latest works" In this case you need to select a start category.
Don't Show Portfolio Items On Start Page: You can place another content for your portfolio start page rather than portfolio items.
Don't show portfolio categories on single portfolio item's sidebar: As default theme will display all the portfolio categories on single portfolio item's sidebar.
Select portfolio layout: As default portfolio items will display in 4 column. You can change it by using the option.
How many portfolio item do you want to display per page?: Enter a number
OrderBy Parameter: Choose a parameter to sort your portfolio by.
Order: Designates the ascending or descending order of the ORDERBY parameter
Remove links to post details from items: If you don't need to portfolio detail page you can disable linking by checking this box.
Disable auto resize function for portfolio images: Use this option, if you want to use your own thumbnails rather than the automaticly generated ones.

#### B4) Product Options- top

Select your product list page: Choose a product list page even if you don't want to use on menu bar, this page is the start page of your product showcase.
Select Product Page Start Category: As default, RT-Theme shows all products on start page. You may want to show your selected products like "featured products" In this case you need to select a start category.
Don't Show Products On Start Page: If you want to remove products from the start page of product catalogue check this option. You can put your content in the "product list page" by using Pages -> Edit
Don't show product categories on sidebar of single product items and product lists: As default theme will display all the product categories on single product page or product list page sidebars.
OrderBy Parameter: Choose a parameter to sort your products by.
Order: Designates the ascending or descending order of the ORDERBY parameter

####
B5) Blog Options- top

Select Blog Categories: Select categories which you want to show on your blog page. If you don't select any category the blog start page will display all categories.
Select Your Blog Page: Choose a product list page even if you don't want to use on menu bar, this page is the start page of your product showcase.
Disable autoresize post images: Blog list pages resizes the featured images. If you want to use them as you've uploaded, use this box.
Don't show blog categories on sidebar of blog page and single blog posts: As default theme will display all the blog categories on blog related sidebars.
Disable autoresize function for featured images of posts: Use this option, if you want to use the featured image as orginal size.

#### B6) Dynamic Sidebars- top

There are ten default sidebars embeded with the theme. These are for Slider, Home Page, Page Sidebar, Blog Sidebar, Contact Us Sidebar, Portfolio Detail, Products and Product Detail pages and one for all site (common sidebar). But if you want to use the widgets just for a page(s), category(s), post(s), product(s) or portfolio(s) entries you can use the Dynamic Sidebars Tool. For example, if you want to add latest blog posts or a banner image to your about us page, you can create a new widget area for about us page and use it as you wish.

To add new custom sidebar

1. Choose an option from the list under Create New Sidebar text
2. Enter a name
3. Choose category(s), page(s) or post(s) from the list
4. Hit the save changes button

Once you've created a new sidebar, you'll be see the sidebar on Appearance → Widgets page.

###
C) Main, Top and Footer menus - top

There are three embeded menu of the theme; RT Theme Left Navigation , RT Theme Top Navigation and RT Theme Left Navigation

Click image to enlarge

1. Go, Wordpress Appearance → Menu
2. Choose the menu you want to edit from the tabs
3. Add your items, orginize them and click Save Menu button.

The Appearance Menus SubPanel is available beginning with Worpdress 3.0. If you're new on this new menu feature of wordpress please read this article carefully; http://codex.wordpress.org/Appearance_Menus_SubPanel

To use all items like products, portfolio items, tags etc. check the Screen Options to insure those modules are set to display.

### D) Home Page Contents- top

#### D1) Custom Posts- top

In order to add content to your home page you can use Home Page Contents custom post types.

1. Go, Home Page Contents→ Add New Box
2. Write the title and content

- Layout Options: Choose the column width of the box from layout options
- Custom Link: If you want to give a link to the title and a custom text under the content, place the link.
- Custom Link Text: The custom link text of your choice
- Publish in second row (colored one): There two different row on the home page, one for and the first one is white and the second one is colored. You can set where will be published the content.

D2) Widgets- top

You can also use the widgets in home page. Go, Wordpress Appearance → Widgets and put any widget into the Widgetized Home Page Area. This widget will be appear above the Home Page Contens custom posts if you've set any.

###
E) Sidebar Contents- top

#### E1) Standart Widgets- top

You can use the standart test widget to set your custom contents like photos, testimonials etc. They supports the shorcodes. Go, Wordpress Appearance → Widgets and put any widget into a sidebar.

#### E2) RT-Theme News Widget- top

1. Go, Appearance → Widgets and find the RT-Theme News Widget
2. Drag&Drop the widget into a sidebar

This widget adds last 10 posts under a title that given. You need to select a category to use it. You can enter another number into the Number Posts field to change post number.

####

####

####

####

####

####

#### E3) Recent Posts- top

You can use the standart test widget to set your custom contents like photos, testimonials etc. They supports the shorcodes. Go, Wordpress Appearance → Widgets and put any widget into a sidebar.

[posts count="3" categories="11,3,4"]

####
E4) Flickr - top

Use the same method with 'E3 ) Recent Posts' to add flickr and twitter shortcodes into a sidebar.

[flickr userid="36587311@N08" count="4"]

### F) Home Page Sliders- top

In order to add new slide to your home page slider you need to use Home Page Slider custom post types.

1. Go, Home Page Slider→ Add New
2. Write the title and content
3. Set the slider image
   1. Click Set featured image link right side of the post in add/edit slide.
   2. Choose an image and click Use as featured image link to set as featured.
   3. Close the lightbox and save your slide post.
4. Fill the Custom Link part if you want to give link to the image and the title
5. Fill the Custom Link Text to get another link under the text.

Important Please Read
- You can find the slider setting under RT-Theme → Slider Options.
- The slides ordering by publish dates, If you want to re-order the slides please change their publish dates.

##### Setting featured images (Screenshots)

### G) Portfolio Entries- top

In order to add new portfolio item you need to use Porfolio custom post types. There are several things you must know;

- If you set a thumnail image the auto thumbnail function automaticly disable for the item.
- If you don't put a link for "Media for blog posts" area the lightbox disable automaticly.
- When adding videos or swf files you need to use your own thumbnail image.
- Example media url for IMAGE portfolio items
  http://www.rtscripts.com/rt-theme4/style1/images/portfolio_pics/thumb2.jpg
- Example media url for SWF portfolio items (VIMEO)
  http://vimeo.com/4321799
- Example media url for Video portfolio items (YOUTUBE)
  http://www.youtube.com/watch?v=qqXi8WmQ_WM
- Example media url for QuickTime portfolio items (QUICKTIME)
  http://movies.apple.com/movies/wb/terminatorsalvation/terminatorsalvation-tlr3_h.480.mov?width=480&height=204

### H) Product Entries- top

In order to add new product item you need to use Product custom post types. There are several things you must know;

- Product Image Url
  The main product image url. This image will use on listing page and right side of product detail page as thumbnail. When clicked it on detail page, original version will be opened by the lightbox. You can use a logical size image for this field. Thumbnails will be generated by the system automaticly. It must be local link because of the timthumb image resizer script can't generates thumbnail images from a remote url.
- Other images for this product
  You can put unlimited image for this product. Please put all the image links line by line. All these images will be resize automaticly. Leave blank if you don't need to additional product photos.
- Short Description
  Short description for product listing pages.
- Related products with this product
  You can add unlimited product for this field. Please put all the product ID's line by line. Leave blank if you don't need to this feature.

Finding page/post ID
To find the Page ID, go to Pages->Edit and hover over the title of the page. The status bar of your browser will display a URL with a numeric ID at the end. This is the page ID.
Pages Widget http://support.wordpress.com/widgets/pages-widget/
Finding the WordPress Page ID http://www.techtrot.com/wordpress-page-id/

URLs of Media Files
When you've added new media file, the url appears on the bottom of the page.
How to Find the URL for an Image http://www.bestwpthemez.com/wordpress/how-to-find-the-url-for-an-image-937/

### I) Blog Entries- top

Use regular posts to add new blog post. There is only one thing you need to know about blog posts that Featured Images

1. Click Set featured image link right side of the post add/edit page.
2. Choose an image and click Use as featured image link to set as featured.
3. Close the lightbox and save your post.

### J) Shortcodes- top

RT-Theme comes with some great shortcodes that allow you to add photo galleries, contact forms and social media icons. In order to use them, you need to edit/add posts, pages or widgets and enter the shorcodes into the content area. I've created my Contact Us page on the live preview by using the shortcodes and it's looking like this; click here to see the code

####

####
The RT-Theme Shortcodes Button
You can find all the shortcodes and add your page easily using by the RT-Theme Shortcodes buton on editor and the top link. You'll also find all details about the shortcodes inside the Shortcode window.

###

###
K) JavaScript - top

This theme imports these Javascript files.

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/cufon.js"></script>
<script type="text/javascript" src="js/aller.cufonfonts.js"></script>
<script type="text/javascript" src="js/jflickrfeed.min.js"></script>
<script type="text/javascript" src="js/jquery.tweet.js"></script>
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
<script type="text/javascript" src="js/jquery.kwicks-1.5.1.pack.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/jquery.innerfade.js"></script>

1) jQuery http://jquery.com
jQuery is a Javascript library that greatly reduces the amount of code that you must write.
2) jQuery Cycle - jQuery plugin http://malsup.com/jquery/cycle/
Cylcle script on sliding gallery
3) DD_belatedPNG png fix script for ie6 - http://jquery.andreaseberhard.de/pngFix/
This is a Javascript library that sandwiches PNG image support into IE6 without much fuss.
jquery.pngFix.pack.js
4) script.js - Coded by Tolga Can
Includes several functions
5) jQuery Easing - jQuery plugin http://gsgd.co.uk/sandbox/jquery.easing.php
Offers multiple easing options
6) jQuery PrettyPhoto jQuery plugin http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/

7) Cufon http://wiki.github.com/sorccu/cufon/about
jQuery UI JavaScript Library

8) jQuery Tools http://flowplayer.org/tools/index.html
jQuery Tools jQuery Plugin

9) Kwicks for jQuery (version 1.5.1)
Copyright (c) 2008 Jeremy Martin
http://www.jeremymartin.name/projects.php?project=kwicks

10) jQuery Nivo Slider v2.3
Copyright 2010, Gilbert Pellegrom
http://nivo.dev7studios.com

11) jQuery Inner Fade
Torsten Baldes
http://medienfreunde.com

12) Flickr Plugin
Copyright (C) 2009 Joel Sutherland
http://www.newmediacampaigns.com/page/jquery-flickr-plugin

###
L) PSD Files - top

There are several psd files for all the elemens which i used for the template. You can find them in numbered folders under the psd_files folder.

###
M) Sources and Credits - top

I've used the following images, icons or other files as listed.

- Stock Photos by Envato
  http://themeforest.net/page/asset_library
- Sunset, Sunset B/W By Tolga Can
- Tileable Light Blurs and Abstract Circle Patterns http://webtreats.mysitemyway.com/tileable-light-blurs-and-abstract-circle-patterns/
- 8 Tileable Dark Wood Texture Patterns http://webtreats.mysitemyway.com/8-tileable-dark-wood-texture-patterns/
- Tunnel, Landspace, City Photos by Stig Nygaard http://www.flickr.com/photos/stignygaard/ (Creative Common Licence)
- HONG KONG II (CITYSCAPE) by Chi King http://www.flickr.com/photos/davelau/1633558853/in/pool-400556@N22/ (Creative Common Licence)
- Icons By Andy Gongea
  http://www.graphicrating.com/2009/06/19/quartz-icon-pack
- Social Network Icon Pack by Rogie King
  http://www.komodomedia.com/download/

### O) Version History - top

Please check the theme's dashboard for the version history http://themeforest.net/item/rttheme-13-multipurpose-premium-wordpress-theme/157692

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Tolga Can

Go To Table of Contents