YogaZen - Best WordPress Theme for Yoga

1. System Requirements

Minimum Requirements to Install Elementor:

WordPress 5.0 or Higher
PHP 7.2 or Higher
MySQL 5.6 or Higher
WP Memory limit of 256 MB or Higher

Recommended PHP configuration limits:

If you are having trouble importing the demo material or if a page is not being modified, you should increase the PHP limitations. You have two options: either do it yourself or ask your hosting company to raise these particular PHP restrictions in the php.ini file.

max_execution_time 300
memory_limit 128M
post_max_size 32M
upload_max_filesize 32M
max_input_vars 1000

2. WordPress Installation

If you are new to WordPress, there is a step-by-step plan for getting started. Plenty of options for assistance are listed in this article. If you need help installing WordPress, below are all the useful links for WordPress information.

WordPress Codex - You can find the General information about WordPress and how to install wordpress on your server.
Instructional Video - This video will shows the clear idea about the installation.
First Steps With WordPress - You can find the steps to make your new site your own.
FAQ New To WordPress - You can find the top results for the Wordpress.

3. Theme Installation

a. From the WordPress Dashboard

Log in to your WordPress dashboard.
Navigate to Appearance > Themes Click Add new button, located at the top of the screen or Add new theme
Click on Upload Theme button.
Click on Browse button and navigate to the unzipped theme package on your computer.
Look for a file called yogazen-pro.zip Click on it to select, then click OK.
Click on Install Now button and wait until the installation is complete.
Click on Activate link to activate the theme on your WordPress site.

b. Manual Installation Via FTP

If you have an FTP client installed (like FileZilla) and know the FTP login credentials of the server hosting your website, you may want to use this method to upload your theme.

Unzip the yogazen-pro.zip file
Using an FTP client to access your host web server. Go to /wp-content/themes
Upload theme to /wp-content/themes/
Go to Appearance > Themes and activate theme from Dashboard.

Before you start uploading the folder to the main WordPress installation folder > wp-content > themes, you must first unzip the download file. Locate the yogazen-pro.zip file and unzip it. Please be aware that if you choose this method of installation, you must ensure that the theme's primary files are only found in one folder within the themes folder.

Once the theme has been uploaded to the server, you can activate it. You must navigate to the admin panel > Appearance > Themes in order to activate this theme. The theme with the label YogaZen PRO should be visible in this area. To activate your theme, simply click the Activate button.

4. Plugin Installation

The Homepage sections are based on Elementor page builder plugin. After installing the YogaZen PRO theme, please install the Elementor Website Builder plugin.

Follow the below steps to install a plugin:

From your WordPress dashboard click on Plugins > Add New
In the Search field, enter "Elementor" and choose Elementor Website Builder to install
Click on Install Now button
After the installation is complete, click Activate button

How to Install Elementor Plugin

5. Demo Content

a. One Click Demo Install

You can import demo content from our demo site with a single click of a button.

Install the One Click Demo Import plugin
Navigate to Appearance > Import Demo Data
Click on Import Demo Data button

Don't forget to activate all required plugins before importing demo data.

b. Import XML File

If you want to import the demo content the old-fashioned way, you can get a fresh copy of the XML file from our server

Follow the below steps to import the demo content:

Login into your account: https://ozenthemes.com/my-account/, click the Downloads menu item and download "Demo Content" file
The demo content is inside a .zip file. You must extract this archive on your computer.
(Right click on yogazen-demo-content.zip to extract)
Go to Tools > Import
Install and run WordPress Importer
Click on browse, select yogazen-demo-content.xml file and click on Upload file and import
You will be asked to map the authors in this export file to users on the blog
Click on the "Download and import file attachments" box to import the attachments
While WordPress imports all of the material, just be patient. Imported are Pages, Menus, and Posts. You must setup widgets and provide a theme position to the menu. This is a drawback of the WordPress import mechanism.

6. Homepage Setup

After you have imported the demo data, please setup the homepage using following

Go to Settings > Reading
Set homepage displays to Static page
Select Home page

7. Typography

We have manage Typography settings section wise, for easy to setup your settings fromon place

To manage the font/size of content, follow the steps listed below:

Go to the Appearance > Customize > Global Settings > Body Typography, heading Typography, Button Typography etc.
Change the font of the desired section

8. Color Settings

We have manage color settings section wise, for easy to setup your settings fromon place

Follow the steps listed below:

Go to the Appearance > Customize > Global Settings > Body colors

9. The header

The header section consists of three main elements:

Header Top Contact info
Site Name / Logo
Naviagtion Menu

a. Header Top Bar

In order to customize the header top bar, follow these steps:

From your WordPress Dashboard, navigate to the Appearance > Customize > Header Settings > Top Bar
Add address, phone numbers,email and social media links
Can Manage font awesome icons,header background color, font color, link color link hover color and its typography from header top bar sections
Then Click on Publish
Header Book a Class Button Manage from Naviagtion Menu

b. Changing the Site Name / Logo

In order to change the Site Title, Tagline and Logo image, follow these steps:

From your WordPress Dashboard, navigate to the Appearance > Customize > Site Identity
Now click on Select image and upload logo for your site
Can adject logo width
Click on Publish

c. Setting the menu

First of all create pages from Pages > Add new page
Go to Appearance > Menu
Click on Create a new menu link
Give a name to your menu in Menu name and click save menu button
Once you have create menu. You need to add pages by selecting with checkboxes. After adding menu list you can arrange it by drag and drop.
Select menu display location Primary Menu from Menu Settings
Click Save Menu after adding required pages, categories in the menu

How to Setup The Navigation (Menu)

10. Homepage Slider

This theme supports home page sider. To use it, follow the steps below:

From your Dashboard, go to Appearance > Customize > Slider Settings > Slider Image Selection
Upload the image for the slider, add the slider title, description, and redirect link
Repeat the above steps for other slides
Manage all settings from slider settings Tab exa. slider trpography, color link etc
Now click on Publish

Default image size for slider is 1400 x 628 pixel

11. Manage Home Page

After importing the demo content successfully, you can change the content of homepage sections and all these can be done through the Elementor page builder.

To edit your homepage with Elementor, follow the steps shown below:

From your WordPress Dashboard, go to Pages > All Pages
Hover your cursor over Home page and click on Edit with Elementor

If you want to learn more about Elementor in detail, visit their site at https://elementor.com/help/

12. Homepage Sections

How to manage Homepage Sections?

Go to WordPress Dashboard -> Pages.
Open Home page(Front Page) and click on Edit with Elementor button.
Note: Home page is based on Elementor Page Builder. You can watch some tutorial videos here and check documentation here to learn how to use Elementor.

13. Hide Homepage Section

Here are the steps to hide a Section in Elementor:

Edit the page with Elementor on which you have the Section that you want to hide
Select the Section that you want to hide
In the left-side settings panel of the Section, go to the Advanced tab
Open the Responsive settings group
Here you can hide the selected Section on Desktop, Tablet, and Mobile
Save your changes

14. Section Reordering

Rearranging a section to meet our needs is essentially known as section reordering. Moving one segment above or below another is a pretty simple process.

Either utilize the keyboard shortcut Cmd/Ctrl + I or click the Structure button on the upper side of the panel.
Alternatively, you may choose Structure by right-clicking on any element. You will be instantly sent to the particular navigation tree node as a result.
To relocate a section element, first open the Navigator, then left-click on it, hold down the mouse button, then drag it up or down, dropping it before or after any other element.

15. Footer

To customize the footer section, go to Appearance > Customize > Footer Settings > Footer Column

Can manage footer short info
Can manage footer quick link titles and footer menu
you can manage foter socials icons
also you can manage coptright info from footer tab
footer four column also you can manage fron widgets.

16. Setting Footer menu

Go to Appearance > Menu
Click on Create a new menu link to create footer menu
Give a name to your menu (Quick Link) in Menu name and click save menu button
Add pages by selecting with checkboxes.
Select menu display location Services Links from Menu Settings
Click Save Menu after adding required pages, categories in the menu
Header and footer menu process are same

17. Blog Page

You may display the blog post with or without a sidebar using one of the many different types of blog templates that are available. All you have to do is take the actions indicated below:

Create Blog page from Pages > Add new
Select Blog - Right Sidebar template from right side panel

18. Contact Page

To display contact form, install the Contact Form 7 plugin

Create contact page from Pages > Add new
Add Contact Form 7 plugin shortcode
Select Contact Page template from right side panel

19. Useful Plugins

We also support and utilize some of the top WordPress plugins. By choosing Appearance > Install Plugins, you may install and activate these plugins.

20. Page Templates & Sidebars

By default, the "Default Template" is used when you create a new page using the Pages > Add New option. The default page template is a typical page template that can include custom content and either a full-width or sidebar layout.

Default Template
- Used to arrange the content on any page that has a right sidebar
Left Sidebar
- Used to arrange the content on any page that has a Left Sidebar
Full Width
- Used to arrange the content on any page that has a without Sidebar
No Sidebar
- Used to arrange the content on any page that has a without Sidebar

21. Widgets

The WordPress widgets are used to manage sidebars:

Can manage sidebar from widgets
Site Footer can manage from footer widgets 1,2.3,4

22. Support

You can email us at [email protected] or use our support forum to ask any queries you may have about our WordPress themes. If you run into any compatibility or customisation issues, our support staff is always available to assist you.