1.General

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 5.6 or higher and MySQL version 5.6 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.Installation

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.

3.2.Plugins

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

Refer this article about how to insert ads to your posts. Hope it’s useful for you.

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.

tool_import

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

install-wordpress-import

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.

upload-xml-file

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

import-xml-file

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

finish

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.

install

import-theme-options

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.

manualdemo_widgetdata

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.

contact

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.

contact-form

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>

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

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

email-contact

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.

mailchimp

Create MailChimp Form:

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

mailchimp-form

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>

6.Customize

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

6.1.General

6.1.2.Layouts

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

6.1.3.Styling

There are options of styling:

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.

6.1.4.Typography

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!

6.2.Header

6.2.1.Layout

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.3.Blog

Setting:

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.

Layout:

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.

6.6.Responsive

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.

7.Widgets

widget

How to Add a Widget for one Widget Area?

You also follow as above to add any widget or just Drag & Drop a Widget into a Widget Area.

8.Shortcodes in Mag WP

1. Thim Carousel

2. Thim Ads

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

ad

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 5.6 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.

Suggest Edit