Mira Documentation

Thank you for purchasing my theme. If you don't find the answers to your questions in this help file, please feel free to email via my user page contact form . Thanks!

License

When you purchase a theme from Themeforest, the Regular License allows you to use the theme in a single end product. One theme license for one domain ( one theme installation in a single domain )

eg: domain.com and 2domain.com require 2 theme installations. Then you need to purchase 2 licenses.

The billing process and licensing term are fully managed by Envato Ltd. and we don't have any control over this matter.

For more information about licensing check this page https://themeforest.net/licenses/standard?license=regular

NOTE for web agencies and freelancers: You may charge your client for your services to create an end product, even under the Regular License. But you can't use one Regular License for multiple clients or jobs.

FAQ:

Can I use the theme on a test site, then move it to a live site when finished?

Yes, you can use the theme on a test site to build it, then move it to the live site once you're finished. You'll have to remove the theme files from the test site.

Getting Started

If you are new to WordPress here's what you have to do:

Installing WordPress

In order to install the current version of WordPress Theme, please go to https://wordpress.org and download the current version of WordPress. For information on how to install WordPress, please see the WordPress codex page https://codex.wordpress.org/Installing_WordPress .

Installing Theme

You can do it in 2 ways:

  1. Via Wodpress Admin: Go to Appearance-> Install Themes -> Upload and choose mira.zip file ((Make sure you are not uploading the whole zip file that you've downloaded (including dummy content, documentation) but only the mira.zip file). Click Install Now.
  2. Via FTP: Upload mira folder into wp-content/themes folder.
  3. After you've installed the theme make sure to activate it.

Import Dummy Content

If you want your website to look like the live demo, then customize it as you want, follow these steps:

  1. Click Tools > Import
  2. Click on WordPress
  3. Install the Importer by clicking "Install Now" and then "Activate Plugin Run Importer"
  4. Upload the xml file from demo xml folder: "mira-demo-xml.xml".
  5. Now assign your posts to an existing user, check the "Download and import file attachments" checkbox and click "Submit".

Now follow this steps:

  1. Go to Appearance > Menus, select "Primary Menu" at the bottom of the page and click Save.

After you've installed the theme, you can customize it in Appearance > Customize.

If you didnt install XML file like in preview, then you would have to go STEP BY STEP....

Setup Menu

Note: Before creating the menu items make sure you've created some pages / posts.
  1. Go to Appearance - > Menus tab
  2. Add new menu, enter Menu Name
  3. Add Menu Items. Select the pages you've just created and add them to the menu
  4. Drag & drop the menu items as you like. Check the image below. Than save the menu
  5. !IMPORTANT: make sure the Theme Locations option is set to Primary Menu.

Pages General

First go to Settings -> Permalinks. Then you can see Common Settings and choose Post name. This is for better SEO permalinks.

The theme comes with the following custom Page Templates:

How to use a template:

Setup Pages

Homepage

In order to add the home intro titles go to Appearance > Customize > General Options > Home - Top Headline field and add the HTML code below.

<h1>Start Your Journey</h1>
<h3>Hi, matey! Expore my new photo stories theme. Check all the features. Enjoy and have a great experience!</h3>

The Homepage has multiple layout variations. To select one of them, go to Appearance > Customize > Blog Layouts.

Posts

Creating posts is nothing new if you have basic experience with WordPress. To add an image to a new post, go to Featured Image option and select / upload your image.

If you want to insert in a post a full screen image, with Gutenberg editor is very simple. Insert an image block, upload or select your image from Media Library and click the Full Width button. Check the screen image below.

Contact Page

  1. Click Pages > Add New
  2. Look for Page Attributes on the right side and click on the Template drop-down menu. Select the "FullWidth" template
  3. Click Publish
  4. Install and activate the contact 7 plugin ( https://wordpress.org/plugins/contact-form-7/)

  5. Go to Contact > Add New and create a new contact form

  6. Add the following code in the Form option to look like in my demo

    <div class="row">
    
<div class="col-sm-4">	[text* your-name class:comm-field placeholder "Name"] </div>

<div class="col-sm-4"> [email* your-email class:comm-field placeholder "Email"] </div>

<div class="col-sm-4">	[text* your-subject class:comm-field placeholder "Subject"] </div>

</div> <!--row-->

[textarea* your-message id:msg-contact x5 placeholder "Message"]


<p class="contact-btn">[submit id:submit-contact "Send message"]</p>

  7. Click the Save button. Copy the shortcode and paste it in the contact page.

Author Page

In order to customize the author page go to Users > Your Profile . Add a small description at the "Biographical Info" , complete the social media fields in order to appear on the author's page.

Customization

Widget Areas

There are 6 widget ares for this theme. Go to Appearance > Widgets to use them.

Theme Customizer

Mira is using the WordPress's new Theme Customizer feature. Go to Appearance > Customize and change site title, colors, upload your logo and more. You'll see real time preview of changes you made to your site.

Recommended Plugins

I Recommend This

This plugin is used in the theme to display the post likes. You can download and install it from here https://wordpress.org/plugins/i-recommend-this/

After activation the meta heart icon and counter should appear for posts.

Child Theme

Mira theme comes with a child theme in the main download package.

A child theme is a theme that inherits the functionality and styling of another theme, called the parent theme.

Child themes are recommended if you modify the theme files code and don't want to lose your customization when updating the theme to a new version.

Change Log