How to configure MH Magazine WordPress Theme like the Demo

Learn how to make your site look like one of the theme demos

With MH Magazine you’re using one of the most flexible and versatile magazine WordPress themes on the market. The integrated layout options and several unique custom widgets allow arranging layouts for basically any content genre without the need of changing the theme. To help you making use of this flexibility, we’ve created several theme demos which show what awesome websites you can create while using MH Magazine WordPress Theme.

Arranging Theme Options and Widgets like in the Demos

Important: Please note that this tutorial shows how to arrange the widgets and configure the options of MH Magazine to replicate the look of the particular demos. If you are looking for general instructions regarding the installation and configuration of the theme, please refer to the theme documentation.

Before you can start making use of this tutorial, there are a few basics you need to know. This tutorial contains sections for each theme demo where you can find the instructions to replicate the layout of the particular theme demo by making use of theme options, changing colors and placing widgets. This workflow always is the same and we’ll cover the steps in detail here:

Making use of Theme Options

MH Magazine WordPress Theme has several layout options included which you can use to change the look and feel of your website with only a few clicks in the theme options panel. To access the theme options panel, you can navigate to Appearance => Customize => Theme Options in your WordPress dashboard and arrange the settings like stated for the particular demo in this tutorial.

Changing Colors

To change the color scheme of your website, you can make use of the integrated color options in your WordPress dashboard under Appearance => Customize => Colors. In this tutorials you’ll find the particular colors which have been used for each theme demo and you can simply copy & paste the color codes to your options panel to replicate the colors on your website.

Placing Widgets

In order to replicate the layout of the widgetized front page like seen in the theme demos of MH Magazine, it is essential and required that you have created and set a static front page correctly in your WordPress dashboard first and after that has been completed, you can place the widgets in your WordPress dashboard under Appearance => Widgets into the specific widget areas as stated for each theme demo in this tutorial.

Note: If widgets don’t appear on your front page after you have placed them correctly in your WordPress dashboard, then it’s very likely that you haven’t yet created a static front page properly and haven’t assigned the widgetized Homepage template to your static front page as instructed in the theme documentation for MH Magazine WordPress Theme.

Replicate your favorite MH Magazine Demo

After you’ve made yourself familiar with how you can change theme options, colors and place widgets in your WordPress theme (see previous instructions), you can now start replicating your favorite theme demo by arranging the theme options, colors and widgets as stated for each particular theme demo below:

Settings and Widget Placements like in Demo 1

Demo 1: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don’t appear on your website as expected after placing them correctly or in case you don’t know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.

Settings and Widget Placements like in Demo 2

Demo 2: Layout – General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don’t know how to access the theme options panel, please have a look at this: Making use of Theme Options.

Widget Titles: Layout 3

Demo 2: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don’t know how to make use of the integrated color options, please have a look at this: Changing Colors.

Demo 2: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don’t appear on your website as expected after placing them correctly or in case you don’t know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.

Settings and Widget Placements like in Demo 3

Demo 3: Layout – General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don’t know how to access the theme options panel, please have a look at this: Making use of Theme Options.

Demo 3: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don’t know how to make use of the integrated color options, please have a look at this: Changing Colors.

Demo 3: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don’t appear on your website as expected after placing them correctly or in case you don’t know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.

Settings and Widget Placements like in Demo 4

Demo 4: Layout – General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don’t know how to access the theme options panel, please have a look at this: Making use of Theme Options.

Number of Sidebars: Two SidebarsWidget Titles: Layout 4

Demo 4: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don’t know how to make use of the integrated color options, please have a look at this: Changing Colors.

Demo 4: Typography

Demo 4: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don’t appear on your website as expected after placing them correctly or in case you don’t know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.

Settings and Widget Placements like in Demo 5

Demo 5: Layout – General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don’t know how to access the theme options panel, please have a look at this: Making use of Theme Options.

Site Layout: Wide

Demo 5: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don’t know how to make use of the integrated color options, please have a look at this: Changing Colors.

Demo 5: Typography

Demo 5: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don’t appear on your website as expected after placing them correctly or in case you don’t know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.

Settings and Widget Placements like in Demo 6

Demo 6: Layout – General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don’t know how to access the theme options panel, please have a look at this: Making use of Theme Options.

Position of default Sidebar: Left

Demo 6: Layout – Header

Demo 6: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don’t know how to make use of the integrated color options, please have a look at this: Changing Colors.

Demo 6: Typography

Google Webfont for Headings: DosisGoogle Webfont for Body Text: Asap

Demo 6: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don’t appear on your website as expected after placing them correctly or in case you don’t know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.

Settings and Widget Placements like in Demo 7

Demo 7: Layout – General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don’t know how to access the theme options panel, please have a look at this: Making use of Theme Options.

Demo 7: Layout – Header

Demo 7: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don’t know how to make use of the integrated color options, please have a look at this: Changing Colors.

Demo 7: Typography

Demo 7: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don’t appear on your website as expected after placing them correctly or in case you don’t know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.

Settings and Widget Placements like in Demo 8

Demo 8: Layout – General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don’t know how to access the theme options panel, please have a look at this: Making use of Theme Options.

Demo 8: Layout – Header

Demo 8: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don’t know how to make use of the integrated color options, please have a look at this: Changing Colors.

Demo 8: Typography

Demo 8: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don’t appear on your website as expected after placing them correctly or in case you don’t know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.

Settings and Widget Placements like in Demo 9

Demo 9: Layout – General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don’t know how to access the theme options panel, please have a look at this: Making use of Theme Options.

Position of default Sidebar: LeftWidget Titles: Layout 4

Demo 9: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don’t know how to make use of the integrated color options, please have a look at this: Changing Colors.

Demo 9: Typography

Demo 9: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don’t appear on your website as expected after placing them correctly or in case you don’t know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.

Settings and Widget Placements like in Demo 10

Demo 10: Layout – General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don’t know how to access the theme options panel, please have a look at this: Making use of Theme Options.

Number of Sidebars: Two SidebarsWidget Titles: Layout 3

Demo 10: Layout – Header

Header Bar Content (Bottom – Right): Search

Demo 10: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don’t know how to make use of the integrated color options, please have a look at this: Changing Colors.

Demo 10: Typography

Demo 10: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don’t appear on your website as expected after placing them correctly or in case you don’t know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.

Settings and Widget Placements like in Demo 11

Demo 11: Layout – General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don’t know how to access the theme options panel, please have a look at this: Making use of Theme Options.

Site Layout: WideNumber of Sidebars: Two SidebarsWidget Titles: Layout 3

Demo 11: Layout – Header

Demo 11: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don’t know how to make use of the integrated color options, please have a look at this: Changing Colors.

Demo 11: Typography

Demo 11: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don’t appear on your website as expected after placing them correctly or in case you don’t know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.

Settings and Widget Placements like in Demo 12

Demo 12: Layout – General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don’t know how to access the theme options panel, please have a look at this: Making use of Theme Options.

Site Layout: WideWidget Titles: Layout 3

Demo 12: Layout – Header

Demo 12: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don’t know how to make use of the integrated color options, please have a look at this: Changing Colors.

Demo 12: Typography

Google Webfont for Headings: CaudexGoogle Webfont for Body Text: Muli

Demo 12: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don’t appear on your website as expected after placing them correctly or in case you don’t know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.

Settings and Widget Placements like in Demo 13

Demo 13: Layout – General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don’t know how to access the theme options panel, please have a look at this: Making use of Theme Options.

Demo 13: Layout – Header

Demo 13: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don’t know how to make use of the integrated color options, please have a look at this: Changing Colors.

Demo 13: Typography

Demo 13: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don’t appear on your website as expected after placing them correctly or in case you don’t know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.

Settings and Widget Placements like in Demo 14

Demo 14: Layout – General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don’t know how to access the theme options panel, please have a look at this: Making use of Theme Options.

Archives: Layout 4Widget Titles: Layout 5

Demo 14: Layout – Header

Demo 14: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don’t know how to make use of the integrated color options, please have a look at this: Changing Colors.

Demo 14: Typography

Demo 14: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don’t appear on your website as expected after placing them correctly or in case you don’t know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.

Settings and Widget Placements like in Demo 15

Demo 15: Layout – General

To achieve the same configuration as shown in the particular theme demo, you need to modify the specific options within the theme options panel as listed below. In case you don’t know how to access the theme options panel, please have a look at this: Making use of Theme Options.

Archives: Layout 4Widget Titles: Layout 8

Demo 15: Layout – Header

Demo 15: Colors

You can have the same color scheme on your website as shown in the particular theme demo simply by changing the color options as listed below. In case you don’t know how to make use of the integrated color options, please have a look at this: Changing Colors.

Demo 15: Typography

Demo 15: Widget Placements

To configure your layout the same way as shown in the theme demo, you need to place the particular widgets in the specific widget areas as listed below. If widgets don’t appear on your website as expected after placing them correctly or in case you don’t know how to place widgets in WordPress, please have a look at this for additional instructions: Placing Widgets.

WordPress Hosting

Some awesome websites powered by MH Themes

Magazine WordPress Themes by MH Themes

This is an additional demo of MH Magazine WordPress Theme which shows how you could use this magazine theme to create online magazines or dynamic news websites for wildlife foundations with topics like zoology, geography, environment or any other topics related to nature, science, animals or wildlife.

This is an additional demo of MH Magazine WordPress Theme which shows how you could use this magazine theme for websites related to music, bands, concerts or else. This flexible magazine WordPress theme allows you to create cool dark colored websites to present rock bands, new albums or inform about upcoming concerts and events.

This is an additional demo of MH Magazine WordPress Theme which shows how you could use this multifunctional magazine theme to create sophisticated tech blogs or well-organized science, internet or entertainment online magazines. The fully widgetized front page of this theme allows you to create endless layout variations.