Monreal Documentation

Creative Blog Wordpress Theme

• By: Evatheme
• evatheme.com

Thank you for purchasing our theme. It has an understandable documentation that is easy to setup. If you still have some questions that you could not find in this help file, please contact us on our forum. You can also follow us on evatheme.com for our future themes, that you could be interested in. Thank you very much!

Theme Installation

There are several ways to install wp themes, we prefer using FTP but you may choose any other ways. Please read more about theme installation on the official website at http://codex.wordpress.org/Using_Themes

• please unzip the installable zip file that you downloaded (monreal.zip);
• upload "Monreal" theme folder to the theme directory of your WordPress via ftp;
• log into your WordPress admin dashboard and activate "Monreal" theme in the Appearance -> Themes section;

Update theme to the latest version

Manual Update

You can update your theme manually by performing the following steps:

• Download the latest theme zip file
• Extract it and locate monreal.zip
• Extract monreal.zip and locate the Monreal folder
• Copy/Replace content of the Monreal folder to the /wp-content/themes/monreal folder of your web site.

Import Demo Content

You can either start building your site from scratch, or import one of our demo sites and then modify it to fit your needs. We will now explain how to do the latter.

Monreal comes with one-click import module. Here's what you need to do:

1. Login to WordPress admin
2. Go into admin panel -> Monreal Options -> Demo Importer
3. Choose the demo site that you wish to import and click on the "Import Demo" button.

You imported the entire content (Pages, Posts, Portfolios, Widgets, Monreal Options)

Default method import demo content

What you need to do is follow the instructions that are taken from the Importing Content page from the WordPress website. To import from a WordPress export file into your blog follow these steps.

How to Use the XML File to Import the Demo Site’s Content

1. Log into your site as an administrator.
2. Make sure you activated your new theme before proceeding.
3. Go to Tools → Import
4. Choose “WordPress” from the list.
5. Upload the demo import/content.xml using the form provided on that page.
6. You will be asked to map the authors in this export file to users on the blog. For each author, you may choose to map to an existing user on the blog or to create a new user.
7. You will then have the choice to import attachments, so click on the “Download and import file attachments” box.
8. Please be patient while WordPress imports all the content. Posts, Pages, Projects, and Menus are imported. You will need assign the menu a theme location & you’ll need to configure widgets. This is a limitation of WordPress’ import system.
9. Enjoy!

Theme Plugins

after activation of "Monreal" it will be offered to you to establish plugins:

1. Contact Form 7 - Just another contact form plugin. Simple but flexible. For more information please head to Contact Form 7.

2. MailChimp for WordPress Lite - MailChimp for WordPress lets you create a highly customizable sign-up form. You can show the form anywhere you want using a simple shortcode, widget or template function. You can also add MailChimp sign-up checkboxes to various other forms on your site, like your comment or contact forms. MailChimp for WordPress Lite.

3. Evatheme Custom Post Types - Register Custom Post Types for Evathemes.

4. Instagram Feed - Display beautifully clean, customizable, and responsive Instagram feeds.

5. MailChimp for WordPress - MailChimp for WordPress by ibericode. Adds various highly effective sign-up methods to your site.

6. WooCommerce - An e-commerce toolkit that helps you sell anything. Beautifully.

7. WPCustom Category Image - "Customization is a good thing." The Category Image plugin allow users to upload their very own custom category (taxonomy) image to obtain a much more personalized look and feel.

Contact Form 7 Plugin Settings

There are several ways to install WordPress plugin, we suggest to use FTP but you can choose any other ways.
Please read more about plugin installation on the official website at http://codex.wordpress.org/Managing_Plugins

The first thing you need to do is to create a contact form. Please go to the Contact plugin section. You can see it in the main WordPress menu.

If you want to get the form titles appear inside the contact form fields follow the instructions:

• please open the created contact form in the plugin section;
• add special code to the Form area.
• save changes.

Code of contact form from the page "Contacts"

<h3>GET IN TOUCH</h3>
<div class="row">
<div class="col-sm-12"><p>[textarea your-message placeholder "Comment "]</p></div>
<div class="col-sm-4">[text your-name placeholder "Name "]</div>
<div class="col-sm-4">[email* your-email placeholder "email "]</div>
<div class="col-sm-4">[text* your-site placeholder "Web site"]</div>
<p class="before-submit">Your email address will not be published. Required fields are marked *</p>
</div>
[submit "Send Message"]

• please copy the contact form shortcode, please see screen shot above;
• then you need to open the page where you want to add the contact form to;
• put the contact form shortcode into the text area;
• please preview the page.

Theme Options Panel Overview

This theme comes with its own theme options panel. You can manage general theme settings panel. Let's review it:

• General: Theme Layout (boxed/wide), Theme Background (image/color), Preloader options;
• Header and Footer: Header and Footer color, Logo options, Favicon options and Copyright Text;
• Typography: theme uses google web fonts. Please choose the desired font from the drop down menu for content fonts, typography H1, H2, H3, H4, H5,H6;
• Colors and Styling: adjust theme color options (main theme color, heading, menu, footer colors etc).
• Blog: Author info, related posts and choice of social icons;
• Social Icons: the full list of available social links;
• Demo Importer: It will help you importing wordpress demo content, menu options and theme options with just one click;

Theme Menu Activation and Front Page Settings

1. To activate Primary Menu: Please go to Appearance > Menus > Manage Locations and choose from the drop down list "Primary Menu" and push the Select button, then save changes.
After that, you can edit your menu items in the "Edit Menus" tab.

2. Set the page for the front page: Please go to Settings > Reading > Front page displays > A static page (select below) set the page for the front page and save changes.

3. Mega Menu with Categoies: to display thumbnails of posts in the drop-down menu, you need to select Mega Menu in the main menu. to add a list of sub-categories

Page Templates

The theme has custom templates for creating non-standard pages. We present a list of templates you can use for the theme.

Please go to Pages > click create a new Page or edit the required one > on the right you can see "Page Attributes section".

Page - Authors List

On this page is a list of all the authors of your blog.

Page - Blog Custom

This template will allow you to display on a page listing your posts. After selecting this template you will have the settings for the page. Here you can choose the style of the Top Slider (you have 4 types), grid for posts, blog style, set the number of posts per page, the number of columns.

Page - Coming Soon

The template is a good solution for website launching. Create a page with coundown timer. It allows to gather emails in a closed beta mode to notify visitors when the website will be available online.

Page - Portfolio

Your work from your portfolio will be displayed on this page. You can change the settings for this page. Settings you see in the screenshot

Creating the WooCommerce Shop Page

The Monreal theme is optimized for WooCommerce version 3+

These are some basic steps to get your online shop up and running quickly. For complete instructions, please visit the WooCommerce site.

If you imported the demo .xml file content, select "Skip Setup" if WooCommerce asks you to create shop pages. Those pages were already imported and installing them again will just make duplicates. If you have no imported the theme's demo content, then WooCommerce will automatically create the necessary shop pages for you.

Once you have the plugin installed and the shop pages created, navigate to "WooCommerce -> Settings -> Products -> Display" and make sure that the main shop page is assigned:

Note: If images are blurry, you may need to regenerate the thumbnails with the Regenerate Thumbnail plugin as described in the WooCommerce documentation

Widgets

Monreal comes with 5 different custom widgets:

1. Evatheme Facebook - Displays a nice Facebook like box;

2. Evatheme Flickr - Display images from Flickr;

3. Evatheme Last Tweets - Displays selection of your last tweets;

for this widget has two type: a carousel and a list

4. Evatheme Latest Posts - Displays selection of your latest posts;

5. Evatheme Social Links - Display social links.

Custom Widgets

Site also has custom widgets, made with html code. you need to select the default text widget and paste code to the textrea.

1. About Me

<div class="about_me_widget text-center" style="margin-bottom:-60px;">
<img src="http://demo.evatheme.com/wp/monreal/demo/wp-content/uploads/2015/04/author.png" alt="" />
<p style="line-height:20px;font-size:12px;color:rgba(51,51,51,0.5);margin-bottom:0;">Travel Blogger</p>
<h6>KERIMOV STANISLAV</h6>
<a class="social_link facebook" target="_blank" href="http://www.facebook.com/evatheme">
<i class="fa fa-facebook"></i></a>
<a class="social_link twitter" target="_blank" href="http://twitter.com/EVATHEME">
<i class="fa fa-twitter"></i></a>
<p>One night a friend of mine said she’d met the managing editor of Outside magazine and that 
she thought I should apply for their internship.</p>
<img src="http://demo.evatheme.com/wp/monreal/demo/wp-content/uploads/2015/12/signature.png" alt="" />
</div>

2. Banner

<div class="text-center"><a href="http://demo.evatheme.com/wp/cook-traveler/contact/">
<img src="http://demo.evatheme.com/wp/monreal/demo/wp-content/uploads/2015/12/banner.png" alt="" />
</a></div>

Blog Post Settings

Monreal comes with 4 different post formats: Standard, Image, Gallery, Link, Quote, Audio and Video. When you're creating a new post, choose what post format you'd like and insert the necessary info.

You can also tailor the look of your post by going to Appearance > Theme Options > Blog to hide/show different elements on the post page.

Child Theme Download

Child themes should be used when direct customizations of the theme files are required. We've prepared a child theme that you can use below to help get you started:

To use the child theme:

1. Install the parent theme but don't activate it.
2. Install and activate the child theme.
3. Any direct customizations you make should be done in the child theme. You can place parent theme files into the child theme for customization and they will be given priority.

If updates are made to the child theme, then the direct customizations you've made won't be overwritten when the parent theme is updated.

More information about using WordPress Child themes.

Translation

This theme is localized, which means it can easily be translated in your own language(easy but quite time consuming). To translate it you need to follow these steps:

1. Download and install http://www.poedit.net/download.php
2. Go to /wp-content/themes/monreal/lang/ and open en_EN.po file.
3. In the window that appears you have all the strings that were used in this theme, so you just need to go through them and write a translation.
4. When you’re done go to File > Save as and save your translation in a *.po file.
5. You should name your file pt_LANG. It’s just a naming convension WordPress_in_Your_Language.
6. When you’re done translating open wp-config.php from your WordPress root folder and replace this line: define (‘WPLANG’, ”); with define (‘WPLANG’, ‘pt_LANG’). Since WordPress 4.0 site language defines in dashboard=>settings=>general