Download the zipped theme pack to your computer from themeforest and extract the ZIP file to a folder on your computer.
In the extracted folder you will find 'the-rex.zip'. Extract this file .
Using an FTP client to access your host web server
Upload the Theme files in the extracted folder called 'the-rex' to wp-content/themes directory provided by WordPress.
Visit Admin panel -> Appearance -> Themes, look for the REX theme thumbnail, then click the Activate button to activate the theme.
Installing From the WordPress Dashboard
Download the zipped theme pack to your local computer from themeforest and extract the ZIP file contents to a folder on your local computer.
Log into your WordPress admin panel and click on the “Appearance” tab.
Now click on the "Add New" button.
Click on the "Upload" tab, click "Choose File" and select the-rex.zip in the extracted folder then click "Open".
Click the "Install Now" button.
Activate the theme from this page by clicking "Activate", or "Return to Themes Page" and activate from there
Installing Demo Content
Manually Upload XML File
This Method will import posts, pages, menus only not the demo site theme settings.
Go to Admin panel -> Tools -> Import -> WordPress
Install the plugin.
Use it to upload the demo content XML file in the theme package.
1. Go to Dashboard > Tools > Import and Click on Wordpress and Install it.
2. Choose a content_data.xml file from your download package and then click on Upload file and Import
3. Assign Authors and start import, click on Submit
4. This process may take a while on some hosts, so please be patient. (some hosts between 5-6 minutes)
Migrating From Another Theme
If you are migration from a theme which used the native featured images functionality of WordPress, please use the Regenerate Thumbnails plugin to resize all the thumbnails. Click the link above and download the free plugin, and read through the steps it contains, it has all the information you need.
Theme Navigations
Setup A New Menu
Navigate to Apperance -> Menus page
Click the "create a new menu" link to make a new menu. Enter the name then hit Create Menu
To add a menu item, you can easily select one of your already made pages on the left hand side and click Add to Menu. You can also add menu items by entering a custom name and custom link into the Links box. To create a megamenu, see Categories Mega Menus.
You can manage your menus using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of another menu item and it will lock into place and create a dropdown section.
After setting up your menu, select menu location in the Menu Settings (Top Menu for navigation in top bar and Main Menu for main navigation below header)
Once its all done, make sure you click the Save button.
You can change menus locations at any time from Manage Locations tab .
Categories Mega Menus
The theme features a mega menu for category menu items to display latest posts in the corresponding category
Add the Category you want to the menu.
In the setting panel of category menu item there will be a checkbox called BK Megamenu.
Check it if you want to make that category menu item a megamenu or uncheck to make it a normal menu item.
Don't forget to set the menu location to Main Menu by clicking checkbox Main Menu in Theme locations section of Menu Settings.
Click Save Menu to finish.
Both megamenu and normal menu items can have child menu.The maximum level of child menu to display in Main Menu is 2 level down, and 1 level for Top Menu.
Column Menu Settings
The theme features a mega menu for column menu items to display your features in the columns
Watch this video setup tutorial for your reference (We do this example on another theme (Sense Theme) but the setting flow is the same with the-rex Theme)
Ajax Login Setup
The theme is fully compatible with Login with ajax plugin All you need to do is install the plugin to have this beautiful feature.
Then, you need to access theme options to enable the login function in header (Theme Options -> Header Settings -> Enable header Ajax login)
Create Homepage
The theme supports a pagebuilder that you can easy build your content by drag and drop modules into the homepage sections .
Drag and Drop Homepage Builder
Go to Admin panel -> Pages -> Add new to create a new page.
Enter title for your homepage, example: Home Page. In the Page Attributes box, select Page Builder in Template option.
Click Update
You will see the Pagebuilder interface like this.
There are three sections:
Fullwidth Section
Content Section
Full Width Section:
Click Fullwidth Section Thumbnail, then the Fullwidth section will be appeared.
There are 13 modules that can be used in this section
BK Feature 1 (Grid)
BK Feature 2
BK Boxed Slider
BK Carousel
BK Row
BK Hero
BK FullWidth Slider
BK Masonry
BK Square Grid
BK Single Ads
BK Two Cols Ads
BK Three Cols Ads
BK Adsense
Content Section:
Click Content Section Thumbnail, then the Content section will be appeared.
There are 10 modules that you can use in this section
BK Feature Slider
BK Square Grid
BK Post Block 1
BK Post Block 2
BK Masonry
BK Classic Blog
BK Large Blog
BK Single Ads
BK Two Cols Ads
BK Adsense
Sidebar Select
Setup front page
Once you finish building the homepage content, go to Settings -> Reading to set up your homepage.
In Front page displays option, choose A static page. In Frontpage option below, choose the page that you have just created in the steps above, example: Home Page. Click Save changes.
Go to your site home url to check if your homepage has been set.
Homepage Modules
The REX supports 2 section types with many modules come with it. The layouts you can create is unlimited. Below are videos guide of each module.
Fullwidth Section
BK Feature 1
Tutorial Video
BK Feature 2 (Slick Slider)
Tutorial Video
BK Carousel
Tutorial Video
BK Row
Tutorial Video
BK Hero
Tutorial Video
BK FullWidth Slider
Tutorial Video
BK Boxed Slider
Tutorial Video
BK Masonry
Tutorial Video
BK Square Grid
Tutorial Video
Content Section
BK Feature Slider
Tutorial Video
BK Square Grid
Tutorial Video
BK Post Block 1
Tutorial Video
BK Post Block 2
Tutorial Video
BK Masonry
Tutorial Video
BK Classic Blog
Tutorial Video
BK Large Blog
Tutorial Video
Uploading Your Logo
The theme will auto generate a logo for your site base on the site title, but it's recommended that you upload your own logo.
Navigate to Theme Options -> Header Settings tab .
In the Site logo section click Upload button and select your logo image.
Once uploaded click Save changes button to save your site logo.
Uploading Site Favicon
Navigate to Theme Options -> General Settings tab .
In the Site Favicon section click Upload button and select your Favicon image.
Once uploaded click Save changes button to save your site Favicon.
Styling
Choose site color scheme
In Admin panel, go to Theme Options -> General Settings tab
Here you can choose a primary color and review system color for your site.
Click Save changes to save setting.
Site Typography
Navigate to Theme Options -> Typography settings .
Choose font options for your site. The theme supports all Google Fonts. Header font affects menu titles, category titles and module titles. Title font affects post titles. Text font affects text body, excerpt...
Click Save changes to save settings.
Post
Featured images for the posts
All of your posts must have a featured images .. these images will appears in the slider , post modules , sidebar .. etc
The recommended size for the Featured images is 1050px x 600px.
Theme cropped all uploaded images to fit its places in the theme .. if you have any problems with the size of old images which uploaded before install the theme you need to use Regenerate Thumbnails Plugin or AJAX Thumbnail Rebuild Plugin to regenerate thumbnails with suitable sizes .
Post format
The theme support 5 WordPress post formats: Standard, Gallery, Video, Image, Audio.
Add or edit format of a post
In post edit page, choose post format in the Format box on the right.
Enter information for the corresponding format options in BK Post format options box:
Post format video and audio: enter the url of the video or audio item. The theme support link from Youtube, Vimeo and Souncloud.
Post format image: click Select files button to select images or drag images in to image upload area to upload image to the post.
Post format gallery: click Select or Upload images button to add a gallerry to the post.
Gallery Format
Video Tutorial for Gallery Post Format
Wordpress Native Gallery Post
Video Tutorial for wordpress native Gallery post
Adding a Review Post
From the BK Review System box in the post edit page .
Tick the checkbox Enable Review On This Post.
Enter the criteria name and use the slider to adjust rating score. The Final average score will be calculated automatically.
You can have up to 6 criteria in a review box.
Type the Summary textarea your summary for the review item. You can create lists of pros and cons in here.
Check to enable user review
Setup position for review box in single page
Click Publish or Update button to save.
Single Post Custom Setting
There are 3 layouts for the single post feature image
Standard
Paralax
Fullwidth
Category
Category layout
You can choose layout for each category. To learn more about what layouts use can choose, see Blog and Archive layout
In Admin panel, go to Posts -> Categories
Click a category to edit it
In Category edit page, choose a desire layout for current category in Category layout option
Sidebar: This option is used to setup choose a sidebar for each category page.
Click update to save
Blog and Archive layout
The theme has 6 blog layouts that can be set seperately for each page and category.
Classic Blog: Blog layout with small thumbnail. This layout has sidebar.
Large Blog: Posts are displayed with large thumbnail. This layout has sidebar.
Masonry with sidebar: Posts are displayed in a two columns Masonry layout. This layout has sidebar.
Masonry without sidebar: Posts are displayed in a two columns Masonry layout. This layout has no sidebar.
Square Grid with sidebar: Posts are displayed in a two columns Masonry layout. This layout has sidebar.
Square Grid without sidebar: Posts are displayed in a two columns Masonry layout. This layout has no sidebar.
Setting page layout
In Admin panel, go to Theme Options -> Page Layout tab
For each page listed, choose a desire layout and sidebar.
Click Save to save option.
The layout chosen for Category is applied to all category and will be overidden by layout option set in Category edit page. To edit a specific category layout, see Category layout
Sticky Sidebar Setup
The theme supports an option allow you to setup your sidebar sticky or not.
To setup your sticky sidebar, go to Theme Options -> Pages Settings -> Sticky sidebar (For each page)
Site Footer
Footer Instagram
Click Enable Instagram, then put the Instagram Information the required field
Scroll top button
The scroll top button allows you choose between enable or disable the scroll top button
Copyright Text
Fill the Copyright text to the text area
Site Layout
In Admin panel, go to Theme Options -> Site Layout tab. Here you can set up your site layout.
Boxed And Wide
Site layout section allows you to switch between boxed and wide layout. When boxed layout is chosen, an option for setting site background will appear. Select a color for your site background of click Upload button to use a image instead.
Site Background
You can easily choose a background color or upload a background image for your site
Sidebar Location
Sibar location allows you to switch between left or right position of sidebar
Sidebar responsive option
This option allows you to enable/disable sidebar for small device ( device width < 991px)
Custom Sidebar Generator
The theme supports unlimited sidebar, To generate a new sidebar, Please Install the Sidebar Generator Plugin which was recommended when you installed the theme, then please follow these steps
Select sidebars option in appearance
Click Add New Sidebar
Fill Sidebar name
Click OK
Shortcode
The theme supports the following shortcodes that can be used in shortcode module (You must install and activate the bk_shortcode plugin comes with the theme before using this function)
You can also use these shortcodes in post editor (without [bkend] at the end of each shortcode)
Youtube Video Shortcode
[youtube_embed src="PUT YOUR YOUTUBE URL HERE"/]
[bkend]
[one_halfs]
[one_half]PUT YOUR CONTENT FOR THE FIRST COLUMN[/one_half]
[one_half]PUT YOUR CONTENT FOR THE LAST COLUMN[/one_half]
[/one_halfs]
[bkend]
Example:
[one_halfs]
[one_half]Ultrices habitant sociosqu leo vestibulum. [/one_half]
[one_half]Id id condimentum sed ut mattis aenean dis sollicitudin sed volutpat[/one_half]
[/one_halfs]
[bkend]
1/3 1/3 1/3 Column Shortcode
[one_thirds]
[one_third]PUT YOUR CONTENT FOR THE FIRST COLUMN[/one_third]
[one_third]PUT YOUR CONTENT FOR THE SECOND COLUMN[/one_third]
[one_third]PUT YOUR CONTENT FOR THE LAST COLUMN[/one_third]
[/one_thirds]
[bkend]
Example:
[one_thirds]
[one_third]Ultrices habitant sociosqu leo vestibulum.[/one_third]
[one_third]Ultrices habitant sociosqu leo vestibulum. [/one_third]
[one_third]Ultrices habitant sociosqu leo vestibulum. [/one_third]
[/one_thirds]
[bkend]
2/3 1/3 Column Shortcode
[twothird_onethird]
[two_third]PUT YOUR CONTENT FOR THE TWO THIRD COLUMN[/two_third]
[one_third]PUT YOUR CONTENT FOR THE ONE THIRD COLUMN[/one_third]
[/twothird_onethird]
[bkend]
Example:
[twothird_onethird]
[two_third]Ultrices habitant sociosqu leo vestibulum. [/two_third]
[one_third]Ultrices habitant sociosqu leo vestibulum. [/one_third]
[/twothird_onethird]
[bkend]
Info Box Shortcode
[bkinfobox backgroundcolor="PUT YOUR COLOR CODE" title="PUT YOUR TITLE"]PUT YOUR CONTENT[/bkinfobox]
[bkend]
Example:
[bkinfobox title="Info box" backgroundcolor="#F8F8F8" ]Ultrices habitant sociosqu leo vestibulum. Euismod, fermentum per aptent Nibh dictumst lorem quis viverra[/bkinfobox]
[bkend]
Accordion Shortcode
[accordions]
[accordion title="PUT YOUR TITLE"]PUT YOUR CONTENT[/accordion]
...
[/accordions]
Note: You can put multi accordion shortcodes. See the example below for 3 consecutive accordion shortcodes
[accordions]
[accordion title="Accordion Title 0"]Accordion Content 0[/accordion]
[accordion title="Accordion Title 1"]Accordion Content 1[/accordion]
[accordion title="Accordion Title 2"]Accordion Content 2[/accordion]
[/accordions]
Tabs Shortcode
[tabs]
[tab title="PUT YOUR TAB TITLE"]PUT YOUR TAB CONTENT[/tab]
...
[/tabs]
[/bksctabs]
[bkend]
Example:
[tabs]
[tab title="Tab Title 0"]Tab Content 0[/tab]
[tab title="Tab Title 1"]Tab Content 1[/tab]
[tab title="Tab Title 2"]Tab Content 2[/tab]
[/tabs]
[bkend]
Parallax Image Shortcode
[bkparallax image_url = "PUT YOUR IMAGE URL" url = "PUT YOUR URL" title = "PUT YOUR TITLE" text_desc= "PUT YOUR DESCRIPTION"][/bkparallax]
[bkend]
Example:
[bkparallax image_url = "http://localhost/wordpress/wp-content/uploads/2015/01/2390379489_4ab06f3536_b-.jpg" url = "sense.bk-ninja.com" title = "Parallax Image" text_desc= "Mauris viverra nunc congue augue euismod suscipit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos"][/bkparallax]
[bkend]
Team Shortcode
[bkteam number="PUT YOUR NUMBER OF AUTHOR TO BE SHOWED" item_in_row = "PUT THE NUMBER OF ITEMS IN A ROW (Recommend: put 3 for the content has sidebar section and 4 for the full width section)"][/bkteam]
[bkend]
[authorbox authorid = "PUT THE AUTHOR ID"][/authorbox]
[bkend]
Example:
[authorbox authorid = "1"][/authorbox]
Button Shortcode
[buttons]
[button href="PUT THE LINK HERE" name="PUT THE BUTTON NAME" backgroundcolor="PUT THE BACKGROUND COLOR CODE" textcolor="PUT THE TEXT COLOR CODE"]
...
[/buttons]
[bkend]
This theme may be updated periodically in order to add new features and fix bugs. When a new update be available an update message will appears on your WordPress dashboard . As a customer, you can download the most current version from your ThemeForest account.
Updating Automatically
Envato have developed the Envato Toolkit Plugin for WordPress.
You can use this to receive notification of updates to themes purchased from ThemeForest
and to automatically update (upon clicking) directly from within your WordPress admin area.
In your WordPress admin area, go to Plugins -> Add New then click Upload.
Click Choose File, select the plugin zip file you downloaded and click Install Now.
After installation, click Activate.
Click the new Envato Toolkit link in the menu and follow the instructions to configure the plugin.
Updating Manually
Download the most current version from ThemeForest in the "Downloads" area of your account.
Unzip the package and locate the-rex.zip in the theme folder.
Go to Appearance -> Themes and activate another theme such as the default WordPress theme.
Delete the the-rex theme which is now inactive.
Go to Install Themes -> Upload then install and activate the-rex.zip from the new package.
Language Translations
The REX is able to be translated into any language. The process of translating the theme is a user responsibility. The following instructions are given as guidance.
Open wp-config.php and replace this:
define ('WPLANG', ''); with this (subsitute the language string (bg_BG) with your own!): define ('WPLANG', 'bg_BG');
Connect to your site -> open your theme/languages directory
Look for the default.po file in theme package and open it with POEDIT.
Translate file and save it as bg_BG (the file name must match with the string you inserted into wp-config.php)
Two files will be generated after save. bg_BG.po and bg_BG.mo
Upload the .mo and .po files into wp-content/themes/your-theme/languages folder
Your WordPress installation should be in the language you intend on using the site.
Contact
If you have any problem with the theme, you can post your question on ThemeForest comment section or email us at bkninja.team@gmail.com. We will try to answer as fast as possible. Our timezone is GMT +7.
Help us by rating this theme
If you like this theme please help us rate it 5 stars on ThemeForest by following the instruction below. We appreciate your kindness so much!