Theme Installation

Installing WordPress

In order to install Ayesha WordPress Theme make sure you have installed the working version of WordPress. If you don't Know How to install WordPress Please follow here is the Link of Official WordPress irticle How to install WordPress?

http://codex.wordpress.org/Installing_WordPress

Useful Article : How to Install WordPress Using different methods

http://www.wpbeginner.com/how-to-install-wordpress

"In Order to Use Ayesha WordPress Theme You must be running WordPress 4.0 or higher version"

Theme Structure

Once You Download the Ayesha Package.zip file From Themeforest.net go head and unzip this File. After unzip the file you get these files and folders follow Below :

ayesha.zip: This is The main WordPress Theme file You can upload it directly to WordPress.

ayesha-child.zip:  This is the Child Theme of Ayesha WordPress Theme.

Documentation: These are the Documentation folder of Ayesha WordPress Theme Simply Open This folder and Click on Open Me File.

Demo Data: This folder Contain Demo Content files ie content.xml, widgets.json, theme-options.json, and Revolustion slider zip riles

Theme Installation via WordPress

In Order to Install This theme via WordPress Admin please follow The Instructions Below :

1. Login to WordPress Admin

2. Go to Apperance > Themes

3. Click Add New Button and Click Upload Theme

4. Click Browse Button and Upload Ayesha.zip file and Click Install Now

5. Once the Theme is Installed Click on the Activate Link and Activate the Theme

Image Placeholder

Theme Installation via FTP

Once You have Download the Theme and Prefer to install it via FTP? Here is the Useful Article How to Do That. Please note that this method is only advisable to advance users due to the risk of deleting or modifying other files in your WordPress directory. If done incorrectly, it may bring your site offline.

https://www.jezweb.info/install-wordpress-theme-using-ftp/

Child Theme Installation

If you Want to Modify the source code ie (php Files, js Files or style.css) of the main parent theme. We strongly Recommend You to install this child theme and make such Modifications Inside this child theme in order to avoid any Possible Problems, issues and Conflicts by installing updates of Ayesha Parent WordPress theme in the Future. You can Install the Child Theme in the same way as You Install the Parent Theme Please Follow the Description "Theme Installation via WordPress Section". You can Find the Child Theme in the "Ayesha Package" Folder called Aa Parent Theme Before Installing the Child Theme"

Installing Theme Plugins

Once You have Install and Activate the Theme Successfully you will get the Following Message about Installation of Required and Recommended Plugins. In Order to get Ayesha WordPress Theme Properly Work make sure you install these Plugins. Some of the Plugins are Included in the theme and some will install from WordPress.org repository Online.

1. Click on Begin installing plugins

2. Check all plugins and select Install and click on apply Button

Image Placeholder

Required Plugins :

Ayesha Core Plugin : Essential Plugin for Ayesha WordPress Theme Including Functions, Admin Panel, Shortcodes and Custom Post Types

Visual Composer : Visual Drag and Drop Page Builder for WordPress

Revolution Slider : The Most Powerful and Rich WordPress Slider Plugin

Classic Editor : This Plugin will restore the previus Classic Editor of WordPress insted of new Gutenberg Editor

Contact Form 7 : One of the Best, Free and Simple Form Plugin

WooSidebars : The Best sidebars plugin for creating unlimited sidebars

CMB2 : This Plugin will create cusotm metaboxes inside WordPress Theme

WooCommrece :This Theme is 100% Compatible with WooCommerce WordPress Plugins. We have not include this plugin in our recommendation but if you want to sell your products online then fell free to use the woocommerce plugin.

Demo Installation

One Click Demo Importer

Recommended PHP Settings

Before Installing Demo Data from Admin Panel to avoid any Possible Demo Import Issue or Conflict We Recommend you to Setup These Php Values in your Servers php.ini File.

Memory Size: memory_limit = 256M

Script execution time: max_execution_time = 400

Number of input variables: max_input_vars = 4000

If you don’t have any access to the php configurtation Settings on your server or Cpanel, you can try to set this values in .htaccess file in WordPress.

One Click Demo Importer

This Ayesha WordPress Theme Comes With One Click Demo Importer Which you can find in Apperance > Theme Options > Demo Importer Then Click on Import Button Please Be Patient it will take some Minutes to Import Demo Data with Media Depending on Your Server Speed.

Image Placeholder

Manual Import Demo Content

If the Demo Data Import Failed from Admin Panel Then You can Try to Import it Manually by Uploading File. You can Find These files in "Ayesha Package" Under "Demo Data" Folder.

First Step : Import Theme Content ie Post, Pages and Media

In Order to Import Theme Content Manually You have to Install "WordPress Importer" Plugin Please Follow Instructions Below.

1. First Install "WordPress Importer" Plugin Simply Go to Plugins > Add New and Search for WordPress Importer or Yo can Download it Manually From WordPress.org and Install it

Image Placeholder

2. Once you have Install the Plugin Go to Tools > Import and in the Very Bottom in WordPress Section Click Run Import

Image Placeholder

3. Then Browse the Content.xml File Which you can find in Demo Content Folder and Upload it then click on Upload File and Import Button

4. Once Browse the File Then Click on Upload File and Import Button.

Image Placeholder

IMPORTANT :After Uploading Simple Check on Import File and Attachment and Click on Submit Button. NOte : if you dont then the Media File ie "Images" Will not Import

Image Placeholder

"So Please Be Patient it will take couple of Minutes to Install Depending on your server Speed"

Second Step : Import Theme Widgets

In Order to Import Theme Widgets Manually You have to Install "Widget Importer and Exporter" Plugin Please Follow Instructions Below.

1. First Install "Widget Importer and Exporter" Plugin Simply Go to Plugins > Add New and Search for Widget Importer and Exporter or Yo can Download it Manually From WordPress.org and Install it

2. Once you have Install the Plugin Go to Tools > Widget Importer and Exporter then Click on Select File

3. Then Browse the widgets.wie File Which you can find in Demo Content Folder and Upload it then click on Import Widgets Button

Image Placeholder

4. It Will Take a Couple of Seconds to Import Widgets

Third Step : Import Admin Settings

1. In Order to Import Admin Settings Go to Apperance > Theme Options and Click on Import & Backup Section

2. Open the theme-options.json File You can Find This file in Demo Contnet Folder and Copy the Code From This File

3. In Import & Backup Tab Click on Import from Code Button Then Paste the Code and Click Import Button

Image Placeholder

Fourth Step : Importing Demo Sliders

1. Go to Slider Revolution and Click on Slider Revolution Tab

2. On the Revolution Slider Dashboard Screen Click on Manual Import

3. Then Browse the Slider zip Files ie "homepagev1" File Which you can find in Demo Content Folder and Upload it then click on Import Module Button and wait for while until the Module will be imported

Image Placeholder

Fifth Step : Setting Up Menus

After the Demo Content is Imported, The Next Step is to set the Menu Locations for Theme.

1. For Primary Menu Select Primary Menu

1. For Left Menu (Header v3) Select Header v3 Left Menu

Note: This Menu is only for Header v3 You can see Header Layouts by going to Appearance > Theme Options > Header > Header Layout

1. For Right Menu (Header v3) Select Header v3 Right Menu

Note: This Menu is only for Header v3 You can see Header Layouts by going to Appearance > Theme Options > Header > Header Layout

Once you have Select the Menus to its Proper Location then Click on Save Changes Button

Image Placeholder

Setting Up Homepages

In Order to Make your default Homepage Go to "Settings > Reading" select a static page option to be displayed as your front page and choose ie "Homepagev1" from the select box Front page. The Next you can select your Default Post page Select a Posts Page Option and Select Page ie "News" then Click Save Button.

Image Placeholder

Theme Admin Panel

General Overview

In Admin Panel every field contain its own title and description, describe how to use this field.

Image Placeholder

General Options

In General Admin panel Tab you can upload Theme Logo and can set the width of the logo

Header Options

In Header Admin Panel Tab you can add Header Contact Info, Choose you Desired Header Layout as well as you can style Header and Mobile Header.

Titlebar Options

In Titlebar Admin Panel Tab you can change the titlebar settings ie Title color and you can style the titlebar.

Footer Options

In Footer Admin Panel Tab You can change the footer widget area colors, settings and more as well as you can change copyright text and main menu.

Typography Options

In Typography Admin Panel Tab you can change the theme Heading and Body Typography as well as you can change some General typography too.

Theme Styling Options

Here in Theme Styling Admin Panel Tab you can choose you desired theme Accent Color.

Blog & News

Here in Blog & News Admin Panel Tab you can switch different options belong to Blog Posts.

WooCommerce Options

In WooCommerce Admin Panel Tab here you can choose shop page layout, Number of products you want to show on shop page and even you can select the shop single page layout too.

Import & Backup Options

In Import & Backup Admin Panel Tab you can Import and Export Admin Panel Settings for future use.

Post & Pages

Create New Page

In Order to Creat a new page to your website and go to Pages > Add new in the WordPress Admin Screen.

Image Placeholder

(1). Enter the Page Title

(2). Select Your Desired Page Layout ie "Default No Sidebar" If you want to create a page with no sidebar "With Right Sidebar" If you want to create a page With Right Sidebar "With Left Sidebar" If you want to create a page with Left Sidebar "FullWidth Page" Create a FullWidth Page with no margin and padding.

"Note : If you want to create a page Which include fullWidth Sections With Background Images and Videos and With No Margins and Paddings We Recommended you to Select Page Layout "Page : FullWidth" and Set Visual Composer row to FullWidth Section"

(3). You can Enter Your Page Content in WordPress Editor, If you dont want to use Default WordPress Editor Then you can use "Visual Composer Page Builder" to Bulid Page With Drag and Drop Layout. If you dont know how to use Visual Composer I Recommend You to Read This Section How to Build Pages Using Visual Composer

(4). Click on Publish Button to Publish the Page

Create Page Using Page Builder

You can create pages by using "Visual Composer page Builder" instead of WordPress Default Editor In Order ot do that click on "Backend Editor" Button This Will Turn Your Editor into Visual Composer Page Builder I Recommended you to Read This Section How to Build Pages Using Visual Composer

Create New Post

In Order to Creat a new Post to your website and go to Posts > Add new in the WordPress Admin Screen.

Image Placeholder

(1). Enter the Post Title

(2). Choose Your Desired Post Category if you have not Create a Post Category Click on Categories and Enter New Category

(3). Click on Set Featured Image Link it Will Popup a window where you can choose Blog Image or You can Upload Image Directoly From Your Computer

(4). Here YOu can Enter Post Content in the Default WordPress Editor

(5). Click on Publish Button to Publish the Post

Shortcodes & Elements

Visual Composer Shortcodes

Visual composer come with pre-build shortcodes that allow you to create pages with drag and drop. We have also modified the visual composer elements. if you don't know how to use visual composer elements i recommend you to watch the video tutioral below.

Video Tutioral : Get Started With Visual Composer

https://youtu.be/1UwqVB9VTrU
Image Placeholder

Theme Shortcodes

We have also create our own visual composer Shortcodes to enhance the user experience and expand the visual composer functionality. You can find Theme Own Shortcodes in the Ayesha Tab in visual composer Popup screen.

Image Placeholder

Plugins Integration

WooCommece Plugin

Ayesha WordPress Theme is Fully Integrated With WooCommerce Plugin. We have not Add WooCommerce to our Required Plugin But If you want to use WooCommerce to sell your products Make sure you read the docs carefully.

"Make Sure you have installed the WooCommerce Plugin First Simply Go to Plugins > Add New and Search for WooCommerce and Install it."

"IMPORTANT" After Installing WooCommerce Plugin

Once You Install WooCommerce Plugin This Will Show a Notice About Installing WooCommerce Default Pages. Simply Click on the “Install WooCommerce Pages” button in the purple bar to install all the default pages. WooCommerce automatically creates the necessary pages.

Getting Started With WooCommerce

https://docs.woocommerce.com/documentation/plugins/woocommerce/woocommerce-user-%20guide/getting-started/

Adding New Products in WooCommerce

https://docs.woocommerce.com/document/managing-products/

Plugin & Extras

Visual Composer

Visual Composer is the Best Drag and Drop Page Builder for building pages, posts and Custom Post Types in WordPress. If you are not familiar with Visual Composer Page Builder, we Recommend You to take a look at Following Tutiorals:

Visual Composer Official Docs

https://wpbakery.atlassian.net/wiki/spaces/VC/overview

Video Tutioral : Get Started With Visual Composer

https://youtu.be/1UwqVB9VTrU

Video Tutioral : How to Navigate Accross Visual Composer

https://youtu.be/XJz_XWiOK78

Video Tutioral : Adding Rows and Columns With Visual Composer

https://youtu.be/dtAAx_r9oLM

Visual Composer Youtube Channel

https://www.youtube.com/channel/UC8VqUAlmHoMs85jalFRv_mQ

Revolution Slider

Revolution Slider is one of the Best Slider Plugin in the market right Now. Its allow you to Create fully functional Slider, Banners and Galleries. Does not Matter how much Complicated Slider You have. If you are not familiar with Revolution Slider, we recommend You to take a look at Following Tutorials:

Revolution Slider Official Docs

https://www.themepunch.com/revslider-doc/slider-revolution-documentation/

Revolution Slider Complete Video Tutioral

https://www.themepunch.com/faq/slider-revolution-beginner-video-guides-tutorials/

Contact Form 7

Contact Form 7 is one of the simple, best and free Contact Form Plugin. Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on.

Contact Form 7 Official Docs

https://contactform7.com/docs/

Contact Form 7 Video Tutioral

https://www.youtube.com/watch?v=4-Zcbo1Bxx0

Disclaimer

Ayesha was tested to work in different Browsers and With WordPress Versions. However we cannot Guarantee, that Ayesha will function with all Third Party plugins and server Hosting environments. We Cannot Provide Support solving any Conflicts and Problems with third party codes and plugins.