1.General

We would like to thank you for choosing Mag Paper. 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 Paper

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 WordPressPHP 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 Paper >> 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.
  • magpaper: 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 Mag Paper WordPress theme.

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 magpaperFollowing these steps below to upload theme via WordPress:

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

Step 2. Click Upload Theme button.

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

Step 4. Active Mag Paper.

Step 5. After active the theme, you will see Mag Paper notice!. Click Install and active ThimPress Core to start now! “ to active core of Mag Paper, 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 magpaper.zip file.

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

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

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

3.2.Plugins

1. Mag Paper 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!

 

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 Paper >> 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 magpaper 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 magpaper.zip you have already downloaded from Themeforest.

Step 4. Drag & drop new theme folder magpaper 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 Paper 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 Paper is a zip file named mag-paper-child packed in child-themefolder after exacted theme package (child-theme/ mag-paper-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-paper-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

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

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.

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

4.2.Elements Setup

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

4.2.1.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 Paper theme has 3 styles contact form available for Contact Page, just click Edit option in Contact Forms tab then copy and paste below content into contact form:

Contact form 1:

<div class=”contact-form-1″><div class=”contact-form-1″><div class=”row”> <div class=”col-sm-4″>[text* your-name id:contact-name class:contact-name placeholder “Name*”]</div> <div class=”col-sm-4″>[email* your-email id:contact-email class:contact-email placeholder “Email*”]</div><div class=”col-sm-4″>[number* your-phonenumber id:contact-phonenumber class:contact-phonenumber placeholder “Phone Number*”]</div></div>
<div class=”row”> <div class=”col-sm-12″>[text* your-subject id:contact-subject class:contact-subject placeholder “Subject*”]</div></div>
<div class=”row”> <div class=”col-sm-12″>[textarea* your-message id:contact-message class:contact-message placeholder “Message*”]</div></div><div class=”sb-contact”>[submit “SUBMIT”]</div></div>

Contact Form 2:

<div class=”contact-form-2″><div class=”contact-form-2″><div class=”row”> <div class=”col-sm-6″>[text* your-name id:contact-name class:contact-name placeholder “Name*”]</div> <div class=”col-sm-6″>[email* your-email id:contact-email class:contact-email placeholder “Email*”]</div></div><div class=”row”><div class=”col-sm-6″>[number* your-phonenumber id:contact-phonenumber class:contact-phonenumber placeholder “Phone Number*”]</div><div class=”col-sm-6″>[text your-website id:your-website class:your-website placeholder “Website”]</div></div>

<div class=”row”> <div class=”col-sm-12″>[text your-subject id:contact-subject class:contact-subject placeholder “Subject”]</div></div>
<div class=”row”> <div class=”col-sm-12″>[textarea your-message id:contact-message class:contact-message placeholder “Message”]</div></div><div class=”sb-contact”><button type=”submit” class=”wpcf7-submit”>SUBMIT</button></div></div>

Contact Form 3:

<div class=”contact-page”><div class=”contact-page”><div class=”row”> <div class=”col-sm-4″>[text* contact-name id:contact-name class:contact-name placeholder “Name*”]</div> <div class=”col-sm-4″>[email* contact-email id:contact-name class:contact-name placeholder “Email*”]</div><div class=”col-sm-4″>[number* contact-phonenumber id:contact-phonenumber class:contact-phonenumber placeholder “Phone Number*”]</div></div>
<div class=”row”> <div class=”col-sm-12″>[text* contact-subject id:contact-subject class:contact-subject placeholder “Subject*”]</div></div>
<div class=”row”> <div class=”col-sm-12″>[textarea* contact-message id:contact-message class:contact-message placeholder “Message*”]</div></div><div class=”sb-contact”>[submit “SUBMIT”]</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

4.2.2.Setup MailChimp

Setting MailChimp API:

Go to Dashboard >> MailChimp For WP >> MailChimp >> Setting your API Key then click “Save 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 Paper theme has a style MailChimp form available, just copy and paste below content into your MailChimp form:

<input type=”email” name=”EMAIL” placeholder=”Enter your email” required>
<button type=”submit”>Subscribe</button>

5.Customize

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

5.1.General

5.1.1.Logo

logo

Logo:

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.

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

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

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

5.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!

5.2.Header

5.2.1.Layout

We designed 6 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.

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

Top Bar Options:

The Top Bar theme panel section contains the following options:

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

2. Show Top Widget Area: Click to show or hide top widget area.

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.

 

 

 

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

5.5.Responsive

Mag Paper 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.

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

6.Shortcodes in Mag Paper

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

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

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