Blogxer | Responsive WordPress Theme Documentation

1| Requirements

You need at least WordPress version 4.9+ installed for this theme to work properly. It is strongly recommended that you always use the latest stable version of Wordpress to ensure all known bugs and security issues are fixed. Other requirements:

  • PHP version 5.6+ or greater. But for maximum speed, we recommend to use PHP version 7+.
  • MySQL version 5.0.15 or greater.

2| Theme Installation

When you are ready to install a theme, you must first upload the theme files and then activate the theme itself. The theme files can be uploaded in two ways:

  • FTP Upload: Using your FTP client, upload the non-zipped theme folder into the /wp-content/themes/ folder on your server.
  • WordPress Upload: Navigate to Appearance -> Themes -> Add New -> Upload. Go to browse, and select the zipped theme folder. Hit "Install Now" and the theme will be uploaded and installed.

Once the theme is uploaded, you need to activate it. Go to Appearance -> Themes and activate your chosen theme.

After that you need to install and activate the following pre-packaged plugins:

  1. Blogxer Core: Required and must install plugin.
  2. RT Framework: Required and must install plugin.
  3. Redux Framework: Required and must install plugin.
  4. RT Demo Importer: Required if you want to import demo contents. You can deactivate it after demo is imported.
  5. Elementor: Recommended. Page builder plugin.
  6. Contact Form 7: Optional. Install if you want to use contact form.
  7. YITH WooCommerce Quick View: Optional. Install if you want quickview icon over products.
  8. YITH WooCommerce Wishlist: Optional. Install if you want wishlist icon over products.

N.B: All plugins must be installed and activated if you want your site to look exactly like demo.

To install these plugins, navigate to Appearance -> Install Plugins and start installation.

3| Importing Demo contents

Want to build your site like the demo? You can do it by only one click!

** Note: Before proceeding, please remember that when you are done with the demo import, all existing settings and contents will be removed and replaced by the demo contents. So it is highly recommended that you should only do this in fresh site. **

First please make sure that Blogxer Parent Theme is activated on your site.

From Admin menu, navigate to Tools -> Demo Content Install. Or alternatively, navigate to Plugins -> RT Demo Importer -> Install Demo Contents.

In this page, Click on the Install button for installing the demo.

It will take some time for importing the demo contents. Please note: Some images are replaced with a placeholder image because of licensing.

After importing demo data, please update your permalink. To update permalink, navigate to Settings -> Permalink and then click on Save Settings button.

If you face any issue, check the Troubleshooting section from here.

3.2| Manual Import

We have provided some sample contents inside "sample-data" directory which comes with your theme package. You have to import those contents.

  • Importing Contents: From Admin menu, navigate to Tools->Import. From there select the "WordPress" and then run the importer(It will ask you to install the importer before if this is your first time). In the next step when file uploading option appears, select the "contents.xml" file from sample-data and start uploading. In next step select the checkbox saying "Download and import file attachments" and click on "Submit". Then it'll start uploading contents eg. pages, posts etc.

  • Importing Widgets: You can import widgets using plugin Widget Importer & Exporter. After installing this plugin, navigate to Tools->Widget Importer & Exporter. In the next step when file uploading option appears, select the "widgets.wie" file from sample-data and start importing.

  • Importing options: First open the file "options.json" in any text editor and copy the whole contents. Now from Admin menu, navigate to Appearance -> Miako Options, then go to import/Export tab. From there click on "Import from file" option. A textbox will appear, paste the copied contents on that textbox and click on "Import" button.

4.1| Sitewise Colors

From Admin menu, navigate to Appearance -> Blogxer Options. Then go to General tab.

Choose your preferred primary and secondary color from the color palette.

After changing the settings, Click on Save Changes button.

4.3| Preloader

From Admin menu, navigate to Appearance -> Blogxer Options. Then go to General tab

Here you can find the option for enabling/disabling "Preloader" option. Also you can upload your custom preloader image. When uploading image, make sure it's a transparent GIF image.

After changing the settings, Click on Save Changes button.

4.4| Back to Top Arrow

From Admin menu, navigate to Appearance -> Blogxer Options. Then go to General tab

Here you can find the option for enabling/disabling "Back to Top Arrow" option. Choose your preferred option

After changing the settings, Click on Save Changes button.

4.7| Multi Column Menu

Multi column menu looks like this:

To make any menu item multi column, you have to add some specific classes in the parent menu item. Here's an example:

Here I used css class mega-menu which turns the submenu items into multi column. Also i used another class hide-header which hides the title "Column 1" and "Column 2" inside menu.

NB: If you can't see the field "CSS Classes", you have to enable it first. To do this, go to the top and follow this screenshot below:

4.10| Typography

You can change the typography of Body and Headers. To do this, go to Appearance -> Blogxer Options. Then go to Typography tab.

After changing the Typography settings, Click on Save Changes button.

5| Layout Settings

From here you can set default layouts for pages, blog, posts etc. You can find this settings on Appearance -> Blogxer Options and then Layout Defaults tab.

This settings is similar for all submenus under "Layout Defaults", so for convenience i'll just describe for one item (Pages).

Layout: You can choose various layout types for pages eg. Left Sidebar, Right Sidebar, Full Width.

Content Padding Top: Paddings at the top of page contents. (see image below)

Content Padding Bottom: Paddings at the bottom of page contents.(see image below)

Banner: You can enable or disable banner (see image below).

Breadcrumb: You can enable or disable breadcrumb (see image below).

Banner Background Type: You can choose weather you want a background image or background color for banner.

Banner Background Color/Image: You can select the banner background color or image from here.

6| Layout Settings for Individual Post Types

You can override the above settings for individual post types. For any post types (like Posts, Pages, Speaker, Event, Gallrey etc), when you go to Add New or Edit page, you can find similar settings like above under the "Layout Settings" box. If you change any settings from here, this will take priority. If you choose default, settings from the Blogxer Options -> Layout Defaults (described above) will be used.

7| Blog/posts Settings

Navigate to Appearance -> Blogxer Options. Then go to Post Settings tab. From here you can change Blog/Archive related settings.

Also you can upload an Inner Page Banner ImageAppearance -> Blogxer Options. Then go to General tab. It'll look like this:

After changing the settings, Click on Save Changes button.

8| Post Settings

Navigate to Appearance -> Blogxer Options. Then go to Post Settings tab. From here you can change settings for single post .

After changing the settings, Click on Save Changes button.

9| Error Page Settings

Navigate to Appearance -> Blogxer Options. Then go to Error Page Settings tab. Settings will look like this:

10| Post Layout

There are many Post layouts to decorate your site. They are divided mainly in 5 Base layout. 01. Box Layout , 02.Grid Layout , 03. Single Layout , 04. List Layout , 05. Slider Layout . In those layouts, there are many styles. AND there are common section for design. They are explained below.

10.1| Box Layout

You can add Box Layout from RT Post Box element. After going to edit Page, Drag the RT Post Box into your page section:

Then you will find all options to make the box layout fit for your design. The options are explained in the screenshot.

10.1.1| Box Style 1 (2:1) - One Big Leading, 2 col, Content Inside

This is Box Layout 01 which is called Box Style 1 (2:1) element. After Selecting from dropdown you will see into your page like this:

10.1.2| Box Style 2 (3 Columns)

This is Box Layout 02 which is called Box Style 2 (3 Columns) element. After Selecting from dropdown you will see into your page like this:

10.1.3| Box Style 3 (2 Columns)

This is Box Layout 03 which is called Box Style 3 (2 Columns) element. After Selecting from dropdown you will see into your page like this:

10.1.4| Box Style 4 (One Big, 2 small, One Medium)

This is Box Layout 04 which is called Box Style 4 (One Big, 2 small, One Medium) element. After Selecting from dropdown you will see into your page like this:

10.2| Grid Layout

You can add Grid Layout from RT Post Grid element. After going to edit Page, Drag the RT Post Grid into your page section:

Then you will find all options to make the grid layout fit for your design. The options are explained in the screenshot.

10.2.1| Grid Style 1

This is Grid Layout 01 which is called 2 col, Content Below element. After Selecting from dropdown you will see into your page like this:

10.2.2| Grid Style 2

This is Grid Layout 02 element. After Selecting from dropdown you will see into your page like this:

10.2.3| Grid Style 3

This is Grid Layout 03 element. After Selecting from dropdown you will see into your page like this:

10.2.4| Grid Style 4

This is Grid Layout 04 element. After Selecting from dropdown you will see into your page like this:

10.2.5| Grid Style 5

This is Grid Layout 05 element. After Selecting from dropdown you will see into your page like this:

10.2.6| Grid Style 6

This is Grid Layout 06 element. After Selecting from dropdown you will see into your page like this:

10.3| List Layout

You can add List Layout from RT News List element. After going to edit Page, Drag the RT News List into your page section:

Then you will find all options to make the list layout fit for your design. The options are explained in the screenshot.

10.3.1| List Style 01

This is List Layout 01 element. After Selecting from dropdown you will see into your page like this:

10.3.2| List Style 02

This is List Layout 02 element. After Selecting from dropdown you will see into your page like this:

10.3.3| List Style 03

This is List Layout 03 element. After Selecting from dropdown you will see into your page like this:

10.4| Slider Layout

You can add Slider Layout from RT Post Slider element. After going to edit Page, Drag the RT Post Slider into your page section:

Then you will find all options to make the list layout fit for your design. The options are explained in the screenshot.

10.4.1| Slider Style 01

This is Slider Layout 01 element. After Selecting from dropdown you will see into your page like this:

10.4.2| Slider Style 02

This is Slider Layout 02 element. After Selecting from dropdown you will see into your page like this:

10.4.3| Slider Style 03

This is Slider Layout 03 element. After Selecting from dropdown you will see into your page like this:

10.4.4| Slider Style 04

This is Slider Layout 04 element. After Selecting from dropdown you will see into your page like this:

10.4.5| Slider Style 05

This is Slider Layout 05 element. After Selecting from dropdown you will see into your page like this:

10.4.6| Slider Style 06

This is Slider Layout 06 element. After Selecting from dropdown you will see into your page like this:

10.4.7| Slider Style 07

This is Slider Layout 07 element. After Selecting from dropdown you will see into your page like this:

12| Elementor elements

We have created several Elementor elements for you. You can find them from Blogxer tab in the Elementor elements. They have many uses besides to make a news site.

13| Built-in CSS Classes (Advanced)

You can use the following built-in css classes if needed:

  • bg-primary: set primary color

14 | Custom Widgets

You can use the following Widget in any place of your theme ( like in footer & sidebar ). These are custom made

14.1| Setting up Contact Form

We are using plugin "Contact Form 7" for contact functionality. You can see their documentation for better understanding.

If you don't want to go through all the troubles to check their documentation and just want to use the default contact form we provided with this theme, please at least set up the default emails in contact form settings. (Because if you don't do that, all form submission emails will come to us instead of you). To do that, please follow the steps below:

Step 1: Navigate to Contact, and then click on Contact form 1 link.

Step 2: From this page, click on Mail tab. Here you should set your own email address where you want to receive user submitted forms. Then click on save button.

Step 3: Please submit some dummy forms from Contact page to make sure that it's working properly.

14.3| Translating Theme

You can translate this theme to another language easily. You actually have to translate two things for your website to work properly: "Blogxer" theme and "Blogxer Core" plugin. This plugin plays a major role in theme functionality, so if you don't translate this plugin along with the theme you can't be able to get the full translation.

There are many tools available for translation. But the easiest way is to use plugin "Loco Translate". Using this plugin, you can literally translate any WordPress themes or plugins if it supports translation.

** Note: Please remember, if you update the theme later your translations might be gone if they are stored inside theme/plugin. So please keep a backup of Blogxer theme and Blogxer Core plugin first before updating theme. **

Here's a quick video tutorial about how to use Loco Translate:

14.4| Updating Theme

Occationally we provide updates which includes new features and bugfixes. Updating WordPress theme is standard WordPress functionality. There are few ways to update WordPress theme. You can follow any of the methods described below:

** Note: Before updating, make sure to keep a backup of your website to be in safe side. **

Method 1: Automatic Update by Using Envato Market Plugin

  1. Install and activate the "Envato Market" plugin manually. Here's the plugin zip file: http://envato.github.io/wp-envato-market/dist/envato-market.zip
  2. From WordPress Admin Panel, navigate to "Envato Market" menu.
  3. In this page, you'll find a field for insering Envato Token. Insert your Envato Token Code from there. You can generate this code from this link: https://build.envato.com/create-token/?purchase:download=t&purchase:verify=t&purchase:list=t .
    Remember, while generating the token, you have to login using the same envato id which you used to purchase theme.
  4. After completed the above steps successfully, Navigate to Appearance -> Themes. Here you'll see an "Update now" link beside your theme. Click on that link and your theme will be updated automatically.

Here's a quick video tutorial explaining this method:

Method 2: By Uploading zip File

  1. From WordPress Admin Panel, Navigate to Appearance -> Themes.
  2. Activate any other theme (eg. Twenty Seventeen) than the current one.
  3. Delete Blogxer Theme.
  4. Now you have to upload the updated theme zip file. To do this, Navigate to Appearance -> Themes -> Add New -> Upload. Go to browse, and select the zipped theme folder. Hit "Install Now" and the theme will be uploaded and installed.

Method 3: By FTP

  1. Using your FTP client, navigate to "/wp-content/themes/" folder on your server and delete the "Blogxer" folder from there.
  2. Now upload the latest non-zipped theme folder into that "/wp-content/themes/" folder .

15.1| Demo Content installation failed

This is a hosting issue. In most hostings demo installation will work fine. But some hostings block certain permissions which may cause this issue. If this happens to you, you can contact your hosting provider or alternatively send a support request to support@radiustheme.com and we will help you to fix this.

15.2| 404 Error in all pages

If you face this type of issue, please update your permalink. To update permalink, navigate to Settings -> Permalink and then click on Save Settings button.

16| Contact

If you face any issue, please contact at support@radiustheme.com

Thank you for purchasing our theme.