First of all, thank you for buying this theme. To make your experience pleasant, we've added as much info as needed in this documentation.
While we have tried to keep an easy-to-use user interface, we understand that you might have some questions about installing and using our theme. Following is a detailed step-by-step guide to help you with most of the questions or issues that you may be experiencing.
To help you quickly locate what you are looking for, we have created an extensive menu for this document at your left side. Please use it to navigate to the desired section.
Can't find what you need? Contact us via Support Forum. We will respond in the shortest time possible.
There are two methods to install the theme. If the normal installation method (a) is not supported by your web host, you will have to use the alternate option (b).
/wp-content/themes/
and
place the theme folder inside it.Important After activation, you will be presented with several plugins that you have to activate. Do not forget to activate them all or not all of the theme features will be available.
We have included Roku with one-click demo importer feature. You can easily to import content from our demo then you can edit it with your content. But first please install the One-Click Demo Import plugin. Please take a look the Installing Recommended Plugins section to read how to install the plugin.
After that please go to Appearance → Import Demo Data, then click the Import Demo Data button. Depending upon the number of content, images and server speed, the process may take long to complete.
ImportantIn some themes you need to install some of the recommended plugins before importing the demo content such as Jetpack, TJ Team Content, Advanced Custom Fields Pro, WooCommerce, etc.
Predefined skins is an alternative color you can use for the theme. Roku comes with 5 predefined skins you choose.
WordPress child theme allows you change the functionality of the theme without having to edit the original/parent theme template files. If you plan to making any customization, we recommend to create a child theme instead of editing the theme template files. Since the child theme is stored separately, you don't need to redo the changes next time you upgrade the theme.
There's a plugin you can use that will create a child theme from within the WordPress dashboard: http://wordpress.org/plugins/child-theme-configurator/or you can download Roku blank child theme.
You can read more about Child theme on WordPress Codex →
If you are migrating from another theme, then upon activating Roku you may find previously added images display strangely with weird aspect ratios and sizes. Don't worry. It is normal. The image thumbnails are required to be recreated using Roku's presets.
There is a very easy fix to this issue. Just install Force Regenerate Thumbnails plugin.
Roku recommends a few free plugins to extend it's functionality. These plugins can be installed automatically from the notification in WordPress Administration Panel (Dashboard). Although, Roku will work perfectly without any of these plugins, you may want to extend the theme's features with them.
To import content from our demo!
This plugin allows you to build a custom page with drag and drop feature.
This is the main plugin to run your online store. We recomment you to install this plugin.
Adds custom wisthlist functionality to your online store.
Build awesome and powerful slider.
Create a contact form with the easiest way.
If you need some custom content like columns, button or tabbed content, please install this plugin.
If you need to add custom styles to your website, you can use this plugin.
Add custom post type 'Team' to display your site or team members.
Tagline is a short message at the top, you can use it to show your store tagline or a welcome message to your visitor.
The Site Icon is used as a browser and app icon for your site. Icons must be square, and at least 512px wide and tall.
By default, Roku styles the site title with pre-defined styles and displays it as Text Logo. If you'd like to upload your custom logo for your site, please follow the steps below:
By default, Roku uses Work Sans font as default theme font family. But Roku provides an option to change it if you dont like Work Sans font family. It is easy to change it, please follow the steps below.
Container layouts is a variation of the theme container. Roku provides 3 option to choose:
Roku offers 4 layouts for the blog home page.
Roku offers 2 list layouts for the blog home page.
Post formats is a custom presentation of a post and Roku offers 8 post formats you can choose.
WooCommerce is the main plugin you need to install to run your online store.
Roku offers 4 layouts for the Shop page.
Shop filters basically just a custom sidebar you can use to display custom widgets to filter the result of your shop. These filters will help your customers to find the best product for them. We also included one custom widget to filter products based on their availability.
Important There are 3 widgets you can use in this sidebar. Stock Filter, WooCommerce Layered Nav , WooCommerce Price Filter.
Roku offers 4 layouts for the single product page.
We integrate Roku with Page Builder by SiteOrigin plugin to build a custom pages. It makes easier to build complex page such as home page or contact page. Before you create custom page with this plugin, please familiarize yourself with it by reading their official documentation.
Roku comes with 11 custom widgets for the page builder, we include it to help you to build your custom pages. If you already read the Page Builder documentation, to add block or content to the page builder you need to click the + Add Widget button.
When the pop up modal appear, please click the Roku Widgets to see Roku's built-in widgets.
Info if you need more custom widgets for the page builder, you can install SiteOrigin Widgets Bundle.
Please remember, everytime you build a custom page using Page Builder, you must use the Block Template.
For the home page we created a prebuilt builder layout to get you quickly learn how the page builder works.
Once you have created a page that you would like to use as your home page, please follow the next steps below:
Roku comes with optional About page template to display your website description and team. Please check the demo to see it in action. But, to display the team data you need to install our Team plugin.
To build this page you need the page builder, check out the demo to see it in action. Please follow the video below to setup the contact page.
It is easy to create the FAQ page. But you need to install out Shortcodes plugin, please read the Shortcodes Section first. After that, you only need to display the FAQ using the Toggle shortcode like below.
[junkie-toggle title="This is Title 1" state="open"] This is content 1 [/junkie-toggle]
[junkie-toggle title="This is Title 2" state="closed"] This is content 2 [/junkie-toggle]
You can setup the layout per post or page. This is done when you add or edit the post or page. There are 3 types layout you can choose:
You can use these shortcodes by installing our Shortcodes plugin which available for free! You can see the shortcodes in action here.
All of our themes include a language file to make translating to a different
language easy. Inside the theme folder /wp-content/themes/themename/languages
,
you'll find a language file named themename.pot
. Or in this
theme file named roku.pot
Before translating the theme, you'll need to make sure WordPress is setup
correctly with your locale. Open wp-config.php
and modify the
line below.
/**
* WordPress Localized Language, defaults to English.
*
* Change this to localize WordPress. A corresponding MO file for the chosen
* language must be installed to wp-content/languages. For example, install
* de_DE.mo to wp-content/languages and set WPLANG to "de_DE" to enable German
* language support.
*/
define( 'WPLANG', '' );
roku.pot
in Poedit. Translate as needed.de_DE.po
.