Click Here To Watch The Video Tutorial
You can install the theme in two ways: through WordPress, or via FTP. The reendex.zip file is the Installable WordPress Theme and what you need to use to get the theme installed. There are two ways to install Reendex Theme, via WordPress or via FTP. But first, you need to download the Theme files from your ThemeForest account. Navigate to your downloads tab on ThemeForest and find Reendex. Click the download button to see the two options; The Main Files and the Installable WordPress Theme.
Step 1 – Navigate to WordPress Dashboard > Appearance > Themes.
Step 2 – Click the ‘Add New’ button on top of the page, then the ‘Upload Theme’ button.
Step 3 – Click ‘Choose File’ and find the theme files you’ve just downloaded. If you’ve downloaded the installable WordPress file, then you do not need to unzip the file. If you’ve downloaded the Full Theme Package, you have to unzip the master Reendex.zip file, there in you will see the reendex.zip file, this is the one you select to install.
Step 4 – Once the file has uploaded, to activate Reendex Theme go to WordPress Dashboard > Appearance > Themes and click the Activate button.
Step 1 – Log into your server installation via FTP. You can use software such as Filezilla for this.
Step 2 – If you have downloaded the Full Theme Package from ThemeForest, please unzip the master Reendex.zip file and then unzip reendex.zip file which will give an reendex folder.
Step 3 – Upload the extracted reendex folder to the wp-content > themes folder on the server. Make sure the folder name is -> ‘reendex’.
Step 4 – Log in to your WordPress Dashboard and navigate to Appearance > Themes and clicking the ‘Activate’ button, for the reendex theme.
If you get an error: This usually occurs when either the PHP memory limit or max post size for WordPress has been reached. Read 1.1 Requirements For Reendex Theme. The easiest workaround for this is to install theme through FTP (see above). Alternatively you’ll need to change a number of settings either on WordPress or on your web host
Reendex Theme’s Required plugins, like the Reendex Helper Plugin, are very important and must be installed and activated at all times for Reendex Theme to work properly. Reendex Theme’s included plugins are Premium Plugins that are bundled with the theme purchase and do not require additional licensing in order to use them.
These plugins must be installed and activated in order to utilize Reendex Theme’s functionality.
These plugins are bundled with Reendex Theme and do not require additional licensing in order to use with Reendex Theme.
Once you have installed the above plugins, you'll have to return to the Plugins tab to activate them.
When you first install Reendex Theme, it won’t contain all the extra content that you might have seen in the live demo. If you would like to import an Reendex Theme demo, there are two ways you can do so. You can import the demo content through our One Click Demo, or you can import the demo manually which requires a bit more effort.
If you encounter errors during or after importing a demo, please see below for possible solutions. If you don’t find what you’re looking for below, please don’t hesitate to contact us.
If you receive this message “Sorry but your import failed”, most likely, it cannot work with your webhost. You will have to ask your webhost to increase your PHP max_execution_time (or any other webserver timeout to at least 300 secs) and memory_limit (to at least 196M) temporarily. it is due to low server memory or execution time and your host should definitely be willing to adjust that. They have it very low if the content will not import. Contact them and explain the issue, they should raise it for you.
It’s very common to get error messages about memory. This can happen when you install themes, plugins or upgrade to the latest WordPress version. Such types of problems arise because the PHP Memory Limit of your Host is pretty less than what the process requires for performing it’s functions. In such a case you would need to follow these tips to Increase your host’s PHP Memory Limit. These were provided by Dailybloging.org
If you want to import the demo content the old-fashioned way, you can use the XML file from Sample-Data folder. Don't forget to activate all required plugins before importing the demo data. To import the demo data go to Tools > Import, click on WordPress (install the WordPress Importer plugin if not already installed) and upload/import the all_content.xml file (don't forget to enable the Download and import file attachments checkbox to also import the images).
Demo Widgets
After you import the demo content, you should also import the widgets the old-fashioned way. The file for widget import is also located in the Sample-Data folder. Install the Widget Importer & Exporter plugin, go to Tools » Widget Import/Export and import the widgets.wie file.
After import setup
After you have imported the demo data and the widgets, you should also setup the following things:
You can setup automatic updates with the Envato Market plugin. This plugin will inform you when a new version of the theme is available on Themeforest and you can then update it with a click of a button.
I recommend you to test the things locally first, because some options might be affected with the updates. However, you cannot loose the content (pages, posts, services, galleries, projects ...) during the update, because all the content resides in the MySQL database and is not affected during the update.
Since WordPress version 4.3, the favicon setting can be found in Appearance » Customize » Site Identity, where you have to set the Site Icon option.
Reendex Theme is managed through Customizer settings and contain settings organized into logical tabbed sections. These are global options for your website.
To start customizing your theme, go to Appearance > Customize
This will open the Customize interface, where you can customize various aspects of your theme, from colors and layouts to widgets, menus, and more.
Reendex Theme currently offers 6 different Header Layouts. Choose the header layout you like the most, then click on Publish and refresh the page to see the changes.
In Logo tab, you can upload your logo image by clicking on the ‘Change Image’ button. We recommend an image in PNG with alpha channel file format. Once you have uploaded your logo, click ‘Publish’.
In Top Header Settings tab you can add your Email, Phone and Address. You can also show or hide the social icons.
In Menu Options tab you can enable or disable sticky on main menu and add hover effect on menu. Sticky main menu is enabled by default.
On Date and Time tab, you can enable or disable the date and time on all pages, at once. The other options are:
In this tab, you can Enable / Disable sticky sidebar on Single Posts, Search page and Archive page, you can switch from Posts published date to updated date, and set the options for Parallax Header Banner on Archive and Search pages.
In this tab, you can set the theme font type and size.
In this tab, you can set the main colors of your site.
Later in this documentation, you will see how you can set pages color, by chosing from 10 pre-made color schemes, in Page setup.
In this tab, you can activate the preloader and set its color and background color.
In this tab, there are several options for Single post customization. You can display related news by category/tags, show/hide related posts from the same author or set the number of the posts to display.
In this tab, there are several options for Archive pages.
In this tab, there are several options for Tag Archive.
In this tab, there are several options for Category Archive page.
In this tab, there are several options for Blog page.
From this tab, you can change the Video to Full Width on Video pages, display Related Videos, display a Video Gallery, and you can add your Ad Banner.
On this tab, you can switch from rigth sidebar to left or full width on Search page, and show or hide the Breaking News ticker.
To display the weather on weather widget, you'll have to add your API key.
To generate the API key, go to OpenWeatherMap. Add your location in Weather Location field.
On this tab, you can set the Breaking News Ticker content length for Single Post, Video Page, Archive pages and Search page.
On this tab, there are several options for header and above header advertising.
There are four options to display an advertising banner on header:
Script Code has one field where you can insert the ad code. Just ad your code from Google AdSense or any other provider.
Example:
<ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-1234567891234567" data-ad-slot="1234567890"></ins>
There are four options to display an advertising banner above header as well:
Script Code has one field where you can insert the ad code. Just ad your code from Google AdSense or any other provider.
Example:
<ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-1234567891234567" data-ad-slot="1234567890"></ins>
Set up the Contact Page on this tab.
For your Google Maps to display on your page, you now need to use the Google Maps JavaScript API key. To generate a new API key, please click the button below for Google’s ‘Get A Key/Authentication’ article. Please read it carefully as there are different methods for Standard API users and Premium Plan users.
Read Google’s ‘Get API Key’ Article Here
Once you have your API key, go to Reendex Theme Options > Contact Us > Contact Map tab, and at the bottom in Google API key field ienter your generated API key.
Reendex theme supports the Contact Form 7 plugin which will allow you to generate an unlimited number of contact forms.
The theme ships with a form style preset for the form elements that match Reendex Theme overall design.
<div class="controls"> <div class="row no-gutter"> <div class="col-md-6"> <div class="form-group"><label class="control-label">Your Name *</label>[text* your-name class:form-control placeholder "Please enter your name *"]</div> </div> <div class="col-md-6"> <div class="form-group"><label class="control-label">Your Email *</label>[email* your-email class:form-control placeholder "Please enter your email *"]</div> </div> </div> <div class="row no-gutter"> <div class="form-group"><label class="control-label">Subject *</label>[text your-subject class:form-control placeholder "Please enter your subject *"]</div> </div> <div class="row no-gutter"> <div class="form-group"><label class="control-label">Message *</label>[textarea your-message x5 class:form-control placeholder "Please leave us a message *"]</div> </div> <div class="row no-gutter"> <div class="col-md-12"> [submit class:btn class:btn-success class:btn-send "Send message"] </div> </div> </div>
In Coming Soon Page tab, you can set your website launching date in Date field. On this tab, you can also switch On/Off the Social Media Icons, and add your Newsletter Shortcode.
While your site is under construction, by activating the Coming soon page, your visitors will be directed to this page. Logged in users will still be able to work on the theme.
The Reendex Theme footer consists of the widget area and the copyright area. Both of these areas can be configured in Footer Options tab. The widget area consists of 4 total columns, and each column can have its own set of widgets. Footer widgets are added in the widget section of your admin.
In this section, you can add a background image to the footer, add the copyright text, show or hide the footer widget area, and show or hide the social media icons.
The main portion of the Reendex Theme footer is a widgetized section that can display widgets in 4 columns. Widgets add various content or features to your site. They can be added, removed, and rearranged in the Appearance > Widgets tab on your WordPress admin panel.
Reendex Theme includes several social icons that can be used in different locations on your site. All social icons are CSS based font icons which ensures that they are high quality, and can be configured using the available options.
Note: The social media icons that you insert on this tab will be the icons that will be displayed on your header, footer, Coming soon page and Contact Us page.
In Site Identity tab, you can edit your title and tagline, and add your Favicon.
Menus are the primary navigation method for your site visitors. They will be using the menus to learn more about your site, navigate between pages, and interact with your site offerings.
In this section, you can configure your website’s menus. You can either edit the menus from here, or from Appearance > Menus
You may notice you have some default menus already installed. These menus will have a name and a current location. Reendex Theme comes with a series of Menu Locations you can use. If a menu is currently occupying one of those locations, you can see the name of the menu in parentheses.
You can edit the existing menus, or you can create a new menu.
After choosing a menu location for your new menu, you will notice the Add Items button. Click on it to add items on your menu. If you would like a new menu item to appear for new pages, check the box labeled Automatically add new top-level pages to this menu.
Set and configure your Sidebar and Footer widgets here. For more information about using WordPress Widgets, see this WordPress codex article.
In this tab, you can specify which page to use as your Front Page and Posts Page. Setting up your home page is the same as setting up any other regular pages, except that you need to specify in the settings which page will be your Main Home Page.
There are two tabs in Responsive Menu section: General Options and Menu Appearance.
In General Options tab, you can enable/disable swipe gesture, set the posision of the Search field, enable/disable the Social Media icons and enable/disable zoom on mobile devices.
In this tab, there is a simple box where you can add your custom CSS. As soon as you add a valid CSS rule, you will be able to see it applied on your website’s live preview pane.
In below example, we've changed subtitle border left from default red color #d4000e to #10a800 green color.
Make sure you click on the Publish button on top when you are finished.
WPBakery Page Builder will help you to create unique layouts with outstanding look in minutes, using our pre-made templates or using your own creativity.
WPBakery Page Builder is very easy and doesn’t really need much explanation, have a look at the screenshots below for a quick guide. You can also check the more comprehensive WPBakery Page Builder guide.
You can create your own Layout, by adding Elements on the page:
First, decide if you would like to use the Backend or Frontend editor and click the related button.
The backend editor includes easy to use options to add page elements or select page templates.
The frontend editor includes all of the same page building options as the backend. The only difference is that you can see the actual page elements as you insert them.
Hover on a page element and click on the "pen" icon to edit the element.
In the popup window, set the element properties as you wish.
In some of the Reendex Theme elements, you'll have to enter in the categories or tags that you would like to feature in different sections of functionality.
To add the category / tag, navigate to element editor and type the name of category / tag you'd like to add to the element, in the top "Data source" field. You can enter multiple categories and tags:
In Reendex Theme's Video elements, you'll have to enter in the IDs of categories that you would like to feature in module.
To find the ID of a category, first you'll need to navigate to your categories listing page in the WordPress admin by going to Video > Video Categories. Once you have arrived at this page, you'll see a list of your categories like so:
The simpler method of this procedure would be to simply hover over the link of the category that you're interested in getting the ID from (e.g. Car News, Reviews and Auto Shows from the above image). Doing so should display the URL of this page in the lower left corner of your browser window. This will look a little different in each browser, but in Firefox it will look something like this:
The thing to to take note of in this particular URL is the value of the tag_ID query string. Note that for this example the value is 489, which is the ID for this category. If you're having trouble locating the URL in the lower left corner of your browser, click on the link to the category edit screen of the category that you want to get the ID from in WordPress. Once you're on the category edit screen for that category, look up at the address bar in your browser and you should see something like the following:
Note that we're still looking for the same tag_ID query string and the value associated with it, which in this case is still 489. That's all there is to it, simply take note of this value and use it where needed in the theme, for example in the following Reendex - Video Project WPBakery Page Builder element:
Reendex theme includes a license for this plugin so you don’t have to buy it. Also, you don't have to worry about the plugin update warnings, as we provide updates on a regular basis. After we test the plugin for theme compatibility, we include it in the latest theme update, inside the plugins folder.
Setting up your home page is the same as setting up any other regular pages, except that you need to specify in the settings which page will be your Main Home Page.
To edit a post that already exists on your site, got to Posts > All Posts, hover on the title of the post you want to edit in the list provided, and click on Edit
There are three post types that you can use for your post: Standard Format, Video Format and Audio Format
This is the default option for post format. On this format you can add a featured image to the post.
On Video Format, you just have to paste your video url in Video Url metabox field. You can also add a Facebook video link in Facebook Video Url field.
On Audio Format, you just have to paste your audio url in Audio File URL field. You can add a self-hosted audio or an external audio file.
You might want to have individual settings for certain post. To achieve that, we provided several Post Settings options that you can find on each post. With this feature, you will be able to override Single Post Options from Customizer. This way, each post on your site can have its own settings.
You can find Post Settings options by going to Posts > Edit Post and scroll down to the bottom of the page.
Choose the post header layout you'd like to use for the current post. There are seven styles to choose from, besides the default template layout.
Each post's layout can be configured individually to have either left or right sidebar or no sidebar at all. Please choose the desired option from the select field in the Post Sidebar Layout metabox.
You can show or hide the Breaking News Ticker on current post.
You can show or hide Post Meta on current post.
There are several options for the Header Banner:
You can show or hide the banner.
You can use either the featured image of the current post, or the image from customizer.
You can show or hide the banner title and you can set your own title.
You can show or hide the breadcrumbs on banner.
If you want to split your post content into different pages, navigate to Text editor and insert the <!--nextpage--> quicktag where you want to split your content.
Category is one of the pre-defined taxonomies in WordPress. It is used to sort and group content into different sections. A website publishing content on a variety of topics can divide their website into sections using categories.
Example: Reendex Theme have categories for articles filed under News, Sport, World, etc.
If no category is specified for a post then the post is automatically filed into the default category. In a new WordPress installation, the default category is ‘Uncategorized’. You can change the default category from Settings > Writing screen. A post can be filed under multiple categories and can have both categories and tags.
Categories can be edited from Posts > Categories tab. Hover your mouse to the category you want to edit and then click on Edit link. This will open editor where you can change name, slug, add or remove a parent category, edit or add description.
To set up the Widgets, navigate to Appereance > Widgets tab. There are 7 default widget areas, which you can use to add your own content and functionality.
As it's been mentioned earlier, to add a new Widget on any of the three widget areas, find the widget on the Widget list on the left and drag the Widget to the spot you wish it to appear.
In addition to WordPress default widgets, Reendex Theme comes with several other custom made widgets:
Reendex Theme can be easily translated in to your own language. Here are some instructions:
That's it, your translations should work now.
If you find this method too complex, you can translate the theme with Loco translate plugin
For our Newsletter form, we use MailChimp - an excellent email marketing service that lets you design, send, and track HTML email campaigns.
To setup your Mailchimp sign-up form, please do following steps:
To edit the Newsletter Form, go to MailChimp for WP > Form tab.
Comments can be disabled on any page or post when it is being edited. This can be done by clicking on Screen options at the top right of your screen when editing a page or post, and ticking the Discussion box if it is not enabled already.
Once enabled, you can scroll down to the discussion panel under the text editor and untick the Allow comments box:
You can also disable comments totally on all future posts. Go to Settings > Discussion and untick “Allow people to post comments on new articles”.
Reendex Theme generates image sizes for the most important areas, so that images of fitting sizes can be loaded on the frontend instead of always loading the full image size. It may seem like a lot of images, but this reduces loading time considerably on the front end for your viewers. We feel the performance increase is well worth the extra image files. If you would like to change this to your needs, please read the information below.
