R+R Theme Documentation

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

This is the theme help documentation file. Please go through this before contacting for support.

Live Theme Demo Purchase

1. Getting Started

A few words on getting started with R + R, package files & theme support.

1.1 Included Files

After downloading the theme package un-zip it. Inside the package you will find the following files:

  • DemoData
  • Documentation
  • R-plus-R
  • R-plus-R.zip

1.2 Installation Options

We assume you already have the default wordpress installed in your server.

To install R + R wordpress theme (that you’ve already downloaded and un-packed) you have two primary options: FTP or WordPress theme upload from the Dashboard.

1.3 FTP Upload

To manually upload R + R wordpress theme, login with your credentials to your website and locate the /wp-content/themes directory on your server. Upload the un-zipped theme folder into the: yourdomain.com/wp-content/themes

  • Log into your site via FTP
  • Browse to your folder located at wp-content/themes
  • Upload the R + R theme folder.
  • Log Into Wordpress and go to Apperance -> Themes
  • Find the theme and click to activate

Please ensure you are uploading the un-zipped theme folder, not the entire package downloaded.

1.4 WordPress Upload

Follow the steps below to upload your theme from the WordPress dashboard.

  • Log into your WP dashboard
  • Browse to Apperance -> Themes
  • Click to "add new" and then follow the instructions on the screen
  • When it askes to select a file find the zipped theme folder called R-plus-R.zip

Please ensure you are uploading the zipped theme folder, not the entire package downloaded.

1.5 Importing Demo Data and Configuring as the Demo Site

  • Install and activate the required plugins "TWL Timeline" and "TWL Photo Album".
  • Tools->Import:Wordpress and follow the instruction to install the plugin.
  • Browse select the .xml file from DemoData and import
  • Goto Appearance->Theme Options:Utility
  • Open theme-options.txt from DemoData with a text editor, copy the content and paste into Import input box and Save.
  • Create and set the Homepage
  • You should be done, visit the site!

1.6 Theme Support

If you have a problem with the theme or found a bug please let us know by sending us an email and we will help sort out your problem.

We tested the theme with major browsers and different devices. Unfortunately it is impossible to run every test scenario.

Note: We are happy to help with setup and any bugs you may stumble upon.

2. Theme Option Panel

R + R includes an Administration panel that will allow you to configure various aspects of the theme such as the logo, color, contact form options etc and each section of the landing page. Lets discuss with each section in the Administration panel one by one, no worries..

To access the theme options panel simply...

  • Log into your WordPress dashboard
  • Go to Apperance -> Theme Options

2.1 General

  • Menu type:
    • R + R Single Page Menu: Default and for single page.

      Menu will be created automatically with the title in the corresponding section and will be linked.

    • Wordpress Default Menu: If you use R + R as a multipage site.

      Only if you use R + R as multi page template.

      You will need to create a menu from Appearance->Menus and need to assign the newly created menu as the Main menu from the "Manage Locations" tab.

      You can mix single page section and stand alone pages in the menu. This would be a little tricky. Select "Wordpress Default Menu" as the menu type and create a menu with the pages you need and for single page section targeted link you will need to create a custom link and need to provide your site full url with a hash tag of a section, so that it can be linked from internal pages. And put external in "Link Relationship (XFN)" field as a class name for internal page menu item.


      The section hash tags are:

      • #intro
      • #welcome
      • #our_story
      • #accomodation
      • #bridal_party
      • #video
      • #gallery
      • #registry
      • #contact


  • Favicon: Uplaod the favicon, preferred a .ico file.
  • Color Schemal: We have the option to choose the primary color.
    • The Primary theme color: Default: #FF9B83

2.2 Typography

  • We have the options to select font-face, font-size, font-weight etc for the title and body text.

2.3 Header

  • Add the header section title (Default "R+R") and the header area background image

2.4 Welcome

  • You have the option to add the title and short message. You can also enable/disable the section.

2.5 Our Story

  • Enable/Disable the section
  • Section Title
  • Short details about the bride and groom
  • A background image for the section

  • Also you can enable/disable the timeline section
    • Make sure you already installed and activated the plugin "TWL Timeline"
    • To add timeline entry goto Timeline->Add New
    • Add a title
    • Short details
    • Date as the excerpt (Exp: January 15th 2012)

2.6 Accomodation

  • Enable/disable section
  • Section title
  • Background image
  • Max 3 buttons to add hotel/resthouse name with link

2.7 Bridal Party

  • Enable/disable section
  • Section title
  • Add title, image, description for brides maids and grooms mens

2.8 Video

  • Enable/disable section
  • Section title
  • Select video type (youtube or vimeo) and put the video ID

2.9 Fun Facts

  • Enable/disable section
  • Section title
  • Background image
  • And the fun facts.

    You can use <span> tag to highlight a portion of text/word or the number. Ex: "On average, <span>7,000</span> couples marry each day in the United States.

2.10 Photo Gallery

  • Enable/Disable the section
  • Section Title

  • Add Photos
    • Make sure you already installed and activated the plugin "TWL Photo Album"
    • To add photo goto Photos->Add New
    • Add a title
    • Short details as excerpt
    • Upload the image as Featured Image

2.11 Registry

  • Enable/disable section
  • Section title
  • Short detais
  • Max 3 buttons to add registry/gift shop name with link

2.12 Party

  • Enable/disable section
  • Section title
  • Add Party/Program Details
    • Small image, title with shrot details

2.13 Contact

  • We have a theme built in contact form section which can be used as reservation form. You need to configure it by providing the receiving email address, mail subject and success message. Or you can use popular contact form 7 plugin's shotcode to use contact form 7. Obviously the plugin needs to be installed and activated.

2.14 Footer

  • Add the footer section title and the footer area background image

2.15 Custom Scripts

  • Here you can wite any custom css or js code in the corresponding fields.

2.16 Utility

  • Options to export / import your custom settings.

3. Homepage, The Landing Page

Setting up the homepage is as easy and drag and drop.

3.1 Creating the Homepage

To create your homepage by following the steps below

  • Log into WordPress
  • Create a new page
  • Under "Page attributes" select the One page template template
  • Click Publish and you are done!

3.2 Setting up the Homepage

  • Browse to Settings->Reading
  • Select the new homepage as the static page for the front page display

4. Shortcode

4.1 Shotcode list

You will only need the shortcodes if you use R + R as multipage template.

  • [welcome]
  • [our_story]
  • [accomodations]
  • [bridal_party]
  • [video]
  • [fun_facts]
  • [photo_gallery]
  • [registry]
  • [party]
  • [contact]

5.1 Setting up the Blogpage

  • Create a page from Pages->Add New with default template
  • Browse to Settings->Reading
  • Select the new page as the Posts page for the blog page display

5.2 Widget area

  • Appearance->Widgets
  • R + R have the default right Sidebar widget area for blog and general inner pages
  • You can drag and drop any widget in the Sidebar area

6. Credit

6.1 Credit

  • Automattic / _s https://github.com/Automattic/_s/
  • Themekraft / _tk https://github.com/Themekraft/_tk
  • Bootstrap http://getbootstrap.com/
  • Wordpress theme options framework: https://github.com/vafour/vafpress-framework
  • Font Awesome http://fontawesome.io/
  • jQuery-One-Page-Nav https://github.com/davist11/jQuery-One-Page-Nav
  • Parallax effect https://github.com/IanLunn/jQuery-Parallax
  • Scrollorama https://github.com/johnpolacek/scrollorama

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.

Enayet Husain Rajib
Email: [email protected]