RoneousDocumentation

Welcome to Roneous Documentation

Roneous - Creative Multi-Purpose WordPress Theme


Thank you for purchasing Roneous Theme. In this document you will find information on how to install, manage and update your theme, as well as create content, install plugins, import Demo data etc.

If you have any questions that are beyond the scope of this help file, feel free to post them in our dedicated support forum.

Live Demo | Buy another License

Homepage Layout

The Roneous theme package contains following folders and files:

Child themes are the recommended way of making modifications to a theme. But in case you want to install the demo content, please active the parent theme before importing data for the best result.

Before start using the theme, a working version of WordPress must be installed. If you need help on installing WordPress, please follow the instructions in WordPress Codex.

The theme can be installed in localhost, or via FTP. The roneous file is the Installable WordPress Theme.

Install Theme via WordPress
  1. Step 1.Log in to the WordPress Administration Panels.
  2. Step 2.Select the Appearance > Themes > Add New.
  3. Step 3.Use the Upload Theme button to upload a zipped copy of Roneous Theme.
  4. Step 4.Go to Appearance > Themes and activate the theme.
Install Theme via FTP
  1. Step 1.Log into your hosting via an FTP software.
  2. Step 2.Unzip the installable file and upload into wp-content/themes folder.
  3. Step 3.Go to Appearance > Themes and activate the theme.
Troubleshooting
  1. Theme is missing the style.css stylesheet error

    This is a common issue that can occur when installing a WordPress themes. For the details of solution, please have a look at this article.

  2. The message: "Are you sure you want to do this? Please try again"

    If you are installing your theme from the WordPress theme installer, but get the message above, most likely your web server is configured that only allow a certain size ZIP file to be uploaded via WP Admin. In this case, you can simply unzip the installable theme file and install Theme via FTP.

Install Plugins

After you install the theme, you should see a list of suggested plugins at the top of the WordPress dashboard.
If you already closed it out, you can go to Plugins folder of the Theme package instead to activate plugins.

TLG Framework plugin is required by the theme to have all options in Live Customizer and custom Visual Composer elements.

Once you have installed all theme Plugins you can import the Demo Content. By installing the demo content, your theme will look like the one you see on our demo. This action will let you understand how the theme works by allowing you to modify a content that is already there rather than creating it from scratch.

One-Click Demo Import
  1. Step 1.Go to Appearance > Intall Demo in your Dashboard.
  2. Step 2.Read the message and click on Import button.

  3. Step 3.Sit back and let the importer run. The process an take up to 15mins on slower servers, these times depend on the server that hosts your WordPress site.
Manual Demo Import

If you receive any errors during the process, try running the import manually as described in the section below.

  1. Step 1.Go to Tools > Import in your Dashboard.
  2. Step 2.Click on WordPress then Choose file and locate within the Roneous package you unzipped: SampleData/roneous-demo.xml. Click Upload and Import. Then you can also check the box Download and import file attachments to import attachment files.
  3. Step 3.To import the sample widgets, you can use the Widget Importer & Exporter plugin. Once install the plugin, you can go to Tools > Widget Import/Export and uploading the .wie file: SampleData/roneous-widget.wie. The results are shown in a nicely formatted table with an explanation of what happened with each sidebar and widget.
  4. Step 4.To import Revolution Sliders, you can go the the Revolution Slider tab in your WP Admin, and click the Import Slider button. Then simply choose the .ZIP file of the slider you'd like to import at SampleData folder of the theme package.
Indivdual Pages Import

To use pre-made layouts, just copy and paste our demo code below into the Editor of your page and click on Save button (make sure to paste the code in "Text" mode, then you can switch back to Visual Composer editor to edit page content).

Home Pages:

Other Pages:

Common Issues & Questions

1. Missing menus or duplicated menu items

If you have duplicated menu items after import the Demo Contents. It's due to the time out while reading response from server, the importing progress then automatically re-start and you may get duplicated menu items. To fix this issue, please follow the steps here:

  1. 1. Go to Appearance > Menus in your Dashboard and delete the duplicated menus.
  2. 1. Go to Tools > Import.
  3. 2. Click on WordPress then Choose file and locate within the Roneous package you unzipped: SampleData/roneous-menu.xml. Click Upload and Import.
  4. 4. Go to Appearance > Menus and click the Manage Locations button at the top. Select a Menu for the Primary Navigation and save it.

2.Fatal error: Maximum execution time

If you receive a message like this, you need to increase the WordPress Memory Limit regardless of server memory settings.

3.Duplicated demo content

To get rid of the duplicated content you can install the WordPress Reset plugin.

Defining a Menu

You must define a menu before you can add items to it.

Adding Items to a Menu
Assign your Menu

Now you only need to assign your menu to your desired Menu Location. To do that, click the Manage Locations button at the top, select your menu for one of the Primary locations and click Save Changes.

Mega Menu

The Mega Menu extension gives the end-user the ability to construct advanced navigation menus. You can create one in the same way you create a regular sub menu. However, you have to choose the option of Enable Mega Menu to activate the mega-menu. The next level of submenu will be mega menu each column's title.

Menu Button

To use a menu item like a button action, simply choose the option of Enable Button Style to activate the button.

Menu Badge

Note: You can change the badge color in Dashboard > Appearance > Customize > Colors

To set up the Home Page of your theme go to your WP Admin and navigate to Pages > Add New. Choose a Title like "Home", add your content and click the Publish button.

Then Go to Settings > Reading. Select A static page, choose a Home page for Front Page and choose a Blog page for Posts page.

Posts are the entries that display in reverse chronological order on your home page. In contrast to pages, posts usually have comments fields beneath them and are included in your site's RSS feed.

To write a post:

1. Standard post type

This is default styling for the WordPress theme. Simply add new post or edit post and select post format as Standard.

Front-end display:

For a perfect fit the header image should be at least 1920px wide.

2. Gallery

This format will show a thumbnail image from your posts, as well as an excerpt of the gallery. To have this post format, you need to add gallery for the post by clicking on Add Media > Create A Gallery and press Insert Gallery button in order to insert the gallery into the post.

Front-end display:

3. Audio

This format will show a featured audio as cover of the post.

You can paste your URL that should be embedded. Supports services listed at http://codex.wordpress.org/Embeds.

Or you can just paste your embedded code right in the post content:

Front-end display:

3. Video

This format will show a featured video as cover of the post.

You can paste your URL that should be embedded. Supports services listed at http://codex.wordpress.org/Embeds.

Or you can just paste your embedded code right in the post content:

Front-end display:

5. Blockquote

This format will show a quote with a beautiful style from your posts.

Front-end display:

6. Link

This format will show a link from your posts.

Front-end display:

Creating Blog page

Creating a blog Page is quite easy with this theme. Just follow the steps here:

  1. Go to Pages > Add New in your Dashboard.
  2. Choose a title like "Blog".
  3. Switch to the Visual Composer by clicking the Backend Editor button and add the Blog element.
  4. Set Row stretch in Row setting as Stretch row
  5. Click the Publish button.

Roneous uses a highly customized version of the popular Visual Composer plugin with some default short codes and some customized short codes. In the custom page builder, you can easily create complex layouts. Not all of the original Visual Composer short codes are available with this theme or were replaced by our own ones.

Building pages is very easy in this theme as you will use the Visual Composer's builder and all the shortcodes comes with it. Follow these simple steps to create a Page with Roneous:

Row background

Front-end display:

Row overlay background

Front-end display:

Row video background

Front-end display:

Row stretch
One Page scroller with Row ID

Row ID is needed to create One Page scroll page ( Demo ).

  1. Create page with multiple rows. In every row you want to navigate, input the ID of the row.

  2. Create navigation menu using Custom Links and input "#" follow by Row ID in URL text input field.

Row extra class name

You can see our CSS Helper classes below here:

Page Front-End Editor

Build responsive website and manage your content easily with intuitive front end WordPress editor.

Visual Composer front end editor allows you quickly switch between different devices to check how your content looks on tablet or mobile devices.

The theme comes with flexible settings on bottom of each page/post/portfolio editor. You can also change the global settings at Theme Customization section.

Header Elements:

Roneous theme comes with a Portfolio custom post type that allows you to listing your works in beautiful layouts. To create your Portfolio items follow the steps below:

  1. Go to Portfolio > Add New in your Dashboard.
  2. Add a title and input all the project related info like Feature image and cover image. (If you want to use the Visual Composer for your item and you don't see the VC button, please go to Dashboard > Visual Composer and check on the Portfolio post type.)
  3. Select Portfolio Category and other meta data if you want it.
  4. Click on Publish / Update button.

Creating Portfolio page

Creating a portfolio Page is quite easy with this theme. Just follow the steps here:

  1. Go to Pages > Add New in your Dashboard.
  2. Choose a title like "Portfolio".
  3. Switch to the Visual Composer by clicking the Backend Editor button and add the Portfolio element.
  4. Make sure the Row Type is set to Full width (Stretch Row). Click the Publish button.

Roneous theme comes with the custom post types like Team Members, Clients and Testimonials, that allows you to adding to page via Visual Composer element in beautiful layouts. You can see how to create there items below:

1. Team Members
  1. Go to Team Members > Add New in your Dashboard.
  2. Add a title and input all the team member related info like Feature image and social content.
  3. Select Team Category and other meta data if you want it.
  4. Click on Publish / Update button.

If you would like to set up a Team Members page, go to your WP Admin and navigate to Pages > Add New. Choose a title like "Team Member" and select one of the "Default" templates in the Page Attributes. Switch to the Visual Composer and add the Team element. Click the Publish button.

Front-end display:

2. Clients
  1. Go to Clients > Add New in your Dashboard.
  2. Add a title and input all the client related info like logo and client URL.
  3. Select Client Category.
  4. Click on Publish / Update button.

If you would like to set up a Client page, go to your WP Admin and navigate to Pages > Add New. Choose a title like "Client" and select one of the "Default" templates in the Page Attributes. Switch to the Visual Composer and add the Client element. Click the Publish button.

Front-end display:

3. Testimonials
  1. Go to Testimonials > Add New in your Dashboard.
  2. Add a title and input all the testimonial related info like user avatar and other meta data.
  3. Select Testimonial Category.
  4. Click on Publish / Update button.

If you would like to set up a Testimonial page, go to your WP Admin and navigate to Pages > Add New. Choose a title like "Testimonial" and select one of the "Default" templates in the Page Attributes. Switch to the Visual Composer and add the Testimonial element. Click the Publish button.

Front-end display:

Widget

WordPress Widgets add content and features to your Sidebars. Examples are the default widgets that come with WordPress; for post categories, tag clouds, navigation, search, etc.

You can add a Widget by following these steps:

If you change WordPress Themes, the Widgets will return to the left side of the page in the Widget Archives or Available Widgets list. You may need to add them again and rearrangement depending upon the Theme's ability to preserve other Theme's Widgets.

There are 4 widgets supported in this theme as below:

1. Flickr

Getting the Flick ID via idgettr.com:

2. Instagram

3. Twitter

To get Consumer Key & Consumer Secret, you have to create an app in Twitter, then you'll be taken to a page containing Consumer Key & Consumer Secret.

4. Posts

Display a list of posts order by date, ID and most commented.

Shortcode

Roneous theme comes with 3 useful shortcodes which you can use in post, Visual Composer elements, or text widget.

1. Dropcap ( Demo )

[tlg_dropcap text="V" color="#63f8d3" background=""]enenatis quisque hendrerit class...

2. Highlight ( Demo )

[tlg_highlight text="This is example" background="#63f8d3" color="#2C292F"]

3. Block ( Demo )

[tlg_block text="This is example" background="#1b1d1f" color="#fff"]

[tlg_block text="This is example" style="legend" caption="Block message"]

Sidebar

While widget areas typically occur in webpage sidebars, Roneous theme can place widget areas on left/right and footer of the page.

WooCommerce is a third party plugin. If you are new to this plugin, please have a look at Woocemmerce user guide.

After installing and activating the plugin successfully, you can configure WooCommerce plugin as you need for online shops.

WooCommerce Settings

To change the shop settings, you can go to Dashboard > Woocommerce > Settings and select your desired tab from the drop down.

For the full woocommerce documentation, please go to the Wocommerce settings document.

You can change the product image size in Woocommerce > Settings > Products > Display.
Here is the product sizes using in the theme:

Creating a Product

To create a product you can go to Dashboard > Products > Add Product. When you create new products, remember to assign them into categories and tags in order to that all the products can be shown properly in the front-end.

For the more details of creating a Product, please have a look at WooCommerce setup product documentation

Woocommerce Widgets

The WooCommerce plugin comes with a number of widgets. The widgets will be displayed on the shop page only.

In order to display them on shop Shop page, you can go to Appearance > Widgets and drag Woocommerce widgets to Shop Sidebar on the right side.

Theme Options can be found under Appearance > Customize. This customization control the global settings for the entire website, unless otherwise specified in Page/Post Options.

Site Identity

Site Layout: Full Width, Boxed

Colors

Here you can changes your own colors schema for using with this theme.

Background Image

The background image here will be used when you set the Site Layout as Boxed

Font & CSS

You can choose here the latest list of Google Web fonts for Body text and Heading text, for other content you can also set different fonts in Visual Composer elements.

About the Custom CSS field, please DO NOT using <style> tag when you add your custom style here, just plain CSS code only.

Header

Here you can find number of options for your Header like Logo dark/light, Header layout, Header size, etc.

Footer

This is where we give you control over the overall style of Footer layout and copyright information.

Blog

Here you will find all the options for Blog layout, Blog title/subtitle, etc.

Portfolio

These are number of options from Portfolio layout to title/subtitle of the Portfolio page here.

Shop

Here we provide for you to control Shop layout, title/subtitle and product settings.

System

This area allows you to config all other options of the theme. You can turn on/off theme elements here.

Theme License

The purchase you made allows you to use our theme on one domain. A single purchase is needed for each site you use the theme. We would appreciate it if you follow the rules as it support us to provide quick updates so customers and we are happy.

Theme is missing the style.css stylesheet error

This is a common issue that can occur when installing a WordPress themes. For the details of solution, please have a look at this article.

The message: "Are you sure you want to do this? Please try again."

If you are installing your theme from the WordPress theme installer, but get the message above, most likely your web server is configured that only allow a certain size ZIP file to be uploaded via WP admin. In this case, you can simply unzip the theme file and upload it via FTP.

Theme Updates

Updating Roneous is rather similar to installing the theme. Follow these steps to update your theme:

  1. Download the Roneous Theme again in your Themeforest Downloads section. You will always get the most recent Theme files there.
  2. Extract the file to get the Theme folder.
  3. Go to Appearance > Themes. Deactivate Roneous Theme by activating a different theme.
  4. Delete Roneous Theme (your content will not be lost).
  5. Upload the latest version of Roneous Theme and activate it.

Or you can update the theme via FTP as detail below:

  1. Login to your FTP account and navigate to your WordPress theme directory.
  2. Simply drop the Roneous Theme folder and replace with the new one.

Note: Always use a Child Theme when modifying any theme files so that your changes will not be lost on the Theme updates.

Visual Composer and TLG Framework Updates

You can upgrade Visual Composer and TLG Framework by following the steps here:

  1. Go to Dashboard > Plugins, locate Visual Composer and TLG Framework in the list, deactivate it and delete it
  2. You will see a notice asking you to install Visual Composer and TLG Framework plugins for the theme. Just follow the instructions to install plugins.
  3. If you don't see any notices, you can find them in Plugins folder of the theme package for manual installation.

Note: Always do an update for Visual Composer and TLG Framework after a Theme update.

Icons

We've included two different Icon Fonts within this Theme: FontAwesome & Themify. For now, we only ships Themify icons for using with Menu and Visual Composer elements but you can also manual insert the name of FontAwesome Icon you want to use in page/post content. For details of using there icon fonts, please have a look on the links here:

  1. Themify Icon Font
  2. FontAwesome Icon Font

Multilingual

Roneous is fully translation ready! The translation files .pot are located in languages folder in the theme package. We've included English as a default.

To translate the theme, please follow these steps:

  1. Download and install POEdit
  2. Open the .pot file of the theme (inside languages folder) in Poedit and create new translation.
  3. Save your translations in a .po file (for example: fr_FR.po). Check the WordPress Codex language to give your file the right name.
  4. Edit the new .po file using POEdit
  5. PoEdit will automatically compile a .mo file for you when you save your work on the existing .po file.
  6. Change the language in the admin settings screen. Settings > General > Site Language.

If you want to provide your website in multi-languages, we recommend the following plugins:

  1. qTranslate X - This free plugin offers a way to maintain dynamic multilingual content on a WordPress site.
  2. WPML - This commercial plugin makes it easy to build multilingual sites and run them. It's powerful enough for corporate sites, yet simple for blogs.

Customizations

Please remember that WordPress Themes on Themeforest are purchased as-is. If you want to make custom changes to the theme that requires theme modification, behaviour changes or 3rd party plugin integration, we suggest that you hire a developer. We don't offer customisations of your WordPress Installation.

Here are some good places to find a WordPress Freelancer:

  1. Envato Studio
  2. Codeable
  3. WPMU

Otherwise, if you need help about using theme features, bug reports & reasonable feature requests for future updates, please submit ticket to THEMELOGI support forum and our support team will happy to help you out.

Version 1.1 (23 Nov 2016)



Version 1.0.1 (08 Aug 2016)



Thank you for purchasing Roneous WordPress Theme!


If you like our theme and want to support us please rate it in your Themeforest Downloads section.