Metro Magazine Pro

Important Note:

Before beginning the installation process, please make sure you are using the latest version of WordPress and the Theme.

Theme Documentation:

Thank you for choosing Metro Magazine Pro WordPress theme! This documentation covers the installation and the usage of the theme. We encourage you to read through this document and keep it handy for reference. If you have any questions about the theme or need assistance with anything related to the theme, please feel free to post your questions by opening a support ticket and our support team will be happy to assist you.

Getting Started

Let’s get started!  First, make sure that you have all the necessary things required to install Metro Magazine Pro.

Theme Requirements

Make sure you have the latest version of WordPress installed, by checking the updates tab from your current WordPress dashboard.

Theme Requirements

If you haven’t downloaded WordPress already, you can download it from the WordPress repository.

If you haven’t downloaded WordPress already, you can download it from the WordPress repository.

Although Metro Magazine Pro will work with 4.5 and above versions of WordPress, it is recommended to have the latest version of WordPress.

After you have the latest version of WordPress, download the theme ZIP file, and save it somewhere handy on your computer, as you will be using the included files for the rest of the installation process.

Theme Files

Metro Magazine Pro includes:

WordPress Theme Files— This is a compressed WordPress theme file containing all of the required templates, images and icons required for the theme to function properly.

Theme Installation

Step 1: Upload and Activation

There are two methods to install Metro Magazine Pro theme.  You may either upload the zipped theme file using the WordPress theme installer (Recommended), or you can upload the unzipped theme folder via FTP (Advanced).

Method 1 ( Recommended): Install Using the WordPress Theme Installer

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Appearance > Themes in the WordPress Dashboard.Themes
  3. Click on the Add New button. Add-New-Theme
  4. Click on the Upload Theme link.
  5. Click on Choose File, select the metro-magazine-pro.zip file from your computer and click upload.
    Upload-theme2
  6. Click Install Now

Method 2: Install Using File Transfer Protocol (FTP)

  1. Unzip “metro-magazine-pro.zip” file on your computer.
  2. Login using FTP client to access your host web server.
  3. Locate the wp-content folder in your WordPress install files.
  4. Upload the un-zipped Metro Magazine Pro folder into the: wp-content/themes folder.

For More Information about installing theme using FTP visit: http://codex.wordpress.org/Using_Themes#Adding_New_Themes

Activate the theme

  1. Log in to the WordPress Administration Panel.
  2. Go to Appearance > Themes in the WordPress menu
  3. Hover over the theme thumbnail and click the Activate button.

Installing Plugins

Installing Plugin:

To install a plugin in your WordPress admin panel and follow the following steps.

  1. Navigate to Plugins > Add New.
    Install Pluglin
  1. Search for the name of the plugin you wish to install which will return a list of potential plugins.
  2. Click Details to read more about a plugin.
  3. Click “Install Now” if you wish to install the plugin.Plugin-Install-Web
  4. It may ask if you are sure, and you may proceed. The installation will commence once you confirm to proceed.
  5. After the plugin is downloaded. Go to Plugins>Installed Plugins. Click “Activate Plugin” to make it available for use.Plugin-Activate

Recommended Plugins:

We recommend you to download the following plugins when necessary:

  1. Jetpack by WordPress.com, by Automattic

The plugin provides a variety of complementary features for your Theme.

  1. Regenerate Thumbnails by Alex Mills (Viper007Bond)

If you have existing content, this will help you update your image thumbnails sizes.

Configuring Homepage Display

To set up the homepage you must first create a new page.

To create a new Page

  1. Go to Pages > Add New.
    Add Page
  1. Enter the Page Title for the Page. You do not require to enter anything in the content section for creating a home page.
  2. Select the Homepage Template from the Page Attributes section.
  3. Click Publish.
    New-page

Configuring the front Page display setting

  1. Go to Appearance>Customize > Static Front Page.
  2. Select A static page under Front Page displays
  3. Choose the page you just created as Front page.
  4. Click Save & Publish.

Homepage Settings

Note: Remember that you need to first configure your Homepage for the settings in this section to be implemented.

  1. Go to Appearance> Customize> Homepage Settings>Banner Section
  2. Enable Banner section in Homepage to display banner section on the homepage.
  3. Choose whether to Remove the selected category tag
  4. Choose Banner Category for the section
  5. Choose the layout for the Banner section
  6. Click Save & Publish.

Top Section

  1.  Go to Appearance> Customize> Homepage Settings>Top Section
  2. Enable Top Section to display top section on the homepage.
  3. Enter Top Section Tabel
  4. Choose the layout for the top section
  5. Choose Post Excerpt Character length.
  6. Click Save & Publish.

Middle Section:

  1.  Go to Appearance> Customize> Homepage Settings>Middle Section
  2. Enable Middle Section to display the Middle section on the homepage.
  3. Enter Label for the section.
  4. Choose the layout for the middle section
  5. Click Save & Publish.

Category Section

  1. Go to Appearance> Customize> Homepage Settings>Category Section.
  2. Click Add section. ( you can add as many sections as you desire.)
  3. Choose a category and layout.
  4. Click Save & Publish.

Featured Section

  1.  Go to Appearance> Customize> Homepage Settings>Featured Section
  2. Enable Featured  Section to display the Middle section on the homepage.
  3. Choose the layout for the middle section
  4. Choose Background for the featured Section.
  5. Click Save & Publish.

General Settings

  1. Go to Appearance > Customize > General Settings
  2. Enable or Disable admin Bar
  3. Enable or Disable Light Box.  ( Blue is enabled)
  4. Enable or Disable Ajax quick search
  5. Choose Pagination Type.
  6. Click Save and Publish.

Header Settings

Site Identity

  1. Go to Appearance> Customize>Header Setting > Site Identity
  2. Click Select logo by clicking Select Logo.
  3. Upload and select the desired image.
  4. Enter the Site Title and Tagline
  5. Check Display Header Text for the Site title and Tagline to appear on your homepage.
  6. Click Select Image under Site Icon
  7. Upload and select the desired image. (The Site Icon/ favicon is used as a browser and app icon for your site. The recommended Site Icon size is 512*512 pixels.)
  8. Click Save & Publish.

Header Layout Settings

  1. Go To Appearance> Customize> Header settings> Layout settings
  2. Choose the header layout by clicking on it
  3. Click Save & Publish.

Miscellaneous Settings

  1. Go To Appearance> Customize> Header settings> Misc settings
  2. Enable or disable Sticky Header ( menu)
  3. Enable or disable Search Form
  4. Enter Breaking News Label
  5. Choose Breaking News Category
  6. Click Save & Publish.

Breadcrumbs Settings:

  1. Go To Appearance> Customize> Breadcrumb Settings.
  2. Choose to enable or disable Breadcrumb
  3. Enter Breadcrumb Home Text.
  4. Enter Breadcrumb Separator.
  5. Click Save & publish.

Blog Page Settings

  1. Go to Appearance> Customize>Blog Page Settings.
  2. Select the categories you wish to exclude from a blog page.
  3. Click Save & Publish.

Post Page Settings

  1. Go to Appearance> Customize> Post Page Settings.
  2. Enable or Disable Show Author Bio
  3. Enable or Disable Show Featured Image
  4. Enable or Disable Show Comments
  5. Enable or Disable Highlight Author Comment.
  6. Enable or Disable Show Related Post
  7. Choose related post taxonomy
  8. Click Save and Publish 

Post Meta Settings

  1. Go to Appearance> Customize> Post Meta Settings.
  2. Choose  Post excerpt character
  3. Enter Read more text
  4. Click Save & Publish. 

Styling Settings

  1. Go to Appearance> Customize> Styling Settings
  2. Select Layout Style for Single Posts and Archive pages
  3. Select Color Scheme using the available color pallet.
  4. Configure Background Color, Body background or upload Background image as desired.
  5. Click Save & Publish.

Typography Settings:

You can find theme font options by navigating to Go to Appearance> Customize> Typography Settings

This will allow you to configure the typography used on your site. You are able to configure fonts, variant, size, color ( Using Color pallet)  and line height to apply the settings to.

Click Save & Publish, once you are satisfied with your configurations.

Sidebar Settings

Add a Sidebar

  1. Go to Appearance> Customize> Sidebar Settings
  2. Click Add New sidebar.
  3. Give the sidebar name.
  4. Click Save & Publish.

Sidebar Settings

  1. Go to Appearance> Customize> Sidebar Settings
  2. Choose the Sidebar for various Pages like, Single Page Post Page etc.

The sidebar selected under the particular pages will be displayed on the page.

For example:  Blog  Sidebar Appears only in Blog.

  1. You can Add widgets to sidebar from Appearance> widgets.
  2. Click Save & Publish.

AD Blocker Settings

  1. Go to Appearance> Customize>AD Settings> AD Blocker Settings 
  2. Enable Detect  AD Blocker to activate it.
  3.  Choose  Blocker Notice Type
  4. Enter Blocker Title and Blocker Description.
  5. Click Save & Publish.

Header Advertisement Settings

  1. Go to Appearance> Customize>AD Settings> Header AD Settings 
  2. Enable Header AD  to display it
  3. Enable Header Ad Code and enter the code.
  4.  Choose whether to open the link in a different tab or not. ( this option will appear only when Header AD code is disabled)
  5. Enter the Header AD Image and Header AD Link ( this option will appear only when Header AD code is disabled)
  6. Click Save & Publish.

Below Post Title AD Settings:

  1. Go to Appearance> Customize>AD Settings> Below Post Title AD Settings 
  2. Enable AD Below Post Title
  3. Enable Below Post Title AD Code and enter the code.
  4.  Choose whether to open the link in a different tab or not. ( this option will appear only when Below Post Title AD Code is disabled)
  5. Enter the Below Post Title AD Image and  AD Link ( this option will appear only when Below Post Title AD Code is disabled)
  6. Click Save & Publish.
    below-post-titel-ad-settings

Below Post Content AD Settings:

  1. Go to Appearance> Customize>AD Settings> Below Post Content AD Settings 
  2. Enable AD Below Post Content
  3. Enable Below Post Content AD Code and enter the code.
  4.  Choose whether to open the link in a different tab or not. ( this option will appear only when Below Post Content AD Code is disabled)
  5. Enter the Below Post Content AD Image and AD Link ( this option will appear only when Below Post Content AD Code is disabled)
  6. Click Save & Publish.
    below-post-content-settings\

Footer AD Settings:

  1. Go to Appearance> Customize>AD Settings> Footer AD Settings 
  2. Enable AD on Footer
  3. Enable Footer  AD Code and enter the code.
  4.  Choose whether to open the link in a different tab or not. ( this option will appear only when Footer AD Code is disabled)
  5. Enter the Footer AD Image and AD Link ( this option will appear only when Footer AD Code is disabled)
  6. Click Save & Publish.
    footer-ad-settings

Social Settings

Social Links Settings

  1. Go to Appearance> Customize> Social settings> Social Links 
  2. Add Social Links by entering social media links
  3. Click Save & Publish.

Social Links Settings

  1. Go to Appearance> Customize> Social settings> Social Links Settings
  2. Enable Social Links in Header to show it in header ( blue is enabled)
  3. Choose the social media icons to display by using the eye icon.
  4. Click Save & Publish.

Social Sharing Settings

  1. Go to Appearance> Customize> Social settings> Social Sharing Settings
  2. Enable Social Sharing Settings  ( blue is enabled)
  3. Enable Social Sharing Floating to enable floating social sharing icons.
  4. Choose the Social Sharing you want to activate. You can click on eye icon to activate and deactivate various Social Media.
  5. Click Save & Publish.

Category Color settings

  1. Go to Appearance> Customize>Category Color Settings
  2. Click on the Select Color below respective categories and select the color.
  3. Click Save & Publish.
    category-color-settings

Menu:

  1. Go to Appearance > Menus in the WordPress Dashboard
  2. Click on Create a new menu link. menu4
  3. Give a name to your menu in Menu Name and click Create Menu button.menu3
  4. Choose the pages, categories, custom links from the left-side of your screen by selecting the checkbox and click on Add to Menu for desired Menu items.
  5. Enter the necessary details. 
  6. Order the menu items by using drag and drop function in Menu structure Panel.
  7. Check the box for “Primary Menu” under “Theme locations” if you want the menu to appear below the header bar.
  8. Click Save Menu after adding required pages, categories in the menu. menu5

 

Widgets

Adding a widget:

Option 1:

  1. Navigate to Appearance> Widgets
  2. Drag the desired widget to  the desired widget space. There is a description of each included widget that you can choose from.
    Widget1-EP

Option 2:

  1. Go to Appearance > Customize > Widget
  2. Click the desired Widget Area (Right Sidebar, Footer One, Footer Two etc)
  3. Click Add a Widget. There is a description of each included widget that you can choose from.
  4. Click on the desired widget.
  5. Drag and reorder the widget as desired
  6. Click Save & Publish.

Remove  Widget

  1. Go to Appearance> Customize>Widget
  2. Click the desired Widget Area (Right Sidebar, Footer One, Footer Two etc)
  3. Click the widget you want to delete and click delete.
  4. Click Save Changes.

Custom Codes:

  1. Go to Appearance> Customize> Custom Codes
  2. Click Open Editor to open editor, enter your codes.
  3. Click Save and Publish.

Footer Copyright Editor: 

  1. Go to Appearance> Customize> Footer settings
  2. Enter Footer Copy Right text. You can use the shortcode “[the-year]” to display the current year.
  3. Hide or Show Author Link and WordPress Link. (Blue is Hide)
  4. Click Save and Publish.
    footer-settings

Additional CSS

  1. Go to Appearance> Customize> Additional CSS
  2. Enter your CSS
  3. Click Save & Publish.

Create a New Page

  1. Go to Pages > Add New.
    Add Page
  2. Enter the Page Title for the Page
  3. Write the required Text in the content section
  4. Select the Default Template from the Page Attributes section
  5. Click Publish.
    new-page

Setting up a Blog

To create a blog page, You first need to  create a page for it. To create a page.

  1. Go to Pages> add New
    Add Page
  2. Enter the Page Title for the Page
  3. You do not require to enter anything in the content section for creating a home page.
  4. Select the Default Template from the Page Attributes section
  5. Click Publish.Add New Page ‹ Business — WordPress

Configuring the Page display setting

Go to Appearance>Customize >  Static Front Page.

Choose the page you just created for the Blog as Posts Page.

Click Save & Publish.
Blog

Add a Post

  1. Go to Posts>Add new.
    Posts-add-new
  2. Select the post format on the right sidebar.
  3. Give a title and fill it with content
  4. Upload a featured image by clicking on Set Feature Image on the right sidebar of the screen.
    set feature image
  5. Click Publish

Adding Excerpt in the Post

  1. For adding excerpt to the existing post. Go to Post>All Posts from WordPress dashboard.
  2. Click Edit below the post name.
    adding excerpt one
  3. Click on the Screen Option on the top left side of the screen.
    adding-excerpt-2
  4. Check Excerpt.
    adding-excerpt-4
  5. A content box for excerpt will appear below the content section. Enter the required details.
    adding-exert-5
  6. Click Publish or Update

Gallery Post Format

Post Formats

This theme has built-in functionality for the post formats including text, aside, image, video, quote, and link post formats. Select the Post format as desired.Post Format-Travel Diaries

Inserting Gallery

For Inserting Gallery in the post, you must first install the Jetpack Plugin. To learn how to install a plugin, read– Installing Plugins. You must have a WordPress Account to use JetPack. Use Your WordPress Account to activate Jetpack in your website.

  1. Navigate to Jetpack>Settings on the dashboard
  2. Activate the Carousel and Tiled Galleries option by clicking Activate link.Jetpack-gallery
  3. Navigate to the Post where you want to insert the gallery and come its Edit window
  4. Click Add Mediajet-pack-1
  5. Click Create Gallery
  6. Upload and select the desired images for the gallery and click create a new Gallery.jetpack3
  7. Choose the desired Size and Type of your gallery display.
  8. Use drag and drop to order the picture.
  9. Click Insert Gallery.
    jetpack 4
  10. Click Preview to preview the post and click Publish when you are satisfied.

Recommended Image Size (px)

Banner One: 1256 x 610

Banner Two: 643 x 610

Banner Three: 479 x 410

Banner Four: 473 x 345

Banner Five: 949 x 693

Banner Six: 473 x 403

Banner Seven: 949 x 810

Banner Eight: 631 x 700

Full Width: 1140 x 475

Top Section: 557 x 496

Middle Section: 360 x 240

Category: 250 x 250

Slider: 180 x 90

Helpful Tips

  1. We highly recommend using Child Theme if you need to change the code of the theme. Do not change the codes in the files of the parent theme as all such changes will be lost when the theme is updated. For information about How to create a child theme visit :https://codex.wordpress.org/Child_Themes
  2. Always keep BackUp of your theme before making any changes to the theme.
  3. If you get any problem in using the theme, you can do the following things:
    • Deactivate the plugins, sometimes plugin conflict may cause issues with the theme. Please deactivate the unused plugins.
    • Replace the latest modified code with the original code.
    • If the issue still pertains, feel free to contact us using our Support Ticket
Black Friday Sales! Get Any Theme for Just $19.Get IT NOW!

Error: Please enter a valid email address

Error: Invalid email

Error: Please enter your first name

Error: Please enter your last name

Error: Please enter a username

Error: Please enter a password

Error: Please confirm your password

Error: Password and password confirmation do not match