First of all, thank you for purchasing our themes. Before you can use your new purchase and start on your new website you need to install the newly bought theme. Before installing it you need to download the package from your ThemeForest account and unzip that download locally on your computer.
Downloading your theme from Themeforest
Login your Themeforest account
Got to your downloads page
Click the “Download” button and chose “All files and documentation” file
Package Contents
Once you have downloaded the theme you need to unzip the package locally on your computer. It will probably look like this :
Now there are two ways to install a theme in WordPress.
By uploading it use the WordPress theme upload
By uploading it via FTP into the wp-content/themes folder
1) Uploading the Theme by WordPress Theme upload.
To upload the theme through WordPress admin panel you need to login into your /wp-admin/ and
Go to the WordPress –> Appearance –> Themes section of your cms system and click the Add Theme Button or Add New button at the top.
Click the “Upload Theme” button at the top.
Select the themefile.zip from your computer and hit the “Install Now” button
Once the install completed you can finally click the “Activate” button to make it the theme of your website.
Activating an installed theme
Go to your Appearance ▸ Themes and just click the “activate” button of the theme that you’d like to set your theme.
Note: If the internal WordPress Theme upload fails then you need to use FTP upload. Failure can be caused by :
Security settings on your server
Max Upload File Size set on your server
In either case, you can consider and contact your hosting company about the issue or just use FTP upload.
2) Uploading a Theme via FTP upload.
To upload the theme via FTP you need to unzip first the ava.zip you found in your download package. Installing by FTP upload is very easy. You connect to your server by an FTP program like filezilla or winscp and make sure you upload the NaturaLife folder and all its subfolders into the wp-content/themes folder so that after the upload you have wp-content/themes/themename.
1.2 - Install and Setup Video
Learn how to install the theme, plugins and import the demo contents. Please watch in full screen with high quality (720p).
Please Note: In this video, we have used our Business Lounge theme but the installing process is almost identical. This video comes without audio support!
1.3 - License Activation
You need to activate your license to receive updates for the theme and install/update the premium plugins included in your purchase. Go to your WordPress admin dashboard and find the theme name under the Appearance menu to activate your license.
Where can I find my purchase code?
Login to your ThemeForest account and navigate to the Downloads page. Your purchase code is in the TXT file that is available to download under the “Download” button.
1.4 - Installing the Bundled Plugins
Navigate to the theme menu / Plugins page to manage the bundled plugins with the theme. Some of the plugins might be free plugins that are available to update from the regular WordPress / Plugins screen. But, for the theme extension and other premium plugins you need to use “Manage Plugins” page to automatically install or update.
Manually Install / Update Bundled Plugins
If you are having difficulties using the Manage Plugins tool, you can try manually updating your plugins. Important Note: Make sure you have updated the theme first before updating the bundled plugins.
Step 1: Download the theme ZIP file from your ThemeForest Account / Downloads page and extract it to your computer.
Step 2: Go to your WordPress Admin / Plugins and click on the “Add New” button and select a related plugin zip file from the /theme-name*/rt-framework/plugins/packages/ folder on your computer and follow the screen instructio
1.5 - Installing the Demo Contents
IMPORTANT NOTE:
These sample contents may contain some copyright-protected materials. These images/videos are not included in your purchase. If you copy or import one of our demo content images/videos to use on your website then you need to have your own license. Purchase links and copyright details can be found inside the copyright.txt file included in the “All files and documentation” package where you can download from your ThemeForest account.
A ) One-click demo import
Go to the Theme Options ▸ Demo Import page and follow the screen instructions.
Notes:
The mailing list subscription forms depend on the Contact Form 7 plugin. If you’ll need those forms, before start the importing make sure you have installed and activated the plugin.
Always use the import within a clean install! The demo import will install media, posts, settings etc. We recommend that use a clean WordPress install to get a perfect demo clone.
Do not disrupt the installation process by multiple clicking the “start importing” button or closing the page.
B ) Manually import contents
All import files can be found in the “Demo Contents” folder that comes with the “All files and documentation” package.
C ) Manually import slider samples (Revolution Slider)
Go to the Slider Revolution in your admin area and click the “Import Slider” button.
Our demo sliders located in the “Demo Contents” folder that comes with “All files and documentation” package inside Dummy Contents / RevSlider folder.
1.6 - Updating
When you activate your product, you’ll be prompted when there is an update available for the theme. There are two steps to finish the updating process.
Updating the theme
Updating the bundled plugins
Updating the theme
Go to your WP-Admin / Themes and click on the update now button over the theme thumbnail.
Troubleshooting
If you don’t see the “Update now” button, go to the Dashboard / Updates screen to trigger the pre-update process of WordPress.
If you are using WordPress Multi Website install, then you or the network administrator need to update the theme manually.
If you are having connection problems, try to disable your security plugin before updating then activate it after.
Consider updating your theme manually by simply following the “Installation” process.
Updating the bundled plugins
Navigate to the theme menu / Plugins page to manage the bundled plugins with the theme. Some of the plugins might be free plugins that are available to update from the regular WordPress / Plugins screen. But, the theme extension plugin and premium plugins cannot be automatically installed/updated somewhere else but this screen.
Troubleshooting
If you are having difficulties using the Manage Plugins tool, you can try manually updating your plugins.
Make sure you have the right user-level permissions to install/update a plugin.
1.7 - Requirements
PHP Version
The theme works with PHP 5.4+ but it is always recommended to use PHP 7+ to have a faster and more secure website.
PHP Memory Limit
WordPress Memory limit should be 128MB or greater (256 MB is recommended by WooCommerce) For further reading check https://codex.wordpress.org/Editing_wp-config.php#Increasing_memory_allocated_to_PHP.
PHP Maximum File Size, Post Size and Execution Time values
If you are getting errors/warnings during file uploads, demo imports,saving customizer or page builders; it is recommended to increase these values. Contact your web hosting provider if you don’t have a permission to change the PHP.ini file.
WordPress displays the blog posts on the home as default. You need to set a Static Front Page as your home page.
In here you can set and select a page :
To act as your static homepage. The page where you land on when you visit your website.
To act as you default blog page. Note: This setting is optional.
3 - Theme Options
3.1 - Theme Options
You can find all of the theme options under the RT-Theme 18 menu item.
3.2 - Import / Export Theme Settings
You can import export your theme settings including customizer panel settings. If you want to switch to a child theme, it is recommended to export your settings first.
Note : In a WordPress Multisite you need to enable importing of the txt file extension the superadmin area settings.
Note : If for some reason the settings in the customizer look different then on the real view of the website then try the following:
1) Export the customizer settings
2) Reset the customizer settings
3) Import the customizer settings.
4 - Navigations
4.1 - WordPress Menus
Using WordPress Menus
The WordPress system comes with the ability to build your own custom navigation menus. Menus are built by creating ‘containers’ in which you drag drop your menu items. The menu ‘containers’ once created and filled with menu items are set to the themes locations.
F.e. : Suppose you create a menu container called ‘My main navigation’. Once done you assign this menu to the Theme Main Navigation Location. By doing so your custom menu will be listed at that location within the theme where the main navigation is located.
Menu Subtitles
Ava supports subtitles for the Main Menu location. Subtitles are to be added in the individual menu item itself in the menu-item description field. If you don’t see the description field then while in the WordPress menu system click on the screen options just below the admin name
(top right corner of your screen) and enable the description field in the screen options. It will then become visible in the menu item to be used and filled with a subtitle.
Note : Menu Item Subtitle support is only available for the main menu container / location and only for the top level menu items. So sub level menu items will not display any subtitle, which is by design.
Note : You can use :
the “Main Navigation Menu” container for the main navigation location,
the “Footer Navigation Menu” container for the footer menu location,
Of course, you can create new containers with your own fancy naming and assign those to the theme menu locations. You can also assign each container to the same location. But be aware not every location supports sub level menu items as the main menu location does. Which means that the footer and top menu locations can only have top level menu items and will not display any dropdown (sub) menu items.
Mobile Navigation.
Note : Be aware that the mobile navigation is different than the one you see on your computer while resizing the browser window.
Q : Where is the WordPress Menus??
A : Go to Appearance → section tab → Menus
Q : How can I build a navigation menu?
A: See steps below
Click on the edit menu tab in the WordPress menu system and select the “Main Navigation Menu” from the drop-down list and click the select button.
You can also create a new menu container in that same tab by clicking on the ‘create a new menu’ link on the right side of the menu select button.
The menu system is divided into two sections. On the left, you see all your pages, posts, products, categories, portfolio items. On the right section, you see the custom menu container with your menu items.
Drag the pages, posts, categories etc into the menu container or select them and click on the add to the menu button. You will notice they appear as a list of menu items in the second section, the actual menu container.
Each menu item has settings which can be adjusted. You can change the navigation label, the title attribute (this is what you see when you hover the menu item and which is very good for SEO to use), the description, and even add your own classes to f.e. target that specific menu item by that class by the use of custom CSS (for experienced users).
If you don’t see all of the just mentioned menu item settings enable them in the screen options below the admin name.
The listed menu items in the menu container can be rearranged by dragging and dropping. You can also make them a sub-level menu item by dragging them to the right below another menu item and releasing (dropping) them.
Drag and Move the menu items within the list and thus create your menu system.
Below the Menu items in the menu container the theme locations are listed. Make sure you select the location for the menu you are creating. This will be the location where the menu will show in the front of your website. You need to select and set this in order to display your menu in that location.!!
Click “Save Menu” button to save your just designed and created the menu and visit the front of your website to see the result.
Q : How can I add an icon and or subtitle to the menu item?
A: See steps below
For the icon : In the menu item click with the mouse in the class field, a popup will appear with available icons. Select the icon of your choice.
For the Subtitle : Type any text in the Description field
Note : If you don’t see these fields enable them in the screen options while in the menu system. See image below.
Q : I do not see (Portfolio / Product / Post) Categories in the menu system to add to my menu. How can I make them visible?
A : See steps below
Click on “Screen Options” tab just below the admin name while you are working in the WordPress menu system.
Make sure within the screen options the post, product, and portfolio categories are selected (enabled) to have those categories listed and thus available on the left side of the menu system. Once enabled you can add them to your menu container.
Q : How can I add a “Home Page” or a Custom link?
A : See steps below
Use the “Links” box on the left side. Click on it to open its options.
Type your (home page) URL in the URL field.
Type “Home Page” or anything Label text that you want to call your (home) page in the “Link Text” field.
Click “Add to Menu” button.
Go to the newly added link menu item in the menu container and drag it to its place and adjust its settings (optional).
Do not forget to save the menu !
Q : Is there a video on this?
A : See steps below
There are many good videos available on youtube. Go to youtube.com and search for ‘WordPress 3.0 menu system’. Watch some of those great video’s and discover how the menu system works.
4.2 - Multi Column Navigation (Mega Menu)
You can create a multi-column drop down menu by selecting the “Multi-Column” check box that is available for each menu item. But please note that it will be functioning only for the top level items. Once you check the box the sub menu items will be split into columns when displaying. Check the screenshot from our demo website. We created the “Features” menu by collecting the third-level sub menu items under five second-level items. A second level item will be considered as a section title if it has a submenu. Those multi-column menus will be displayed as regular menus in the mobile menu.
5 - Elementor
5.1 - About Elementor
Elementor is a front-end page builder that let you create complex layouts without having to code by yourself. Install the plugin, go to edit a page/post and, click “Edit with Elementor” button on the top of the screen.
5.2 - Using Elementor with RT-Theme 18
In order to use Elementor with your page/post just select a builder ready template of the theme from the Page Attributes section. Make sure there is no template selected inside the Template Options section. Those templates are related to the RT-Theme 18’s Template Builder and they conflict each other.
You can add one of the pre-built templates of the theme by using the WPBits Template Library.
The header area in RT-Theme-18 consists of a number of elements. We have the top bar, the header area containing the logo, the slogan, and header widgets, we have the navigation area with the main navigation, and the subheader area displaying sliders or any module you want to add to that area in the template builder.
Controlling the Header Area can be done :
By the global settings for the header in the theme header settings.
By the color and the background settings in the theme styling options.
By overriding some of those default (color background) settings in the header module of the template in the template builder, but also by adding different modules to the template in its header section.
By creating a custom menu container, add menu items and set that to the theme menu locations
By using certain plugins you can even control what widgets show in the header area on a page, category, post basis. Such plugins can be download from WordPress.org
So there are different theme and WordPress settings for controlling all the elements in the header area. Together they will create the looks & feel, layout of the header of your website. You can even vary many of these header elements on a page/post basis by using the template builder and creating different templates with different settings and assigning these templates to different pages or posts.
This theme is almost so to speak ‘endless’ in its abilities. Although there are always some settings (defaults & elements) that are global and which are not adjustable on a single page basis like the top menu bar, the main navigation content (although possible by a plugin that adds menu logically to the WordPress menus system). But overall you can adjust many things making your website look special and different from all the others out there on the internet.
Note: RT-Theme-18 does not have settings for the header in the single (custom) post or page like previous RT-Themes. You will have tp use the template builder.
7 - Footer
7.1 - Footer Contents and Options
RT-Theme 18 Footer area is divided into two sections. The Footer Area containing the footer Widgets and Footer Bottom Area containing the copyrights & the footer custom menu bar.
How can I create footer navigation?
Goto the WordPress Menus system and create a custom menu container or use the default RT-Theme Footer Navigation container. Add your menu items to that menu container as explained in the how-to “Creating Navigation Menus” section here in the setup assistant.
Save the menu and assign it to a theme menu footer location.
View your website. If all done correctly it will show the menu in the footer area
RT-Theme 18 Footer Options
The RT-Theme 18 footer options can be found here:
In the RT-Theme 18 footer options, one can set the copyright text & number columns to be used in the footer area for displaying widgets just above the copyright & navigation menu. The Footer widgets areas can be found in the WordPress Admin / Appearance / Widgets section.
Any widgets added in the available footer widget area’s container will show in the theme footer area columns in the front of your website.
Note: If you set the footer columns to 3 (1/3) and you add widgets into the 4th footer widget area container in the WordPress Admin Appearance Widgets section they will not show.
Note for advanced users: By using a plugin from wordpress.org which adds widget logic to your widgets you can make widgets in the footer area appear or disappear on a page id basis.
8 - Product Showcase
8.1 - Creating a Products Showcase
Creating a Products Showcase
To create a product showcase you need to have products. Those can be grouped by categories and then presented that way on an overview page (a products showcase).
Things you should know
A product can have a featured image and multiple other images attached to show as a product image gallery.
The Global set product layout can be changed in a single product item to give that item a different look.
A Product needs to be assigned to at least one category
Upload a featured image by clicking the “Set featured image” link under the “Featured Image” box.
A similar way the Gallery images can be attached to the product by pressing the “Add New Images” link/button in the Product Image Gallery box.
The RT-Theme 19 “Product” has options added that apply only to that custom post type.
Product Information: SKU or article number, Price, Sale price, Short description.
4 Free Tabs. Each can have its own title, icon, and valid HTML text or shortcodes, or even contact form.
Related Products. You can select any number of related products and attach them to the single product
Attached Documents. You can add documents, spreadsheets, PDFs, manuals, etc to a single product.
9 - Portfolio
9.1 - Creating a Portfolio Listing Page
Any page can contain a Portfolio List and you can create as many as you want with different settings.
1) Create with Elementor
Create a new page or edit an existing one.
Edit the page with Elementor by clicking the “Edit with Elementor” button.
Find the “[RT] Portfolio List” element and add to the page.
Adjust the element settings the way you want and save the page.
2) Create with Shortcodes
You can do the same thing without using a page builder. All you need to do create a page and add “Portfolio Posts” shortcode of the theme. Please check the “Shortcodes” section to learn more about the shortcodes.
10 - WooCommerce
10.1 - Creating a Woocommerce Shop
Creating a Woocommerce Shop
Download the WooCommerce Plugin
To have a ‘real webshop’ with products, stock registration, sales, coupons, customer registration, and payment gateways, etc. on your website you have to install a plugin called WooCommerce. The WooCommerce plugin can be downloaded directly from http://wordpress.org.
You can download the WooCommerce plugin at Download →
Depending on what you want to do one has to buy one or more plugins. The WooCommerce Plugin by itself is however very well equipped to handle a default webshop.
Note: We don’t support the working of any plugins within the theme. These plugins have extensive documentation of their own.
Note: For adjusting the layout of the shop or the order of items within a product page one has to follow the WooCommerce documentation and add/remove/adjust the action calls. Problems of any kind with that can be dropped at the WooCommerce support forum.
Note: We support our coding issues, mistakes and if any we fix those within a reasonable time if they are caused by our doing.
Note: WooCommerce has its own support forum where one can get help (paid or non-paid).
The WooCommerce Settings can be found here.
You can find “WooCommerce” on the left-hand side menu in the WordPress theme customizer (or in the theme settings). This theme offers some global options for the WooCommerce Plugins such as “Layout”, “Amount of products per page” etc. You can adjust those settings within the theme options in the customizer.
Q : What is the difference between Product Showcase and WooCommerce Products?
A : They are completely different systems. You can use the default “Product Showcase” to create an organized product catalog. If you would like to
sell your products online via various payment gateway systems, we advise using WooCommerce.
Q : Can I move my existing products from Product Showcase to WooCommerce?
A : No, this is not possible. You need to create new products, categories, etc. by using the WooCommerce Product Post type.
Q : Can I get support on how the WooCommerce plugin works?
A : No, WooCommerce has its own support forum where one can get help (paid or non-paid). We only adjust our coding mistakes, if any and support those.
Note : When The WooCommerce Plugin Updates it is wise to visit the RTTheme Support Forum to see if we approve of the update. WooCommerce sometimes changes many of its code causing blindly installing of an update that your website does not look ok anymore.
Revolution Slider is a plugin with which you can build responsive sliders with text layers, video layers, image layers etc. To get a Revolution Slider into a page, add a Revolution Slider module/element and choose the slider you created by the use of that plugin. How to create a revolution slider is explained in here:
Add a Revolution Slider element and select your slider.
12 - Template Builder
12.1 - How to Create a New Template?
Go to Template Builder.
In the template builder bottom right click on the ‘Create New Template’ button.
Once the Template is created click on the ‘Edit button to open the template you have just created.
The first thing to do is to adjust the name of the template to something logical so you recognize it when you are working on pages or posts and you want to attach that Template.
The Newly created template has 3 default rows. A Header Row, A Content Row, and A Footer Row. Each Row has on the right side a button to adjust the options of that Row. Those options can vary as there are different options for each row type.
Content Rows can have different layouts Full width, Content Width, Sidebar layout. You can Add multiple Content rows as you wish giving your page a sectionalized look.
The Header, Footer & Content Rows can contain modules of any kind.
Start adding modules into each row by using the “Module List”.
Add more Content Rows if you need more content with a different layout (full width, content width, sidebar), background, image, etc.
Add columns to rows and set the column width to have data presented in a column layout look.
Add modules to your columns and adjusts their settings.
Once Done Adding modules and dragging and dropping them around to their correct locations in the rows and/or columns. Click the ‘Save Template’ button to right in the template builder just below the admin name.
Note: If you do not save the template, before exiting it, the changes made to it will be lost. A warning message is presented if something has been changed in a template and you are trying to exit the template without saving it first. Ignoring that message will discard all changes permanently.
12.2 - How to add a Template to a Page or Post?
First, create a template and add the modules of your choice. Drag the modules to their desired locations within the template. Make sure you save the template otherwise the changes you made will be gone.Note: Make sure you add the Default Page / Post Content Module if you want to show the default page/post content within that template.
Open an existing page or post in the WordPress backend or create a new page or post.
Select the template of your choice you want to use for that page or post under the “RT-Theme Template Options”
Update (save) your page/post.
View your page in the front of your website
Note: If you adjust the template you don’t have to re-add the template to the page or post again. It will follow the adjustments in the template you just made when you reload the page in the front of your website.
12.3 - What is the Template Builder, What do I need to know?
Template Builder is a built-in tool that lets you create custom page layouts we call templates to use within your pages or posts. Templates are built by adding modules. Modules are predefined pieces of code that present content in the front of the website following the settings of the module. Templates with modules give you the ability to add (the same) extra content to any pages or (custom) posts. Templates give you the ability to create if you want to do so, a different layout for every page. Templates are an easy way to design your layouts which you can add to the default content of a page or post.
The Most Important Module is the Content Row
The most important module is the content row as this is the master container for building your template layouts. The Content Row can be added multiple times in a template and can have different layout settings each time (fullwidth, content width based on your theme settings & sidebar layout).
Row Notes :
Note: There are two modules that can contain other modules. These modules are called rows (Header, Footer, Content) and columns. They are containers in which you can drag and drop other modules which present the actual data.
Note: The (Header, Footer, Content) Row Module can contain column modules. A column module can contain other modules but it can never contain a (Header, Footer, Content) row module.
Note : The (Header, Footer, Content) Row Module are so to say the master modules. They can have color settings applied to that row only and can have a custom background (image/color).
Note: The Content Row can be set to full width or content width (theme setting in the styling option) and can have a sidebar layout. You can have as many Content Rows in a template as you wish but you can only have one Header and one Footer Row.
The Power of Templates & Modules
Note: Modules with textboxes do support shortcodes.
Note: Some Modules pull certain content. Depending on the module you add you can adjust its settings and make specific content appear different on your page. F.e. a product list, a blog list, a portfolio list, sliders, and many more.
Note : You can create and add as many templates as you want. You can only assign one template to a page or post at a time.
Note: Templates can be exported and imported into another website. No need to redesign your templates. This way as a designer you can quickly set up a website for your clients as you can already have your templates designed at a completely different (for the outside not viewable/hidden) server.
Note : Modules can be cloned within the same content row or copied from one content row and pasted into another content row.
Note: The RTTheme 18 Theme comes with a number of default templates which you can adjust or delete. You can always reset the template system to default again. This will delete all your custom templates. So make sure you export first the templates you want to keep. You can import them later again after the reset of the template builder system.
Note : Using the template builder is not a must. But once you discover its power we know for sure you can’t live without it.
Note: Every page or post you create has (body) text. The default content. The story you want to tell in that page or post. When attaching a template to such a page you have to make sure that content is shown in the front of your website. Therefore a very important module is de Default Page / Post Content Module as that module pulls in that content you have added in the page or post content editor field into the page at the location where you inserted the Default Page / Post Content Module in the Template.
12.4 - Template Builder Video Instructions
We have created some video tutorials on how the template builder works. Note: They are without audio.
You can also find links to the video tutorials about the working of the template builder inside the documentation file that came with the download from Themeforest.
The documentation file can be found in the /Documentation/ folder as index.html file, which comes with the theme package!
Watch The Template Builder Video Tutorials Screencasts
PART 1 :
Introducing the Template Builder
Create a new template and assign it with a page
Add columns
Add text with icons
PART 2 :
Add a new content row
Customize the background of a content row and columns
Add your portfolio items to your template
Add a text with custom fonts and colors
Add a sidebar and select widget locations to display
PART 3 :
Customize the Header Row of a template
Control the breadcrumb menu and title positions
Add a slider to the header row
Add a Google map to the header row
PART 4 :
Customize the Footer Content Row of a template
Control the footer widgets
Add a banner box to the Footer Content Row
PART 5 :
Customize colors of a content row
Customize the background of a content row
PART 6 :
Set a page as your home page
Customize the default home page template
13 - Google Maps
13.1 - Google Maps
Google Maps API Key
Google Maps requires a valid API key defined. (currently it is just for new domains) You’ll need to enter your API key into the “Google API Key“ field inside the Customize ▸ General Options ▸ Google Maps section.
In order to simplify everything, we’ve created some screenshots with some explanations;
Sign into your google account and go to https://console.developers.google.com/ and activate your DEV account. It is free! Under “Google Maps APIs” heading, click “Google Maps JavaScript API” link.
If you didn’t create a project before, click to the “Create Project” link and create one.
Don’t forget to enable the API usage.
Now, you need to create credentials. Click to the “Create credentials” button then select “API key” option.
We’ll use the api key as a “Browser key”
In the credentials section, you can add your website URLs as a wild cart URL for multiple domains. You can find more info on the Credential screen about how to limit the access of your API key.
Finally, your API key will be created
14 - Team List / Post
14.1 - Creating a Team Listing Page
Any page can contain a Team list and you can create as many as you want with different settings.
1) Create with Elementor
Create a new page or edit an existing one.
Edit the page with Elementor by clicking the “Edit with Elementor” button.
Find the “[RT] Team” element and add to the page.
Adjust the element settings the way you want and save the page.
2) Create with Shortcodes
You can do the same thing without using a page builder. All you need to do create a page and add “Staff Posts” shortcode of the theme. Please check the “Shortcodes” section to learn more about the shortcodes.
15 - Multilanguage
15.1 - WPML Plugin
WPML (WordPress Multi Language) is a plugin which gives your website the ability to have the same content in different languages. With WPML you don’t have to create a website for each language. You can have one website (domain) and have each page, post portfolio, product etc. show up in its the different language.
Changing languages
Once the plugin is enabled the flags show in the front of the website below the navigation and will give your visitors the ability to view a page in the selected (active) language (if the page has been created for that language). All they have to do is click on one of the listed flag (language) icons.
Notes:
If a page or (custom) post has not been translated / created in that language it won’t show of course.
Flags will only show for each of the activated languages.
How to Use the WordPress Multi-Language Plugin on Default Content?
Here are the Steps we would use to Translate a Page or Post :
Create a page and finish the complete content with featured images and all other images, attachments etc. Once done publish the post.
Once finished that page make sure you have the post / page opened (in the admin back-end) and on the right side just below the admin name in the wpml option box check the languages and create a duplicate of that page for each of the other languages.
While still in that ‘original’ page change the language by the use of the language selector button (menu option) in the admin bar. The page will be presented in the other language.
You will see the page in the other language but since you duplicated the content it will look exactly the same as in the original content of the primary default language your created the page in, in the first place.
You now have two options…. :
You leave it like it is which means that if somebody switches the language in the front of your website he will see the same page but still not translated.Note : If you do not create duplicates for a page or post that page or post will not show in the other language and throw the user back to the root of the domain in the other language if he clicks on the flags while viewing a page in the hope to see and read the translated version of that page. Note 2: WPML has an option called ‘Blog Post to Display’. You can set that option to ‘All posts’ or to ‘Only Translated Posts’. Please only use the ‘Only Translated Posts’ setting. The Theme does not support the ‘All Posts’ setting. You can read more about that here on the forum : Show me that tutorial
You disconnect the duplicate from the original language by hitting the ‘ Translate Independent’ button in the WPML box just below the admin name. Making them independently translated pages means you can now write and adjust the content in the other language without affecting the content in the ‘master document’ or the original document.Note:The documents are still connected to each other by the WPML plugin but the content is now separated.Note 2:Not making them ‘Translate Independent’ documents means that if you change the content in one of the other languages you are actually modifying the content in the primary default language. So be careful here and watch your steps.
Don’t forget to publish the translated version!
Repeat steps 2, 3, 4, 5 and 6 for each language.
WordPress Multi-Language Plugin and Categories.
The theme comes with custom post types like Portfolio, Rooms, Teams which like the Posts of WordPress itself can be grouped into categories. In order to have Posts grouped and listed by category you will have to :
Create a Post
Create a Category
Attach the Category to the Post
Publish the Post
Calling a category will list all posts attached to that category in the requested sort order. Categories can be added to the menu system as a menu item. So once clicked upon a list of posts attached to that category will show.
By translating a category and posts the same can be accomplished for each of the translated category listing pages. The translated category will then list all posts attached to it within the other language.
Note : It is wise to create the categories first and their translations for each language. You will notice that if a post is attached to a category and that post is translated you don’t have to worry about the translation of the category anymore as wpml will already know it and assign the correct one to the post.
WPML Plugin String Translation Addon
WPML CMS Plugin comes with an add-on called String Translation. Theme supports string translations for fields we use throughout the theme. Even within the template builder. Once such string is detected by the WPML plugin its translation can be done in the String Translation Add-on. So instead of creating duplicates of some fields and content, if supported, these can be translated a different way. You can read more on the string translation add-on at WPML.org.
Note : Not all strings will be visible in the string translation Add-on.
Only the strings (fields) we connected and have taken care of within the theme code, will be visible on the list of the string translation add-on. For example :
Copyright text
Slogan
Social Media
Breadcrumb text
And much more…
WPML and Different Widgets Per Language
For widgets that are not supported by (string) translation, duplication WPML advice to use plugins like Widget Logic and Dynamic Widgets to make widgets appear in a certain sidebar areas based on a language ID. Please consult the WPML documentation on this on how to use and accomplish that. Show me →
Q : Can I get support on how the WPML plugin works?
A : No, WPML has its own support forum and documentation where one can get information and help (paid or non-paid). We only fix and support our coding mistakes if any. In the How To section available documentation on WPML pretty much covers all common questions and working on the WPML plugin within the theme.
Social information can be added to the theme by the use of the global Social Media Options in the theme options.
Per Social Media Icon the following options can be set :
The Social Icon Text which appears on hover,
The Social Icon Link to which the social icon will link when clicked upon,
The Social Icon Link Target. To be set to if the Icon should open the link a new browser tab (same window or new window)
You can make the (social media) icons appear at the top of the page and in the footer by turning on the ‘position’ toggles in the RT-Theme 18 Social media Settings.
You can also have the icons show anywhere on your website by inserting social icon shortcode anywhere in the content text area’s
Note : A valid URL to the Icon destination has to be entered.
Note : For an email social icon one can either add a valid email address or a link (URL) to a contact page.
Note : For the Skype Icon the URL field should contain valid skype formatting. Enter a skype address. Syntax : ‘skype:skypeid?call’ or ‘skype:phonenumber?call
16.2 - Custom fields in search results
Search results and custom fields
By default wordpress has no knowledge of the custom fields in each of the custom post types. So if you issue a search it wont find any text you entered in those fields. You need to enable those fields by use of a plugin to include them into the search results. You can download those plugins from https://wordpress.org
WPBits Elementor addons bring more widgets and features to the Elementor builder. There are two versions of the plugin; the free and the pro version. Pro version has also included in your purchase and you can install / update from your Theme / Manage Plugins page. You can find the documentation of both plugins by following the links below.