We would like to thank you for choosing Mag WP. Built by the latest version of WordPress and used with WordPress only as well as using the powerful page builder plugin Visual Composer. Now let’s jump to the theme presentation.

1.1.Requirements for Mag WP

In this section, we present Recommended PHP configuration limits and How to verify your current PHP limits. But before that, make sure that you’re running the latest version of WordPress, PHP version 7.0 or higher and MySQL version 5.7 or higher.

Recommended PHP configuration limits

One of the issues you may run into is importing demo data fails. The first solution is to increase PHP limits. You can do this by yourself  or contact your server provider to ask for the help to increase following PHP limits:

  • max_execution_time 3000
  • memory_limit 512M
  • post_max_size 100M
  • upload_max_filesize 64M

How to verify your current PHP limits

Verify your PHP limits in Dashboard >> Mag WP >> System Status. Or contact the server provider to confirm your current PHP limits are and have them set it up again if neeed.

1.2.What’s Inclued in Theme Package

When purchasing our theme on Themeforest.net from your Envato account, in Download tab, you can select to download entire theme package (All files & documentation) or just theme file (Installable WordPress file only). The theme package is a zip file containing the following files:

  • child-theme: There is a zip file child theme and a readme.txt about some notes about child theme.
  • documentation: A link to this documentation.
  • mag-wp: The WordPress theme.

2.Getting Started

In this video, we will give you a step-by-step tutorial of creating a blog, magazine or newspaper website using the best Magazine WordPress Theme MagWP.


3.1.Theme Installation

You can install the theme by 2 ways: Via WordPress or via FTP.

3.1.1.WordPress Upload

After you downloaded theme packages, exact theme package. The file you use to upload is a zip file named magwpFollowing these steps below to upload theme via WordPress:

Step 1. Dashboard >> Appearance >> Themes >> Add New.

Step 2. Click Upload Theme button.

Step 3. Browser magwp.zip file in your computer and click Install Now button.

Step 4. Active Hairsalon WP.

Step 5. After active the theme, you will see Mag WP notice!. Click Install and active ThimPress Core to start now! to active core of Mag WP, move to importing demo data process.

3.1.2.FTP Upload

Following these steps below to upload theme via FTP:

Step 1. Login your FTP account via an FTP software to access your host web server.

Step 2. Unzip magwp.zip file.

Step 3. Upload the exacted theme folder magwp to wp-content/ themes folder.

Step 4. Active the theme in Dashboard >> Appearance >> Themes.

Step 5. After active the theme, you will see Mag WP notice!. Click Install and active ThimPress Core to start now! to active core of Mag WP, move to importing demo data process.


1. Mag WP requires Thim Core plugin to work. This plugin have to be actived as soon as you uploaded the theme. As we mentioned in section Upload Theme, afer you upload the theme, there will be a notification message Install and active ThimPress Core to start now! ” This is Thim Core plugin.

2. AdRotate

The plugin provide neccessary settings to create advertisements. The popular choice for monetizing your website with adverts while keeping things simple. Start making money today!

info ad

advert ad group ad settings ad

3.3.Update Theme

There are 2 common ways to update the theme: Via Envato Toolkit – automatically update and via FTP – manually update. We ThimPress has developed another way to update theme via Thim Core plugin. The updating will not loose your changes before but to be safety, you should backup files and database before updating. After updated, re-save customize in Dashboard >> Customize >> click Save & Publish.

3.3.1.Via Thim Core

With thim core plugin of ThimPress included in Mag theme, you can auto update theme faster and easier through an account from envato by going to Mag WP >> Dashboard >> click “Login With Envato” to update theme.

3.3.2.Via Envato Toolkit

This is the way to update theme by a plugin of envato. Do follow these steps to update by Envato Toolkit.

Step 1. Download Envato WordPress Toolkit here.

Step 2. Install and active the plugin in Dashboard >> Plugins >> Add new.

Step 3. Get your API keys.

Step 4. Dashboard >> Envato Toolkit >> input API keys (Marketplace Username &  Secret API Key).

Step 5. After input API keys, there will be “Themes” tab. Now you can update theme automatically.

3.3.3.Via FTP

Sometimes, you may have troubles in updating by Envato Toolkit. So another way is to update via FTP. However, this way will take more time because you have to do step by step manually.

Step 1.  Login you Envato account. In Download tab, find Mag WP and choose the Installable WordPress Theme (the WordPress file).

Step 2. Login your server, then go to wp-content/ themes folder and backup your magwp theme folder if you want or delete it. The content in your site will not be lost but if you have modified code, the changes will be lost. You have to reapply them after updating over.

Step 3. Exact new file magwp.zip you have already downloaded from Themeforest.

Step 4. Drag & drop new theme folder magwp to wp-content/ theme to override the existing files.

3.4.Child Theme

A child theme is a theme that inherits the functionality and styling of another theme, called the parent theme. If you modify a theme directly and it is updated, then your modifications may be lost. By using a child theme you will ensure that your modifications are preserved.

Mag WP provides an available child theme so that you just need to upload to your site without doing anything else after installed the parent theme successfully. Child theme of Mag WP is a zip file named mag-wp-child packed in child-theme folder after exacted theme package (child-theme/ mag-wp-child). Uploading child theme is similar to uploading parent theme.

Step 1. Appearance >> Themes >> Add New.

Step 2. Click Upload Theme button.

Step 3. Browser child theme mag-wp-child.zip file in child-theme folder and click Install Now button.

Step 4. Active child theme.

If you want to learn more about child theme and how to modify it, you can refer these links:

Codex WordPress about Child Theme.

WordPress Developer Theme Handbook.


4.1.Import Demo

The easiest way to import our demo content is to use our Thim Core Demo Importer. Our importer will give you all pages and posts, several sample sliders, widgets, Customize Options, assigned pages, and more. This is recommended to do on fresh installs. It will not replace content like posts, pages, portfolio, etc , it will not delete current menus but configure our demo menus, and it will not replace but add sliders. Another method is manually importing.

4.1.1.Automatically Import

Using Thim Core Demo Importer

Step 1 – Navigate to Dashboard > Import Demo.

Step 2 – Select a demo and click Install button.

Step 3 – Select what type of content do you want to import and click Import button.

The import process may take up to 5 minutes. Enjoy a cup of tea while you wait ?.

install import

4.1.2.Manually Import

In the event that your host will not make changes, or you cannot get the demo content to import, you can then import the individual elements manually. Continue reading below to learn how to manually import demo content.

Where To Find Demo Files

There is a “content.xml” file placed in folder name-theme/inc/data/demos, just select a demo you want then find this file for importing demo.

How To Import XML Files

Step 1 – Go to Dashboard >> Tools >> click Import.


Step 2 – On the Import page, select WordPress from the list and install the WordPress Importer Plugin.


Step 3 – Click Choose File, then choose the content.xml file from your desired demo folder. For example, if you would like to install the Demo-01, you would install the content.xml inside the Demo-01 folder.

Step 4 – Once you’ve chosen the correct file, click the Upload File and Import button.


Step 5 – Select admin in the dropdown list, and don’t forget to check the ‘Download and Import File Attachments’ checkbox.


Step 6 – Wait until WordPress is finished importing, then click the Have Fun link to return to your dashboard.


How To Import Theme Options

Go to Dashboard > Demo Importer >> Select a demo that you imported XML file and click Install button >> Select content “Theme Options” and click Import button.



How To Import Widget Data

Step 1 – Install and activate the Widgets Settings Importer/Exporter plugin developed by Voce Communications.

Step 2 – Go to Dashboard >> Tools >> Widget Settings Import.

Step 3 – Click the Select A File button, and select the widgets_data.json file from the same folder you got the XML and theme option files you’e just imported. Example: name-theme/inc/data/demos/demo-01/widget.

Step 4 – Once you’ve selected the correct file, click Show Widgets Settings.

Step 5 – Click the Select All Active Widgets button first, then click the Import Widget Settings button.

Step 6 – You will receive a success message letting you know you’ve successfully imported the widget settings.


5.Elements Setup

After importing demo data successfully, some elements setup of the third-party plugins will not be included. You need to complete them.

5.1.Setup Contact Form

Once installed and imported demo data, you can manage it in the Dashboard >> Contact >> click Add New to create new contact forms for different parts of your website or edit the existing ones via the Edit option in Contact Forms tab.


How To Setup Contact Forms:

1. Form: 

You can put any content of contact form and click button “Save” then a shortcode will be auto created. Just copy this shortcode into post, page, or text widget content that you want.


Demo Mag WP theme has a style contact form available for Contact Page, just click Edit option in Contact Forms tab then copy and paste below content into contact form:

<div class=”contact-page”>
<div class=”row”>
<div class=”col-sm-6″><label>Your name<span>*</span></label>[text* your-name]</div>
<div class=”col-sm-6″><label>Your email address<span>*</span></label>[email* your-email]</div>

<div class=”row”>
<div class=”col-sm-12″><label>Your subject<span>*</span></label>[text* your-subject]</div>

<div class=”row”>
<div class=”col-sm-12″><label>Your Message<span>*</span></label>[textarea* your-message]</div>
<div class=”sb-contact”>[submit “SEND MESSAGE”]</div>

2. Email:

The most important settings you need to define are located in the Mail tab. To learn more about setting email, you can refer document of contact form plugin. Notes that click “Save” after setting.


5.2.Setup MailChimp

Setting MailChimp API:

Go to Dashboard >> MailChimp For WP >> MailChimp >> Setting your API Key then clickSave Changes“. To learn how to get API key, you can refer document of MailChimp.


Create MailChimp Form:

Go to Dashboard >> MailChimp For WP >> MailChimp >> Forms:


Demo Mag WP theme has a style MailChimp form available, just copy and paste below content into your MailChimp form:

<h3>Sign up to our newsletter!</h3>
<input type=”email” name=”EMAIL” placeholder=”Enter your email” required>
<button type=”submit”><i class=”fa fa-paper-plane” aria-hidden=”true”></i></button>


This is place to customize all sections on your site. After you finished customizing this section click the Save & Publish button.





This option gives you the freedom to decide how to display the header logo on scroll. Go to Dashboard >> Appearance>> Customize >> General >> Logo.

1. Sticky Logo: Upload your logo and on your sticky logo will be loaded the header logo. If users want to change sticky logo, they can click “Remove” then “Change File” to replace sticky logo.

2. Retina Logo: This option allows you to add to your sticky menu a mobile logo.

The size of your Logo Section on Header Menu could be set with Width Logo option. Since the layout is built using Bootstrap Grid system for a responsive design, the width of your Header Menu is also divided into 12 sections. We recommend using value 2 or 3 (corresponding with 16.67% or 25%) to menu will be shown in a line. You can set logo size as you want then your site will automatically thumbnail size depending on the value of “logo width” to logo displayed balance with menu.

Site Icon:

The Site Icon is used as a browser and app icon for your site. Icons must be square, and at least 512 pixels wide and tall. It should be in one of the following formats: .ico, .png, .gif. Usually we should use .ico.


This is place to configure layout site, archive, single, normal page.

1. Site Layout: To select layout of content site. There is 2 layouts, you can select boxed or wide.

2. Archive/Single/Page Layout: To select layout archive, single, normal page. You can choose whether or not to use the sidebar, as well as positioning it in a layout with 1 or 2 columns.

– No side bar at all

– One sidebar, located on the left

– One sidebar, located on the right

– Two sidebar, located on the right and left


There are options of styling:


1. Primary Color: Each of our theme will have one major color called “Theme primary color”. The elements of the primary color are included with: Hover Text color of buttons, hover social link icon… If you configure any color, it also will be applied similarly to these elements.

2. Select Color, Image, Pattern: This is place to select background color or background image or pattern if select main content or boxed bacground.


All typography options are located within their specific Customize panel. For example, if you’d like to customize your main menu typography settings, then you would find those options in the Dashboard >> Appearance >> Customize >> Header >> Main Menu tab. If you don’t find the typography settings for a specific feature, it may be because it’s been combined into a header typography option in Dashboard >> Appearance >> Customize >> General >> Typography.

1. Body Typography Options: To customize the Body Font, navigate to the Appearance >> Customize >> General >> Typography >> Body Typography tab where all the Body Typography options such as font family, weight, size, etc. are found.

2. H1 – H6 and Post Title Typography Options: To customize the Headers and Post Titles Font, navigate to the Appearance >> Customize >> General >> Typography >> Heading tab where all the Headers and Post Titles Typography options such as font family, weight, size, etc. are found.

3. Specific Typography Options: To customize specific typography options, such as Main Menu, Top Bar, Page Title, Sliding Bar, Sidebar, navigate to their specific panels to access their different typography options such as font family, weight, size, etc.

Typography Options Setup:

Font Family: This option allows you to select a font family to use.

Variant:  This option allows you to select a font weight and style to use.

Subset: This option allows you to select which subset to use.

Font Size: This option allows you to set the size of the text on display.

Line Height: This option allows you to set the spacing between lines.

Letter Spacing: This option allows you to set the spacing between letters.

Text Transform: This option allows you to set uppercase or lowercase.

Color: This option allows you to set the color of the text.

6.1.6.Custom Css

In case you want to add new CSS class to style your shop more easily, add it in this text box. This will overwrite the theme CSS, so please be careful!



We designed 2 beautiful layouts for header to offer you multiple options for customizing your site. You can choose what items you want to display and how to order them in this section. Please see below how to customize it in Dashboard >> Appearance >> Customize >> Header and expand the Layout section.

1. Layout: You can decide how to order the items on header. Choose one of the three layouts and click on it.

2. Header Width: There are 2 styles for header position is “box” or “wide”.

3. Background Color: Select background color for header.

6.2.2.Top Bar

The top bar is located in the top section of the header and give you the option to display the data, top menu and social icons. Mag WP theme comes with 2 templates to give you the freedom to customize this section to best fit your needs.

Top Bar Options:

We designed 2 beautiful layouts for the top bar to offer you multiple options for customizing your site. You can choose what items you want to display and how to order them in this section. Please see below how to customize it.

The Top Bar theme panel section contains the following options:

1. Layout: You can decide how to order the top bar items. To do that go to Dashboard >> Appearance >> Customize >> Header and expand the Layout section. Choose one of the three layouts and click on it.

2. Show Top Bar: The theme comes with the Top Bar enabled by default. If you would like to disable it just go to Dashboard >> Appearance >> Customize >> Header and expand the Top Bar section. Turn off the button in the Show Top Bar section.

3. Top bar Fonts: You can decide what font size or color of text you want to display on the top bar section. Go to Dashboard >> Appearance >> Customize >> Header and expand the Top Bar section. Select the desired font size and color from Topbar Fonts option.

4. Background Color: Choose whatever color of background color that you want.

6.2.3.Main Menu

Mag WP theme is so flexible that you can choose where you want to use the menus. Theme supports custom WordPress menus, with multiple levels of drop down for the main menu. There are 2 areas of the theme where you can display a menu: the Main Menu and the Footer Menu. In this section you will learn how to create a new menu, and customize the Main Menu.

Theme comes with some general options for the Main Menu. Go to Dashboard >> Appearance >> Customize >> Header and expand Main Menu section.

Main Menu Options:

Mag WP theme offers several theme options to customize the menu. They are located in Appearance > Customize > Header >> Main Menu tab. Users can  customize the fonts, change color and height of menu text.

Step 1 – Navigate to Appearance >> Menus section of your admin sidebar.

Step 2 – Click the Create A New Menu link to make a new menu. Enter the name then click the Create Menu button.

Step 3 – To add a menu item, select one of your created pages on the left hand side and click the Add to Menu button. You can also add all kinds of different posts from the left side.

Step 4 – To add a custom menu item, enter a custom name and link into the Links box.

Step 5 – Manage your menus by using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of another menu item, and it will lock into place and create a dropdown section.

Step 6 – After setting up your menu, scroll down to the bottom of the page to assign “Primary Menu” in the Theme Locations box if you want this is “Main Menu”.

Step 7 – Once its all done, make sure you click the Save Menu button.

Here is a screenshot that shows you the various areas and descriptions of the menu section described above.


6.2.4.Sub Menu

Sub Menu Options:

Mag WP theme offers several theme options to customize the sub menu. They are located in Appearance>> Customize >> Header >> Sub Menu tab. Users can change color of background, text, text hover for sub menu.


How To Setup Sub Menu:

After following steps to Setup A New Menu, you need to learn how to setup sub menu. There are 2 ways to create sub menu:

You can drag the sub-menu item to the right until you see that the dashed outline box underneath is indented, then stop dragging:


Or simply use buttons under each menu item to move:


Once you’ve moved your sub-menu items, remember to click Save Menu.

6.2.5.Sticky Menu

Mag WP theme supports to has a sticky header option. For improved usability, as the user scrolls down a page, the sticky header activates ensuring the website’s main menu is always accessible. To manage the sticky header, Mag WP theme includes several options for styling, as well as visibility options to enable or disable it on various screen sizes.

Sticky Menu Options:

Below is a list of all the available options for the Sticky Menu. These options are located in Dashboard >> Appearance >> Customize >> Header > Sticky Menu.

1. Show Sticky On Scroll: Enable/disable the sticky menu.

2. Select Style: Select style menu when scroll. If select “The same with main menu” then users do not need to configure for main menu when sticky anymore. If select “Custom” then users need to configure color for text, background, text hover for main menu.



This is place to be designed to configure for blog page, blog single posts. You can find options to fully configure related blog items in Appearance >> Customize >> Blog >> Setting.

Archive page: Select blog layout, sidebar on top/bottom blog page, blog columns, configure excerpt length for all post in blog, show read more button, turn on/off sticky.

Single page: Single post style, turn on/off infinity scroll, turn on/ off comment post, disqus shortname, show related post, numbers of related post, turn on/off related post popup, show/hide random widgets, number widget display, turn on/ off navigation post.


This is the place for you to select an alignment for your blog page, which is a page to display posts in your site. You can choose whether or not to use the sidebar, as well as positioning it in a layout with 1 or 2 columns.

– No side bar at all

– One sidebar, located on the left

– One sidebar, located on the right

– Two sidebar, located on the right and left

Meta Tags:

Allowing to turn on/ off author, date, category, tag, comment number on post blog.

Social Share:

There are some available social links to share posts, you can select show/hide social links.


The sidebar is an additional area on the site, where you may place information for your visitors. You might use the sidebar to navigate a site, advertise something, as a way to gain new subscribers and followers, showcase or highlight specific content.

With Mag WP theme, there is an available  sidebar for Ads archive. Therefore, you don’t need to create a widget area for it, you can simply add widgets to the pre-made widget area directly.

Sidebar Options:

To configure for widgets in Sidebar areas, go to Dashboard >> Appearance >> Customize >> Sidebars. Users can configure tittle fonts size, color tittle for widgets of sidebar, footer sidebars, ads sidebar.

How To Create A Sidebar Area:

Mag WP theme allows you to create unlimited amount of sidebars, and these sidebars can be assigned to several areas of the site such as the sidebar, footer sidebars, sidebar shop, footer banner, mega menu widgets. To learn more about widget ready areas, please see the steps below to understand how to create a sidebar.

Step 1 – Navigate to Appearance >> Widgets >> give name of a new sidebar under field “Create new sidebar” click the “Create” button. You can add as many sidebar as you need.

Step 2 – Once created, you’ll see your new sidebar on the right side.

Step 3 – On the left side, you will see all the widgets you can use.

Step 4 – Simply drag and drop the widget you want into your widget section. You can then customize the widget to your liking.

Step 5 – You can rearrange the order of widgets on a widget section by simply dragging the widgets to place.

Step 6 – Make sure you click the ‘Save’ button to save the widgets added to your widget section.



Mag WP theme offers several theme options to customize mobile menu, mobile logo. They are located in Appearance > Customize > Responsive tab. Users can  customize the fonts, change color and height of menu text on mobile by turn on Responsive section.


Mag WP theme offers several theme options to customize for author page, single post and home masonry of advertisment page. They are located in Appearance > Customize > Advertisement tab. Users can enter text/ HTML that displays on pages of advertisement.



This is place to configure for menu, drag&drop menu, add a new menu…for your site.




8.Shortcodes in Mag WP

1. Thim Carousel

2. Thim Ads

Thim Ads shortcode is created for Adrotate plugin, which creates adverts in site.


Thim Ads

3. Thim Featured News

Thim New Features

4. Thim News

thim news

5. Thim Smart News

thim smart new

6. Thim Featured Videos

thim featured video

7. Thim Top Authors

This shortcode displays the authors created in Dashboard >> Users.

thim top authors

8. Thim Mega Menu


9.Support Service

When purchasing our themes, you will receive the free 6 months of support service for the questions and problems regarding the theme. Once the period of your support service is expired, you can extend support to 12 months. But no matter your support service of your product is over or not, you always receive free timelife updates for the theme.

We really care about customer support services and guarantee to response to all support topics within 24 hours on weekday (a bit longer over weekend) since you posted a ticket.

Regarding the problems with code customizations or 3rd party plugins, we are not able to provide free support service. We just can provide you customization service at a fee.

How to ask for support

Step 1. Click here to create an account on our website. You will need the Themeforest purchase code of your product.

Step 2. Go to support forum of your product and create your own topic. Here is support forum of Mag WP.

10.Knowledge Base & FAQs

Before submitting a ticket on our support forum, please ensure that you meet all the following requirements:

  • Refer documentation.
  • Read changelog and make sure that your site is running the latest version of Mag WP.
  • Disable all 3rd part plugins because sometimes they’re the reasons causing the issues.
  • Clear all the caches after changing any settings in your site.

And check out our Knowledge Base and FAQs below to find out the answer for your question.

Will customization be lost if I update theme?

No, your customization in Customize panel will not be lost if you update theme. Only the coding modification in original theme’s files will be lost and that’s why you should deploy in child theme.

Customize can not be saved

When you make some settings in Customize panel but the changes can not be saved. There are some common following reasons:

  • It’s due to your server error “500 Internal Server”. Read here to know about the error and how to fix it.
  • User of server (e.g Apache, Nginx) can’t write file. Let chmod file style.css and config.less (all in the theme directory) is 777.
  • Your PHP version is outdated. PHP version 7.0 or higher is recommended.

There are also some sticky tickets we posted in purchased theme support forum. Please take a look these tickets. In case you can not find out the answer, don’t hestitate to let us know by submitting a ticket.

How to active or update premium included in theme

You can use included premium plugins such as Visual Composer free when you purchase and download our themes from ThemeForest. So you don’t need to buy your own licenses to use these plugins.

However, as a note from that plugin’s author, you (theme buyer) can not active and directly get support from them. So please don’t try to active these plugins by using theme’s purchase code.

Please don’t worry if you see warning messages about the plugin license activation or update required. You will always get the latest version of Visual Composer…when we update the theme. We will test these plugins before send it to you to make sure there are no conflicts with our themes.