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 gloria.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
Uploading via FTP
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 'gloria.zip'. Extract this file .
Using an FTP client to access your host web server
Upload the Theme files in the extracted folder called 'gloria' to wp-content/themes directory provided by WordPress.
Visit Admin panel -> Appearance -> Themes, look for the Gloria theme thumbnail, then click the Activate button to activate the theme.
This is very IMPORTANT, after you upload the theme via FTP, you must access to gloria/admin_panel/, then change the permission of data folder (gloria/admin_panel/data/) to 777 to use ONE CLICK DEMO IMPORT FUNCTION
Installing Demo Content
One Click IMPORT DEMO Content
The theme supports one click demo importer, so you can easy to setup your site look like our demo page.
You can follow this tutorial video to get the site ready now.
Video Tutorial
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 (Gloria Theme) but the setting flow is the same with Gloria 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)
Breadcrumbs Setup
Breadcrumb that can be activated through Theme Options let you help your readers and Search Engines better discover and view all your content
You can enable breadcrumb in Theme Options -> Page Settings -> Breadcrumbs Setting -> Show
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 16 modules that can be used in this section
BK Grid With Center Slider
BK Feature 1 (Grid Carousel)
BK Feature 2 (Slick Slider)
BK Grid
BK Video Playlist
BK Carousel
BK Row
BK Hero
BK FullWidth Slider
BK Masonry
BK Square Grid
BK Tiny Row
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 12 modules that you can use in this section
BK Grid
BK Carousel
BK Square Grid
BK Post Block 1
BK Post Block 2
BK Masonry
BK Classic Blog
BK Large Blog
BK Tiny Row
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
Gloria supports 3 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 Grid With Center Slider
Tutorial Video
BK Feature 1 (Grid Carousel)
Tutorial Video
BK Feature 2 (Slick Slider)
Tutorial Video
BK Grid
Tutorial Video
BK Video Playlist
Tutorial Video
BK Carousel
Tutorial Video
BK Row
Tutorial Video
BK Hero
Tutorial Video
BK FullWidth Slider
Tutorial Video
BK Masonry
Tutorial Video
BK Square Grid
Tutorial Video
BK Tiny Row
Tutorial Video
Content Section
BK Grid
Tutorial Video
BK Carousel
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
BK Tiny Row
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
Coming Soon
Wordpress Native Gallery Post
Video Tutorial for wordpress native Gallery post
Coming Soon
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.
There is no limit criteria field in a review box. You can click Add more Button to create a new criteria field
Type the Summary textarea your summary for the review item.
You can create lists of pros and cons by enable postitive and negative Author Review.
Click + button to add one more field
Check to enable/Disable user review
Setup position for review box in single page
Click Publish or Update button to save.
Single Post Custom Setting
Post Title Setup
There are 2 options:
Title in article content Section
Wide Title (This is suite for the long title)
Post Layout
There are 3 options: (Please take a look these option on the live demo site, from the main menu bar -> Post layout
Standard
Standard 2
Fullwidth Feature Image
Feature Image Config
Cannot be used in Fullwidth Feature Image layout
Remove the sidebar
Click to display or remove the sidebar on the post
Sidebar Position
Choose between left and right position
Share Box Sticky
Show/hide share box sticky when you scroll up/down
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 Header
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
RTL Mode
Select to Enable/Disable RTL mode
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)
Main Nave alignment
This option allows you to choose between left and center aligned for the main nav
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
Updating Wordpress Theme
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 gloria.zip in the theme folder.
Go to Appearance -> Themes and activate another theme such as the default WordPress theme.
Delete the Gloria theme which is now inactive.
Go to Install Themes -> Upload then install and activate gloria.zip from the new package.
Translating WordPress Themes using PoEdit
Gloria 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.
The first thing you need to do is to make sure that the theme has the appropriate language file. The default language files and eventually, the bonus ones are located in the theme's directory in the /languages/ directory. They are .po and .mo files.
If you don't find the appropriate language file for your target language then you must copy the default.po file and rename the copy accordingly to your desired language. The language files names must have this format "ll_CC", where "ll" is an ISO 639 two-letter language code (lower case) and "CC" is an ISO 3166 two-letter country code (upper case). The country code specification is not redundant: Some languages have dialects in different countries. For example, ‘de_AT’ is used for Austria and ‘pt_BR’ for Brazil. The country code serves to distinguish the dialects. See Language Codes and Country Codes for the lists of codes.
So let's say you want to translate to Brazilian Portuguese and you have copied default.po to pt_BR.po. Now you have to edit it using the world's favorite free .po editor, PoEdit (http://www.poedit.net/download.php).
Once you open the file you will be presented with the list of all the English strings on the left side and their translation (if present on the right). To translate simply click on a line and on the bottom of the window, you can enter your translation. More info here: http://en.wikipedia.org/wiki/Poedit
Once you are done simply hit save in PoEdit and this will automatically save the .po file and generate/regenerate the .mo file (a binary file).
Now all you have to do is change the language of your WordPress installation. To do this you need to go to Settings -> General -> Site Language and choose your appropriate language.
You can reopen the .po file at any time and change, continue to translate, etc.
All done.
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!