Creative and elegant multipurpose theme
FlashBlue
Created: 13/09/2021
Last Update: 27/11/2021
By: FlashBlue
Profile: www.codegrape.com/user/flashblue
Website: www.flashblue.co
E-mail: [email protected]
Twitter: twitter.com/flashblue80

 

Table of Contents

  1. Directories
  2. Installation
  3. WPBakery in Portfolio
  4. Theme Options
  5. Import Demo Content
  6. Create New Project
  7. Header Navigation
  8. Contact Form 7
  9. How to Translate
  10. Google Maps

A) Directories

xenia - Contains theme files.

help – Help file (HTML).

licensing – GPL descriptions.

source – Preview PSD file.


B) Installation

Current documentation was created to help you with quick installation and configuration of Xenia theme. Please, read it carefully to avoid most of potential problems with incorrect configuration.

To install this theme you must have a working version of WordPress already installed.

For detailed Wordpress installation instructions visit https://codex.wordpress.org/Installing_WordPress

Download the zipped package from ThemeForest and extract to your desktop. In the extracted package you will find xenia.zip file which is the WordPress theme.

You can install the theme in two ways:

Once you have activated the theme you will need to change some of the pages and media settings for optimal performance.

Installation

After that, check required plugins on Appearance / Install Plugins:

Then, import sample data automatically via Appearance / Import Demo Data.

Finally, visit https://developers.google.com/maps/documentation/javascript/get-api-key and follow steps to create a Google Maps JS API key. Then, open Xenia / General option. Copy the key into Google Maps Api Key field and Save.


C) Enable WPBakery Page Builder in Portfolio

Firstly, select WPBakery Page Builder / Role Manager from WordPress menu on the left.

Then, choose Post types field as Custom and check portfolio.

Finally, click on Save Changes button at the bottom.


D) Theme Options

After the installation you can make your own settings. Please, open Xenia (Theme Options) and make site-wide settings:

Theme Options


G) Import Demo Content

If you want to have the same website as Live Preview of theme, you’ll need to import demo content.

There're 2 ways to import demo data:

1. One Click Demo Import

Import Demo Data

2. Import Demo Data Manually

Import XML


J) Create New Project

Creating project is nothing new if you have even basic experience with WordPress and is similar to posts. You can create portfolio project which will your images or video clip. Fill the content and don’t forget to set Featured Image.

Create New Project


N) Header Navigation

Xenia supports custom WordPress menu. Navigate to WP Admin Appearance > Menus page and create menu. Select the newly created menu from the theme locations dropdown box Main Navigation as it mentioned on screenshot and press Save button.

Primary Menu


P) Contact Form 7

Open Contact > Contact Forms. Edit the 1st contact form. Copy following HTML code to Form field.

<div class="form-group">[text* your-name placeholder "Your Name"]</div>

<div class="form-group">[text* your-email placeholder "Your Email"]</div>

<div class="form-group">[text your-phone placeholder "Phone Number"]</div>

<div class="form-group">[textarea* your-message placeholder "Your Message"]</div>

<div class="form-group">[submit class:btn-dark class:upper "Send Message"]</div>	

Then, edit Contact page. Remove if there's old shortcode of contact form and add Contact Form 7 shortcode by clicking on + button.

Contact


Q) How to Translate

The translation file you can find in languages folder (/wp-content/themes/xenia/languages). Edit the .po file using POEdit, use the translation field to make replacements. Read here how to do it right.

From the file menu, save file with your language name e.g de_DE.po into languages folder. It will generate both a *.po and *.mo file for your translation.

Next edit wp-config.php located in the root folder of wordpress and define the WPLANG prefix with your language name which should be similar to the translation file name.


R) Google Maps

Please, get an API key here:
https://developers.google.com/maps/documentation/javascript/get-api-key

After you get the Google Maps JavaScript API, write it to Map Options section in Xenia (Theme Options).