“RT-Theme 19 Wordpress Theme” Documentation by “RT-Themes”


“RT-Theme 19 Wordpress Theme”

Created: 09 March, 2015
By: RT-Themes
Support: http://support.rtthemes.com

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-rt.com. Thanks so much!


Table of Contents

  1. Installation
    1. Install the theme
    2. Installing RT-Theme 19 Extensions Plugin and other bundled plugins
    3. Importing demo contents
    4. Import slider samples (Revolution Slider)
    5. Import sample widgets
  2. Online Documentation
  3. Theme Customizer
  4. Bundled Plugins
  5. Visual Composer
  6. JavaScript and CSS
  7. Sources and Credits
  8. Version History

A) Installation - top

A1) Installing the theme
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 rttheme19 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:

Watch Video Tutorial:

 

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

 

A2) Installing RT-Theme 19 Extensions Plugin and other bundled plugins

Once you activated the theme you'll be notified with a message like shown below and you can install the plugin by clicking the 'Begin installing plugins' link.

Note : If it is a WPMS ( WordPress Multi Site ) install, you must upload the plugins by manully via FTP or Plugins page of your Network Admin. The plugins can be found as seperate zip files inside rttheme19 ▸ rt-framework ▸ plugins folder. (unzip rttheme19.zip first)

A3) Importing Demo Contents

Note : If you would like to import Portfolio, Product Showcase, Testimonials, Team related posts and media you must active RT-Theme 19 Extensions Plugin and for WooCommerce you must active WooCommerce Plugin before start the importing process.

This step is optional. We created some sample content for you and which you can import by the use of the wordpress import system. The sample content is a excerpt of some of the content and examples used in the demo website of RT-Theme 19.

Note : the wordpress import plugin needs to be installed and activated. You also need to know where the sample-content xml file is located that comes with the theme (downloaded from Themeforest)

  1. Go Tools → Import, click WordPress

    import-demo-content

  2. Click browse button and find the XML file on your computer. It is located in the “Demo Contents” folder that becomes available in one of the subfolders after unpacking the RT-Theme 19 zipfile downloaded from ThemeForest.
  3. Hit “Upload file and import” button and follow the screen instructions.
  4. Make sure to reassign the posts which you are about to import to the correct Admin or Author name.
  5. Make sure to check “Download and import file attachments” checkbox

 

A4) Import slider samples (Revolution Slider)

This step is optional. You can import slider demos that created with Slider Revolution Plugin to create your easily.

  1. Go Tools → Revolution Slider, click the 'Import' button to find the zip file from your computer . It is located in the “Demo Contents” folder that becomes available in one of the subfolders after unpacking the RT-Theme 19 zipfile downloaded from ThemeForest.
  2. Hit “Import Slider” button to import the slider.

 

A5) Import sample widgets

This step is optional. You can import the widgets that used for the demo. Before start you'll need to install this plugin https://wordpress.org/plugins/widget-importer-exporter/

  1. Go Tools → 'Widget Importer & Exporter', click the ' Browse' button to find the 'wie' file from your computer . It is located in the “Demo Contents” folder that becomes available in one of the subfolders after unpacking the RT-Theme 19 zipfile downloaded from ThemeForest.
  2. Hit “Import Widgets” button to import the slider.

 


B) Online Documentation- top

You can find detailed instruction about this theme in our documentation website at http://docs.rtthemes.com/rt-theme-19-documentation/


C) Theme Customizer- top

RT-Theme 19 uses the wordpress customizer to change the theme settings. This gives one the ability to see in the backend what you are changing and how it looks in the front of your website.

The Customizer can be accesed in two different ways :

  1. Through the WordPress Admin Area –> Appearance –> Customize menu option (see number 1 image below)

  2. Through the WordPress Admin Area –> Customize Menu (ability added by RTTheme-19)

rt19-theme-settings

  1. Access the Theme Customizer / Settings

  2. Import Theme settings which have been exported before. Note : In a WordPress Multisite you need to enable importing of the txt file extension the superadmin area settings.

    multisite-file-type

  3. Export the current theme settings to a txt file.

  4. Reset all Theme settings to default. Note : All your settings will be erased

Both Customize Menu options (1) bring you to the same area where you can visually adjust the theme settings and which looks like this:

rt19-customizer

In the customizer you can adjust all the theme settings and see the results on the preview screen right of the settings (In RTL mode : of course on the left size).

Note : For some settings a highlight area will be visible in the preview window ony if that area is in the visible part of your screen. I could mean that you need to scroll the preview area to actually see the setting you are adjusting.


D) Bundled Plugins- top

The RT-Theme 19 comes bundled plugins for which we have bought valid extended licenses.

  1. The Visual composer
  2. The Slider Revolution

Things you should know and be aware of :



E) Visual Composer
- top

RT-Theme 19 comes with a plugin called Visual Composer.

The Visual Composer plugin can operate in two modes:

  1. Classic Editor mode. Which is like the normal way wordpress presents its editor (In this “normal editor mode” one has two modes : visual mode and text mode. The latter is what we call html mode)
  2. Backend Editor mode. The visual mode of the visual composer plugin in which you can add elements into a page and drag and drop them around where you want to have them. You can adjust each elements settings by the elements edit button.

Note : You can switch between the classic mode and backend mode without any problems. But be aware that once you start editing the shortcodes in classic mode that you do this correctly as unclosed shortcodes can cause issues in how you page will look in the front of your website.

Visual mode or Backend Mode of the Page

How to get into the visual mode of a page where you insert and drag around elements?

  • Open the page and switch to visual composer design mode by clicking the blue button with the text Backend Editor.

    create-a-page-called-blog-visual-editor

  • You will see something like this.

    page-visual-composer-mode

How to get into the classic mode of a page where you insert code like text?

  • Open the page and switch to visual composer design mode by clicking the blue button with the text Backend Editor.

    vc-back-to-classic-mode

  • You will see something like this.

    rt-classic-mode

Note : Visual composer rows does not work as fullwidth when used in single product pages. Its by design that they cant work.

Visual Composer add a Element

In a clean page you have to start with adding a element to your page content. Below are the steps on how todo this:

  • Click on add element:

    visual-composer-add-element

  • Then in the popup window choose f.e. the Rt Blog Post Element.

    bloglisting-page

  • After Choosing That element a new window will popup with settings you can adjust for the chozen element.

    Blog-Element-Settings

    Adjust the settings the way you want you blog list to be and save the settings.

  • You will return to the visual page mode editor and will see something that looks like this.

    vc-save-element-settings

  • Note : After One Elements is added the Editor looks a bit different and you then can add new elements by use of the PLUS Signs.

    vc-add-another-element

    The Visual Composer Screen.

    When you open a page and you have The Visual Composer plugin in visual mode there are a lot of elements and settings one needs to be aware off

    vc-editor-elements

    1. The Visual composer Toggle button two switch between the normal wordpress editor and the Visual Composer Editor.

    2. The Add New Element to the row. A dialog window will open in which on can select a new element. After which another dialog appears with all the settings that can be set for the new element.

    3. The Template button. You can save or load a page design as a template by this button. This way you dont have to redesign all elements and its settings again, but you can recall it with one click.

    4. Drag a Row into another place.

    5. Change the Row Columns.

    6. Add a new Column. A dialog window will open in which on can adjust the settings for the new column.

    7. Add a new (different) Element (Module) before the selected. A dialog window will open in which on can select a new element. After which another dialog appears with all the settings that can be set for the new element.

    8. Edit This Column. A dialog window will open with all the settings that can be changed / adjusted.

    9. Delete this Column including all its elements.

    10. Open or close (collapse) this Row.

    11. Edit the settings of this row. A dialog window will open with all the settings that can be changed / adjusted.

    12. Clone the current row into a new one.

    13. Delete the current row and all of its content.

    14. Custom Css Box to add your custom css for this page.

    15. Move the element within the colund and / or row.

    16. Add en new element (module) after the selected one. A dialog window will open in which on can select a new element. After which another dialog appears with all the settings that can be set for the new element.

    17. Edit the selected element (module) settings. A dialog window will open with all the settings that can be changed / adjusted.

    18. Clone / Duplicate the current element (module) within the row or column.

    19. Delete the select element.

    20. The Add New Element to the row. A dialog window will open in which on can select a new element. After which another dialog appears with all the settings that can be set for the new element.

    Visual Composer Documentation.

    The visual composer documentation can be fould here : Visual Composer Documentation
    The visual composer video tutorials can be found here : Visual Composer video tutorials

    Back To Top



    E) JavaScript and CSS
    - top

    This theme imports these Javascript files. 

    jquery (version that comes with wordpress)
    /js/pace.js
    /js/modernizr.min.js
    /js/bootstrap.min.js
    /js/isotope.pkgd.min.js
    /js/imagesloaded.min.js
    /js/owl.carousel.min.js
    /js/jflickrfeed.min.js
    /js/customselect.min.js
    /js/lightbox/js/jackbox-packed.min.js
    /js/placeholders.min.js
    /js/waypoints.min.js
    /js/scripts.js
    /js/lightbox/js/jackbox-packed.min.js

    This theme imports these CSS files. 

    /css/bootstrap.css
    /css/fontello/css/fontello.css
    /css/style.css
    /css/owl-carousel.css
    /js/lightbox/css/jackbox.min.css
    /css/rtl.css
    /css/woocommerce/rt-woocommerce.css
    /css/woocommerce/rt-woocommerce-rtl.css


    F) Sources and Credits
    - top

    Included commercial items with extended license

    Included Free Items (other than the jQuery plugins that listed under the JavaScript title.)


    Demo Site Related Media - (Private Licenced Items)

    The following list provided to help you to find those nice graphics and stock images that you seen on the demo website. Those area just licenced for the demo website and you need to have your own license to use with your website.

    FREE ITEMS
    49 vector (SVG) icons by Zlatko Najdenovski https://www.iconfinder.com/iconsets/miscellaneous-31

    STOCK IMAGES
    http://www.123rf.com/photo_17250333_open-book-on-white-background.html
    http://www.123rf.com/photo_19253503_seo-business-search-engine-optimazion-concept-cloud-chart-blue-toned.html
    http://www.123rf.com/photo_20707359_teamwork-concept-with-running-businessman-with-laptop.html
    http://www.123rf.com/photo_32788446_portrait-of-smiling-photo-editors-using-computers-in-the-office.html
    http://www.123rf.com/photo_14399323_a-bookshelf-on-the-wall-rendering.html
    http://www.123rf.com/photo_19398790_beautiful-woman-holding-a-handbag.html
    http://www.123rf.com/photo_15651215_sofa-and-a-vase-near-the-wall.html
    http://www.123rf.com/photo_16659414_livingroom-with-sofas-and-a-vase-near-the-windows.html
    http://us.cdn2.123rf.com/168nwm/tiler84/tiler840805/tiler84080500017/3066128-two-brown-and-black-vases-with-dry-wood-isolated-on-white.jpg
    http://us.cdn4.123rf.com/168nwm/inigocia/inigocia1112/inigocia111200001/11551494-view-of-new-york-from-the-rockefeller-center.jpg
    https://dollarphotoclub.com/stock-photo/Spa%20Woman.%20Beautiful%20Girl%20Touching%20Her%20Face.%20Perfect%20Skin.%20/78318188
    https://dollarphotoclub.com/stock-photo/Decorative%20shelf/56697974
    https://dollarphotoclub.com/stock-photo/Brooklyn%20Bridge%20at%20night,%20New%20York/70034494
    https://dollarphotoclub.com/stock-photo/12%20pole/70842414
    https://dollarphotoclub.com/stock-photo/Coffee,%20office%20supplies%20and%20gifts/49370496
    https://dollarphotoclub.com/stock-photo/Meeting%20room/68580336
    https://dollarphotoclub.com/stock-photo/Business%20woman%20portrait/73079496
    https://dollarphotoclub.com/stock-photo/crassula%20plant%20on%20white%20commode%20in%20minimalism%20interior/72973196
    https://dollarphotoclub.com/stock-photo/white%20commode%20with%20lamp%20and%20books%20in%20bright%20minimalism%20interior/72911427
    https://dollarphotoclub.com/stock-photo/white%20commode%20with%20lamp%20and%20books%20in%20bright%20minimalism%20interior/72911427
    https://dollarphotoclub.com/stock-photo/Modell%20vom%20Segelschiff%20auf%20Regal/70155851
    https://dollarphotoclub.com/stock-photo/modern%20minimalist%20lounge/29203539
    https://dollarphotoclub.com/stock-photo/orange%20and%20brown%20living%20room/29319245
    https://dollarphotoclub.com/stock-photo/lamp%20on%20the%20table%20with%20white%20wall%20background/54260241
    https://dollarphotoclub.com/stock-photo/Living%20room/41038228
    https://dollarphotoclub.com/stock-photo/Living%20room%203d/40542223
    https://dollarphotoclub.com/stock-photo/living%20room/39637554
    https://dollarphotoclub.com/stock-photo/Interno%20con%20divano/37543509
    https://dollarphotoclub.com/stock-photo/Interno%20con%20tavolo%20e%20sedie/37334483
    https://dollarphotoclub.com/stock-photo/Beautiful%20happy%20woman%20holding%20a%20bag%20/47642850
    https://dollarphotoclub.com/stock-photo/Beautiful%20happy%20woman%20holding%20a%20bag%20/47642850
    https://dollarphotoclub.com/stock-photo/Part%20of%20boho%20girls%20ready%20to%20cycling/67278595
    https://dollarphotoclub.com/stock-photo/Pair%20of%20female%20shoes/36504972
    https://dollarphotoclub.com/stock-photo/Female%20soft%20bag/66498310
    https://dollarphotoclub.com/stock-photo/hat%20on%20the%20white%20background/72365286
    https://dollarphotoclub.com/stock-photo/Hat%20isolated%20on%20the%20white%20background/33733585
    https://dollarphotoclub.com/stock-photo/Brown%20stylish%20men%27s%20belts%20coiled./52669592
    https://dollarphotoclub.com/stock-photo/box%20on%20the%20white%20background/71947620
    https://dollarphotoclub.com/stock-photo/Brown%20stylish%20men%27s%20belts%20coiled./52669592
    https://dollarphotoclub.com/stock-photo/box%20on%20the%20white%20background/71947620
    https://dollarphotoclub.com/stock-photo/Elegant%20sunglasses%20isolated%20on%20the%20white/50410158
    https://dollarphotoclub.com/stock-photo/Man%27s%20watch/37658013
    https://dollarphotoclub.com/stock-photo/polar%20fleece%20sweater/30437507
    https://dollarphotoclub.com/stock-photo/trees%20background/48354958
    https://dollarphotoclub.com/stock-photo/chair%20/60290025
    https://dollarphotoclub.com/stock-photo/Glass%20Jar%20with%20Sea%20Stuffs/53679991
    https://dollarphotoclub.com/stock-photo/Glass%20Jar%20with%20Sea%20Stuffs/53679991
    https://dollarphotoclub.com/stock-photo/willow/62142631
    https://dollarphotoclub.com/stock-photo/teapot%20on%20the%20white%20background/67330830
    https://dollarphotoclub.com/stock-photo/teapot%20on%20the%20white%20background/67330830
    https://dollarphotoclub.com/stock-photo/White%20wood%20flower/65671619
    https://dollarphotoclub.com/stock-photo/White%20wood%20flower/65671619
    https://dollarphotoclub.com/stock-photo/Cristmas%20lantern%20with%20snow/56465030
    https://dollarphotoclub.com/stock-photo/Rustic%20decor/63545115
    https://dollarphotoclub.com/stock-photo/Interior%20concept/29024695
    https://dollarphotoclub.com/stock-photo/Lamp%20shade/39890531
    https://dollarphotoclub.com/stock-photo/Contemporary%20tv%20wall%20furniture,%20minimal%20white%20living%20room/55367605
    https://dollarphotoclub.com/stock-photo/Three%20modern%20vases/34157748
    https://dollarphotoclub.com/stock-photo/Chair%20with%20cushion%20in%20a%20room%20with%20staircase/59132456
    https://dollarphotoclub.com/stock-photo/white%20commode%20with%20stack%20of%20books%20and%20flower%20pot/72911414
    https://dollarphotoclub.com/stock-photo/minimalist%20dining%20room/31965059
    https://dpc1.ftcdn.net/jpg/00/31/96/50/110_F_31965059_d8O6GNFqeUzL1yg7xj7M1BXGe854cDD6.jpg
    https://dollarphotoclub.com/stock-photo/room%20with%20wooden%20floor/50003968
    https://dollarphotoclub.com/stock-photo/Strategy%20thinking/76193177
    https://dollarphotoclub.com/stock-photo/Lampada/63451820
    https://dollarphotoclub.com/stock-photo/Modell%20vom%20Segelschiff%20auf%20Regal/70155851
    https://dollarphotoclub.com/stock-photo/Divano%20e%20parete%20solo/26162682
    https://dollarphotoclub.com/stock-photo/white%20commoda%20in%20bright%20minimalism%20interior/72913262
    http://themeforest.net/item/white-chair-and-lamp-on-grey/1176889


    G) Version History - top

    You can find the version history (changelog) by visiting the theme dahsboard page on themeforest.net


    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.

    RT-Themes

    Go To Table of Contents