2. Theme installation
From your admin dashboard
- Log in to the WordPress Administration Panels.
- Go to Appearance > Themes.
- Select ‘Add New’.
- Then select ‘Upload Theme’.
- Click ‘Browse’ and Locate ‘emag.zip’ Theme in your computer.
- Select ‘emag.zip’ and click ‘Install Now’.
You can use FTP client like FileZilla to connect your web server.
- Unzip emag.zip to your Desktop.
- Using an FTP client to access your host web server, go to wp-content > themes and upload your new copy of your eMag-pro theme.
- Now, log into the WordPress Dashboard with your login details.
- Select the Appearance panel, then Themes.
- You will see the theme in the list.
- Then click Activate button.
The theme will now be activated.
3. Setting up front page (Home page)
You can set up the front page in two different formats: – Your Latest Post or a static front page.
A static front page is recommended because a blog page is a usual inner page, while a static front page has special display options.
Setting up Static Front Page
First, create and publish a page with a suitable title for the home page. (E.g. Home)
Then, go to Customizer > Static Front Page > A static page
Select the page required for the static front page. Now, enable the sections from the customizer.
4. Manage Site Identity
Navigate Customize > Site Identity
From there you can manage the following:
- Site title
- Site Icon
The customizer lets you add, modify, enable or hide various features of the theme.
Front page Customizer
Once you have the static front page set up, a number of sections appear on the front page, all of which can be modified from the Customizer.
- Header Section Settings
- Home Main Slider
- Home Blog Options
The general customizer includes various options. They do bring changes in the front page as well.
- Font Family
- Background Image
- Theme Options
- Reset All Options
6. Header Section Settings
Go to Customizer > Header Section Settings
i) Top Header Settings
The settings in this section will affect a few things on the top section of the homepage.
On checking “Header Tinker Enable” the tinker will be enabled. It’s title and the number of tinkers to be displayed can be modified from the 2nd and 3rd options in the customizer box.
On checking “Enable Date” date will be displayed in the right corner of the top-most section.
On checking “Enable Search” search icon will be displayed in the right corner of the top ribbon and it will help site-visitor navigate within the page.
On checking “Enable Random” random icon will be displayed in the right corner of the top ribbon. This option will let site visitors see news or published articles in a random manner.
On checking “Enable Home” home icon will be displayed in the right corner of the top ribbon. It is linked to the front page of the site.
ii) .Header Advertisement Setting
Header Banner Advertise
Go to Header Section Settings > Header Banner Advertise and upload the required banner.
Redirect Advertisement URL
Go to Header Section Settings > Redirect Advertisement URL
In the box, enter the URL where the banner has to redirect.
7. Customizing the Main Slider
Go to Customizer > Home Main Slider
i) Settings Options (Main Slider)
Enabling/ Hiding the main slider.
Go to Setting Options.
On checking the option ‘Enable Feature Slider’ the slider will appear on the front page. When the option is not checked, it means that the slider will be hidden.
Selecting number of sliders for main slider
Go to, Setting Options > Number of slider
Now you can select the number of sliders you want.
Selecting category for slider
Go to, Setting Options > Select Category for Slider
Now select the category you want to display. Make sure that the posts to be displayed are listed under the selected category.
ii) Slider Properties
To select, slider mode, slider transition and pause duration or to enable/disable arrow, auto play and title, Go to Slider Property and select within.
8. Setting up Blog Setion
The blog section will be updated automatically as you publish new posts.
You can still edit various settings.
Go to Customize > Home Blog Options
- Enabling the Blog Section
On checking the option ‘Enable Blog‘ the section will appear on the front page. When the option is not checked, it means that the section will be hidden.
- Determining number of blogs appearing on the front page
To specify the number of blogs you want to display on the front page, go to, Home Blog Options > Number of Blog/s
- Selecting category for blog
You can display posts in the blog section from a single category only. For this, Go to Home Blog Options > Select Category For Blog.
And, select the category you wish to display. Make sure the posts you want to display is listed under the category you’ve chosen
9. General Customize ( Color, Fonts, Background Image)
i) Font Setting
To edit the fonts, Go to Customizer > Font Family
Now choose the specific font family for each of the given sections.
Once, the preview is fine, save it.
Editing basic colors.
A number of color options are available for texts in different sections, background, menus etc. To edit the colors:
Go to Customizer > Colors.
Now, you will be able to change the color options. Once, the preview is fine you can save and publish it.
2. Resetting the colors.
Go to Customizer > Colors Reset
On checking the ‘Reset’ option and saving it the color options will change to default colors of the theme.
iii) Background Image
To set or edit the Background Image,
Go to Customizer > Background image.
You can upload a picture there. Once, you have the picture selected you can make various changes regarding how it is displayed. Save the changes once you are fine with the preview.
Widgets are one of the most important aspects of this theme. Three special widgets are specially built for the front page so that most of your content can be categorized easily and be accommodated to feature in the front page.
To add or customize the widget, navigate to Customize > Widgets
Now, select the required section and customize accordingly.
Home/Front Page Widget
Note:* you can find more custom widgets in premium version. Please see attachment
You can choose four widget in footer section.
11. Menus (Setting up and modifying)
Go to Customizer > Menus
Here, you can create and manage the menus
1. Creating a Menu
From Menus, click ‘Add a menu‘ button, you will be able to create a menu here. Once, you have created the menu, you can further add items to the menu.
2. Creating a Social Menu.
From, Menus create a menu (E.g. “Social menu”) and assign its location to Social Menu.
Now, once you add custom links and social media URLs in each of the links, you will get the social icon in the Social Menu.
12. How to manage Footer Options?
1. From Customize section, go to Theme Options.
2. From Theme Options, you will see Footer.
3. In Footer you will see:
- Footer Text: This changes the copyright text at the footer seciton. Edit your copyright text here.Note*: Footer text “Theme: eMag by eVisionThemes” is editable in Premium version only.