Quix 2 Visual Builder is here & enjoy 20% discount. Coupon : QUIXPRO

Documentation

Find articles, step-by-step instructions, and advice for getting the most out of ThemeXpert.com

This documentation will flip you through the step by step how to install and setup the incredible Egan WordPress theme. Egan is an responsive news and magazine theme for WordPress lovers, those who are looking for a indispensable media to share their discoveries and latest news.

This beautiful news WordPress theme is neat and clean, well-equipped with innumerous technologies Like Bootstrap 3, Less, Newskit, and a lot more.

Installation

Follow our installation guideline if you are having problem to install the theme.

Homepage Settings (Without Installing Demo Data)

Step 01
If you want to install Tx Next theme in your website except demo data, you have to first create a page from Admin Panel >> Pagers >> Add New Page You can see in the image below I have created page called “Home”.

Create Page

Step 02
When you have created your page, now its time change the page reading for Tx News. To change the page reading for newly created page head to the Admin Panel >> Settings >> Reading Check the box next to A static page (select below) under Front Pager display. and select your page in which you display Tx Next content. In my turn Its Home.

Front page display settings

Homepage Settings (After Installing Demo Data)

After finishing all installation process, the very first setting, we recommend to define is Home Page. To have Homepage the same as Tx Next demo, change the following setting:

  • Head over to Admin Panel >> Settings >> Reading
  • Check the box next to A static page (select below) under Front Pager display. Select Homagepage 1 under the Front Page title. Flip through the image below.

Front page display settings

Layout Structure

This screenshot will give a quick overview of the layout structure of Tx Next WordPress theme.

Home Layout Structure

Header Settings

The headers contains a couple of widget. To set the header as the Demo looks, please flip through the instruction carefully:

Primary Menu Settings

Navigate to Dashboard >> Appearance >> Menus and create the primary menu. The primary Menu Look like the following.

Primary Menu

Frontend View
Primary Menu Frontend

Max Mega Menu Theme Import

Primary menu is using Max Mega Menu theme to give engaging megamenu. If you want to have menu like our Demo theme. Head over to Dashboad >> Appearance >> Max Mega Menu >> Tools. Open up max-megamenu.txt from Themes to dummy-data folder. Copy the entire code of max-megamenu.txt and paste it in Import Theme text field.

Max Megamenu

Search box Settings

Navigate to Dashboard >> Appearance >> Widgets and place the Search widget into Search box widget area.

Search

Slideshow Settings

Slide show is another interactive layout of Newskit. Just navigate to Dashboard >> Appearance >> Widgets >> Slideshow, then drag & drop Newskit into Slideshow as shown below:

Slideshow

Frontend View
Slideshow Frontend

Main Content – Newskit - Static Layout 1

Navigate to Dashboard >> Appearance >> Widgets >> Main Content, drag & drop Newskit into Main Content.

NewsKit Static Layout 01

Frontend View
NewsKit Static Layout 01 Frontend

Main Content – Ads Banner

Step 01
Go to Dashboard >> Media >> Add New

Back-end Settings

  • Upload Image or select existing image
  • Copy the link of the image

Media Library

Step 02
Head over WordPress Administration >> Appearance >> Widgets

  • Click and drag Text Widget to Main Content

After that use the HTML code below , paste them into Text widget to display the image and the recommend size for the image on the ads banner is 770 x 140

<a href="http://www.themexpert.com/joomla-templates/spaghetti" target="_blank"><img src="/Your_Image_source_goes_here" /></a>

Frontend View

MainContent Ad

Main Content – Newskit - Static Layout 2

Navigate to Dashboard >> Appearance >> Widgets > Main Content, drag & drop Newskit into Main Content.

MainContent widgets

Frontend View

Maincontent Static Layout 02 Frontend

Main Content – Newskit - Dynamic Layout 1

Navigate to Dashboard >> Appearance >> Widgets > Main Content, drag & drop Newskit into Main Content.

MainContent widgets

Frontend View

Maincontent Dynamic Layout 01 Frontend

Sidebar Setting

The sidebar areas are used to display the widgets in the secondary column. To get the image sidebar like our demo site, please add the following widget with content and setting, I am going to describe you.

Sidebar – Newskit: Most Popular ( Static Layout 4 )

Navigate to Dashboard >> Appearance >> Widgets >> Sidebar drag & drop Newskit into Sidebar.

Backend Settings
Sidebar Most Popular

Frontend View
Sidebar Most Popular Front

Sidebar– Ads Banner (Position 1,3,5)

Step 01
Go to Dashboard >> Media >> Add New

  • Upload Image or select existing One
  • Copy the link of the image

Step 02
Head over WordPress Administration >> Appearance >> Widgets Click and drag Text Widget to Sidebar.

After that use the HTML code below , paste them into Text widget to display the image and the recommend size for the image on the ads banner is 370 x 370

<a href="#"><img src="/Your_Image_source_goes_here" /></a>

Frontend View
Sidebar Ads widget

Footer 1

Head to Administrator >> Appearance >> Widgets >> Footer 1 Find Text and Custom Menu Widget from the list of the Widgets, click and drag it to Footer 1.

Backend View
Footer1 section

Frontend View
Footer1 section Front

Footer 2

Head to Administrator >> Appearance >> Widgets >> Footer 2 Find Text and Custom Menu Widget from the list of the Widgets, click and drag it to Footer 2.

Backend View
Footer2 section

Frontend View
Footer2 section Front

Footer 3

Head to Administrator >> Appearance >> Widgets >> Footer 3 Find Text Widget from the list of the Widgets, click and drag it to Footer 3.

Backend View
Footer3 section

Frontend View
Footer3 section Front

Customizer Settings

There are several customizing options in theme customizer like Logo settings, Presets, Social Links etc, to get those settings go to Administrator >> Appearance >> Customize

Customizer Options