DuperMagPro


DuperMagPro is a simple and clean theme with responsive layout. This theme is specially designed for Magazine, Blog and News sites.

This theme have lots of options for building your website as your need. Easily and replaceable  logo, favicon, social icons, background image, custom menu, slider, video in place of featured image, breaking news, time and date, advanced pagination, mega menu, breadcrumb, and lots of widgets for building your theme as your need.
We believe this documentation help you to install, setup and customize your site using our theme ‘DuperMagPro’.

Theme Installation

From WordPress Dashboard  Appearance > Themes

  1. Log in to the WordPress Administration Panels.
  2. Go to the Appearance panel, then Themes.
  3. Click Add New.
  4. Upload the Zip file of DuperMagPro, theme
  5. After Installing the theme Click Activate button

FTP Installation (alternate method)

  1. Use your FTP software to browse to wp-content/themes folder.
  2. Extract dupermagpro.zip  and upload the folder.
  3. Once it’s uploaded, go to your WordPress Admin, browse to Appearance > Themes.
  4. Click the Activate link.
  5. Activate the child theme.

Adding Demo Content

To add the demo content, please find the instructions here.

How to make the images size as demo?

supermag-media

We recommend you to use plugin named Acme Fix Image to crop the actual size of the images.

After installing this plugin,

supernews-acme-fix-images

Adding Posts

Adding a new post is the same way as default WordPress installations, however, there are extra options that might need explaining.

This theme is specially build for blog purpose. Usually each blog post have content and featured image.  Featured image will display on front page, in single page.

Adding Featured Image

  1. Go to Admin Panel
  2. Go to Posts > Add New Post
  3. Give the title of the post
  4. Write the content of the post
  5. Scroll to down and see the right corner, you will find the Set Featured Image section

add-post

This theme can fully customize from the Customize section. To customize theme, Go to Appearance > Customize. You will find the various options related to theme.

How to Increase the number of Post on Blog Page ?

If you want to increase the number of post on Home Page,

  1. Go to Admin Menu > Setting > Reading
  2. Increase the number of post on “Blog pages show at most
  3. Please see the screenshot below to know details.

numberofpost

Customization Options

screenshot-www-demo-acmethemes-com-2016-09-23-13-14-11

Theme Customization Options

How to add “Logo” of the theme ?

  1. Go to Appearance > Customize > Header OptionLogo Options
  2. Choose the logo image from the media library
  3. If preview is fine, Click on Save & Publish button to save the change.

logo-dupermagpro

Manage Site Title, Tagline and Site Icon

site-identity

Creating Menus

menus

Setting up Front page and Blog ( Posts ) page

static-page

How to make the site as our demo ?

You want to make your site as same as our demo? Here i am going to present you how to make home page as demo. Please just follow the below procedure to make it. It’s simple to create home page.
1. Install Theme DuperMagPro

2. Setting Image Size

We already mentioned above this steps. If you complete this steps already, skip this step.

media-setting

3. Fixed Images Size
After completion the 2nd step, please install and activate plugin named Acme Fix Images. We already mentioned above how to fix the images too. If you already fixed the images size, skip this step.

supernews-acme-fix-images

4. Create Page for Home and Blog
You need at most two pages, one for Home and another for Blog, to make like demo. Please follow this below steps to
set home page.

create-home-page

 

 

5. Set Home page and Blog page
Please set home page and blog page with following procedure.

static-page

6. Preview front page
View the front page, the featured section will appear. To change the featured section content,

featured-section

7. Section below the featured section
Are you wondering how to add the section below the featured section? It’s simple, please follow the below process:

home-main-content-area

8. More section on Home Page
If you need more section on home page, just add the available widget there on “Home Main Content Area”

Slider Section Options

How to setup features sections

Featured sections includes Featured Slider and Slider Right Sections (4 block sections)

featured-section

Featured Slider (Category Slider)

slider-selection

If you want to make a custom slider choose Custom and use the available options for custom slider. (Altogether you can make 5 custom slide with Image, Slide title, Slide descriptions, and Slide link)

How to control the slider on Featured Section?

featured-section-options

Note: Some of the options not display if you have selected slider from “Custom”

How to manage slider right section?

You can set post or advertisement as your need. (Eg: 2 Post and 2 Add, 3 Post or 1 Add, 4 Posts only or 4 Add only etc.)

slider-selection-right

Header Options

header-options

How to enable-disable Date in header section?

How to setup Breaking News Options?

How to setup Social Links?

How to add Header Advertisement?

header-advertisement

How to add Home Icon and Search on Menu?

Footer options

footer-options

How to change footer copyright?

How to change the number of column for footer area?

How to enable/disable go to top?

How to hide Enable theme name and Powered by?

powered-text

Layout/Design Options

Very flexible options for changing you site layout, design and colors.

layout-design-options

How to add / remove intro Intro Loader Middle Image ?

Setting up Default Layout

Button Design

How to change the appearance of front page/home page with Full width?

How to set Default sidebar Layout?

How to Override Default Sidebar From the Individual Post/Page ?

sidebar-post

How to manage the Blog / Archive Layout?

How to change the color of different sections?

We categorized three type of color options. Basic color options, advanced color options and Category Color Options.

Basic Color Options:

Advanced Color Options:

Category Color Options:

How to manage the font’s family?

There are more than 100 font’s family available on this theme. To manage the fonts,

How to add Background Image?

Where to write the Custom CSS?

Single Post Options

single-post-options

How to show related post on single post?

How to Show / Hide Author Info?

How to manage post navigation options?

How to manage Post comment Options?

Extra Options

Here lots of options are available for managing your site. This options help you to customize your site easily.

How to manage Breadcrumb?

How to change Pagination Type?

How to change the Search Placeholder?

How to reset Color and Fonts?

Widgets Area

There are several widgets available in the theme. All the available widgets are easy to operate and helps to build your site easily.

For managing theme,

Go to Appearance > Widgets

Drag and Drop or simply click to add the Widget on widget area.

DuperMagPro have Main(Right) Sidebar, Menu Before Area, Home Main Content Area, Left Sidebar Area, Footer top column one, Footer top column two, Footer top column three , footer top column four. And also Footer bottom column one, Footer bottom column two, footer bottom column three and footer bottom column four.

You can set the available widget on the available widget area.

How to Manage Widgets?

There are 12 new widgets are added on this theme. This widgets help you to build your site as your need. Each widgets have lots of options available with easy operate able.

AT Advertisement:

This widget help you to add the advertisement image, title, code, and link. Use can use the available options for managing advertisement on the specific widget area.

at-advertisement

AT Author:

This widget is used for managing the author with author details, image etc.

at-author

AT Categories Column:

This widget helps to show the post from different category. You can give the title and select the category to display on the widget area.

at-cat-col

AT Gallery:

This widget is used for making gallery on the widget area. One image will appeared large and other stay as gallery form.

at-gallery

AT Gallery Slider:

This is unique gallery slider for post.

at-gallery-slider

AT Video Gallery

Widgets for making Video Gallery. Please have a look here on the post to know how to make this section.

at-video

And several other widgets are available on this theme. Use the widget with available options. It is easy to use and user friendly. Each field is described on every section.

If you are unable to operate the Widgets feel free to ask for the support at  http://www.acmethemes.com/supports/

 

How to add Video on place on Featured Image?

This theme provides the feature for using video instead of featured image for single page. It is easy to embed your youtube video on your post.

video