Metrolics User Guide

Metrolics

Theme Name: Metrolics
Current Version: 1.2.3
Created By: codeex
Contact Information: codeex

Metrolics is a responsive and retina ready metro WordPress theme with minimalist approach, flat design and clean look. It has two theme layout (fullwidth and boxed style), Widget ready, Custom Page Templates and many more. Compatible on WordPress 4.3.1

The following document is a detailed user guide to help you get your new website up and running. Please take your time and read through the document carefully and diligently. If you require further assistance, please feel free to contact us at: codeex

To get “Theme Options” content data, you need to save it here “Appearance >> Theme Options” and click “Save Changes” button. All demo theme options data will be saved..

Table of Contents 1.0 Theme Settings
2.0 Theme Pages
3.0 Blog Page
4.0 Portfolio Page
5.0 Contact Page
6.0 Credits
1.1 How to Install and Activate a Theme

I highly recommend you to update to the latest version of WordPress (stable version). (currently 4.3.1) This will help to ensure that you are able to utilize all of the latest features of WordPress.

If your theme is not working here’s what you should do (common issue is missing stylesheet): CLICK HERE

Installing Metrolics is just like installing any other WordPress theme. Its a simple process in the 5 steps below.

Go to Appearance >> Themes
Click Add New Button
and then click on the “Upload” link.
Click “browse” button and new window will pop up, please select the zip files of the theme you want to install
If everything is done please click the button “Install Now” button and then you’re done…

Next is, we will activate the theme so that you can use it.

Go to Appearance >> Themes
Hover on the theme screenshot and click “Activate” button.

We will first create the menu we want

Go to Appearance
After that click “Menus”
Once you are their just click on “create a new menu” button in right area of the “Edit Menus” tab
you will then see a textfield with “Menu Name”, please enter your desire menu name
once you already added menu name in your textfield, please click button “Create Menu”

After that please select “Pages” box in left side boxes and check the pages you want to display in your “Menu Structure”
After that please click the button “Add to menu”
Once done you have the ability to drag and drop the menus (you can change order using this)
In your Menu Settings below please check the box “Primary Menu”
After you change order of the menus you can then click the button “Save Menu”
After saving the menu please go to “Manage Locations” and in your selectbox please choose the name of your menu you just created
When done please click button “Save Changes”

Just activate it in plugins directory and your done.

How to Install:

You will see this message above “This theme requires the following plugin: Typography Shortcodes.” and you will have two links, click on the “Begin installing plugin”
or use this “Appearance >> Install Plugins” and you will see “Typography Shortcodes” mouse hover it and you will see a link “Install” click it and your done..

Please use these buttons for theme shortcodes

Metrolics WordPress Theme comes with child theme ready folder located “metrolics-child”
More Information about how to create child theme, click here

Here’s how to install child theme and Understanding Child Themes here

Use child theme if you don’t want to hassle your theme updates everytime we made an updated..

Back to top 1.5 How to disable the responsive style go to “Appearance >> Theme Options >> General >> Responsive Layout” and check the box if you want to disable the responsive style

1.6 How to add retina logo go to “Appearance >> Theme Options >> General >> Logo Retina” and click upload for your site retina logo

1.7 How to add favicon in your site go to “Appearance >> Theme Options >> General >> Favicon” and click upload for your site favicon

1.8 How to add logo in your site go to “Appearance >> Theme Options >> General >> Logo” and click upload for your site logo

1.9 How to change font family in your theme go to “Appearance >> Theme Options >> General >> Font Family” and add select your choice in the options.

1.10 How to add keywords in your site go to “Appearance >> Theme Options >> General >> Keywords” and add your desire site keywords in your meta

1.11 How to add your own Custom CSS codes go to “Appearance >> Theme Options >> General >> Custom CSS” and add your own customize code here, if it’s not overwriting the old css code try adding (!important) at the last (ex: margin-top:2px !important;)

1.12 How to add revolution slider in homepage go to “Appearance >> Widgets >> Top Slider” and use the “Drag and Drop” feature by selecting “Revolution Slider”

1.13 How to set up menu colors go to “Appearance >> Menus >> Menu Structure >> CSS Classes” and add these color options (menu-green, menu-blue, menu-dblue, menu-yellow, menu-violet) If you can’t see the field “CSS Classes” in your Menu Structure, locate the “Screen Options” at your top right click it and you will see options and go to label “Show advanced menu properties” and tick the box “CSS Classes”..

1.14 How to set up menu icons go to “Appearance >> Menus >> Menu Structure >> Description” and add font icons code from here: http://fontawesome.io/icons/ (example: fa-folder) If you can’t see the field “Description” in your Menu Structure, locate the “Screen Options” at your top right click it and you will see options and go to label “Show advanced menu properties” and tick the box “Description”..

2.1 How to create Default Homepage

Below are the following steps on how to set up default homepage

Click on Pages Menu.
Select Add New and fill the fields needed to create your page (add homepage).
In your page attributes “Template” section select “Homepage”.
Click Publish button and your done adding home page.
Now go to Settings >> Reading >> Front page displays
Select “A Static Page” in your Front page select “Homepage”
Click the “Save Changes” button and your done

Below are the following steps on how to set up homepage 2

Click on Pages Menu.
Select Add New and fill the fields needed to create your page (add homepage 2).
In your page attributes “Template” section select “Homepage 2”.
Click Publish button and your done.

Below are the following steps on how to set up homepage 3

Click on Pages Menu.
Select Add New and fill the fields needed to create your page (add homepage 3).
In your page attributes “Template” section select “Homepage 3”.
Click Publish button and your done.

Below are the following steps on how to set up homepage 4

Click on Pages Menu.
Select Add New and fill the fields needed to create your page (add homepage 4).
In your page attributes “Template” section select “Homepage 4”.
Click Publish button and your done.

Below are the following steps on how to set up property page

Click on Pages Menu.
Select Add New and fill the fields needed to create your page.
In your page attributes “Template” section select “Portfolio, Portfolio 2 Columns, Portfolio 3 Columns, Portfolio Masonry or Portfolio with Sidebar”.
Click Publish button and your done.

Below are the following steps on how to set up blog page

Click on Pages Menu.
Select Add New and fill the fields needed to create your page.
In your page attributes “Template” section select “Blog, Blog Grid or Blog Left Sidebar”.
Click Publish button and your done.

Below are the following steps on how to set up about page

Click on Pages Menu.
Select Add New and fill the fields needed to create your page.
In your page attributes “Template” section select “About or About 2”.
Click Publish button and your done.

Below are the following steps on how to set up services page

Click on Pages Menu.
Select Add New and fill the fields needed to create your page.
In your page attributes “Template” section select “Services”.
Click Publish button and your done.

Below are the following steps on how to set up contact us page

Click on Pages Menu.
Select Add New and fill the fields needed to create your page.
In your page attributes “Template” section select “Contact”.
Click Publish button and your done.

Below are the steps on how to create posts

Click on Posts Menu
Click Add New Menu in posts submenu.
Enter the name of Title, Content and what ever fields needed.
Select any of the 3 post format required (Standard, Image and Video)
If Image (add image in Feature Image box by clicking the “Set featured image” link)
If Video (add video url or upload your own self hosted video)
Click Publish button when your done.

Below are the following steps on how to create post categories

Click on Posts Menu
and then Select “Categories”.
Enter your desire name of your new category and the fill other fields.
Click “Add New Category” button and your done.

Below are the following steps on how to post a video blog

Click on Posts Menu
Click Add New Menu in posts submenu.
Enter the name of Title, Content and what ever fields needed.
Click Featured Image (located right side) to create a video thumbnail and click “Set Featured Image” thickbox will pop up.
Select a Video post format in “Format” box located in your right side
Add video options in “Post Options” box at the bottom
Click Publish button when your done.

Below are the following steps on how to post a audio blog

Click on Posts Menu
Click Add New Menu in posts submenu.
Enter the name of Title, Content and what ever fields needed.
Select a Audio post format in “Format” box located in your right side
Add audio options in “Post Options” box at the bottom
Click Publish button when your done.

Below are the following steps on how to create a post in portfolio custom post type.

Click on Portfolio Menu
and then click on Add New
Enter the name of Title, Content and what ever fields needed including custom fields.
Add an image for each post at the right column (Featured Image)
Click Publish button when your done.

Below are the following steps on how to create property image slider

Click on Portfolio Menu
and then click Add New.
Enter the name of Title, Content and what ever fields needed.
Click the button “Add Media” single or multiple images for your portfolio images.
once thickbox popup just click “Upload Files” tab
once their just click the button “Select Files” or just drag it.
It will automatically uploaded using WordPress latest version.

Now close the (x) button of the thickbox(popup) Don’t click the “Insert to post” button because we are not inserting the images into your post description. Once thickbox(popup) is close click button “Update”

4.3 How to change the ordering of portfolio go to “Appearance >> Theme Options >> Portfolio >> Order Type” and select options either (descending or ascending)

4.4 How to change the orderby parameter for portfolio go to “Appearance >> Theme Options >> Portfolio >> OrderBy Type” and select options parameter either (ID, author, title, name, date, modified, parent, rand, comment_count and menu_order)

5.1 How to add google map 1. go to “Appearance >> Theme Options >> Contact >> Google Map >> Latitude” and add your desire latitude value
2. go to “Appearance >> Theme Options >> Contact >> Google Map >> Longitude” and add your desire longitude value

5.2 How to add your fax number go to “Appearance >> Theme Options >> Contact >> Fax” and add your business fax number

5.3 How to add phone number go to “Appearance >> Theme Options >> Contact >> Phone Number” and add your business phone number

5.4 How to your own contact address go to “Appearance >> Theme Options >> Contact >> Address” and add your business address

5.5 How to add your own contact form

You need to install the plugin “Contact Form 7” it is located in our download package folder here “plugins” folder or just download the plugin directly here

Back to top 6.1 Credits: Links/Images/Icons/Patterns and Tutorials Used Unsplash
PicJumbo
Demo images are not included in the download package

Ubuntu – http://www.google.com/fonts#UsePlace:use/Collection:Ubuntu

These links we have here is not own by us, we just make some research on how to help you dealing with this situation. Thank you!