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.

Dummy Data

Before importing the demo content. It is required that you install necessary plugins. They are:
1. Acme Demo Setup
2. Advanced Import

Then you can follow the path below:

•  Dashboard > Appearance > Demo Import 
• Click on Get Started and a page will appear with a thumbnail image of the demo design.(There can be more than 1 demo design in some themes)
• Hover over the image and click on Import
• Then in few minutes the demo will be imported in your site and you can visit your site now.

Note: We recommend you to import demo data on new installation.

How to make the images size as demo?

• First, go to Settings > Media
• Set thumbnail size : 500 * 280
• Set Medium size : 660 * 365
• Set Large size : 840 * 480
• Click on Save Changes to save the change.

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

After installing this plugin,

• Login to admin panel,Go to Appearance => Acme Fix Images.
• Check the image sizes you want to fixed
• Click Fix All 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

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.

Customization Options

• ‘DuperMagPro’ comes with advanced Theme Customization options.
• Go to the Appearance, then Customize.
• Now you can customize you site with great theme customization options.

Theme Customization Options

How to add “Logo” of the theme ?

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

Manage Site Title, Tagline and Site Icon

• From Customize, go to Site Identity
• You will see options for Site Title, Tagline, Site Icon
• After adding/editing them, don’t forget to click ‘Save & Publish’ button at the top

Creating Menus

• From Customize, go to Menus
• You can setup everything related to menus there.
• Please have a look here to make mega menu.

Setting up Front page and Blog ( Posts ) page

• From Customize, go to Static Front Page
• Choose a A static page
• Now select Front page and Posts page from the drop down
• Note: if you don’t have added pages for this, first add pages from WordPress Admin panel => Pages.

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

• Already mentioned above, please follow the above instruction properly.
• You can use Appearance > Themes > Upload Theme(In this method, theme must be in ZIP file)
• You can use FTP method as mentioned above.(In this method, you must put the extracted file of theme inside themes folder)

2. Setting Image Size

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

• The main thing for making your site as our demo is with setting up image size. Please follow this steps:
• Go to Settings > Media
• Set Thumbnail Size 500 * 280
• Medium Size 660 * 365
• Large Size 840 * 480
• Click on Save Changes to save the above data.

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.

• Go to Appearance > Acme Fix Images(After Installation plugin Acme Fix Images, this sub menu will appear under Appearance)
• Click on Fix All Images
• Wait until all the images fixed.

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.

• Go to admin panel > Pages > Add New
• Give the title of page(Example: Home Page)
• Click on Publish to publish page.
• Create another page(for Blog), follow the above page creation method.

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

• Go to admin panel > Settings > Reading
• Click on “A static page (select below)”
• Set Front page: (Home Page recently created above)
• Posts page:(Blog you recently created)

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

• Go to Appearance > Customize > Featured Section Options > Checked on Enable Featured Section.
• Go to Appearance > Customize > Featured Section Options > Featured Slider Selection > Select the category from the dropdown.
• Select the category or you can select the other method for slider as well.

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:

• Go to Appearance > Widget
• Add the available widget (Example AT Posts Column) on “Home Main Content Area”
• Use the available options of the Widgets
• View the home page, you will find the about section there.

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 Slider (Category Slider)

• From Customize, go to Featured Section Options then Featured Slider
• Select Slider from Category, Recent Posts, Tags and Custom
• If Category is selected above, choose any one of the category for slider on “Select Category For Slider”
• You can also select the Recent Post For slider.

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?

• From Customize, go to Featured Section Options then Featured Slider Options
• Set the Number of Words in Content
• Set Slider Speed (in ms)
• Check to enable auto play slide. Unchecked will disable the auto play of slide.
• Set the time for Slider Pause (in ms) (The amount of time (in ms) between each auto transition)
• Check and Unchecked to show and hide Next and Previous control.

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

• Select Layout for Featured Slide from the available options drop down.
• If you select Category on Layout Featured Side, select slider below Select Category For Side
• You can select the Recent Post for all slider right section.
• You can Show / Hide Title, Date, Author and Comments on the slider right section.

Header Options

How to enable-disable Date in header section?

• From Customize, go to Header Options then Enable Date
• You can show/hide date

How to setup Breaking News Options?

• From Customize, go to Header Options then Breaking News Options
• You will find options for Breaking New

How to setup Social Links?

• From Customize, go to Header Options then Social Options
• You will find options for Social Links and other

How to add Header Advertisement?

• From Customize, go to Header Options then Header Advertisement
• You can add Advertisement image or Adsense Code and link from there
• Recommended image size of 730*90

How to add Home Icon and Search on Menu?

• From Customize, go to Header Options then Menu Options
• You can enable-disable Home Icon and Search on Menu
• Enable disable random post
• If preview is fine, click on Save & Publish button to save the changes.

Footer options

How to change footer copyright?

• From Customize, go to Footer Option
• You will able to change Copyright Text from there

How to change the number of column for footer area?

• From Customize, go to Footer Option
• Select the available number from Number Of Sidebars (section column ) In Footer Area

How to enable/disable go to top?

• From Customize, go to Footer Option
• You will enable/disable form Enable go to top check box.

How to hide Enable theme name and Powered by?

• From Customize, go to Footer Option
• You will enable/disable Enable Theme Name and Powered by Text.
• You can add your custom powered by text as well.
• You can Add HTML content also. (Example: “<a href=”www.example.com/contact”>Contact Us</a>“)

Layout/Design Options

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

How to add / remove intro Intro Loader Middle Image ?

• From customize go to Layout/Design options > Intro Loader Options.
• Select the image for intro loader.
• Select the background color for intro loader section.
• Check to enable and unchecked to disable the intro loader.
• Click on Save & Publish button to save the changes.

Setting up Default Layout

• From Customize, go to Layout/Design Option then Default Layout.
• From the drop down Choose Full width or Boxed.

Button Design

• From Customize, go to Layout/Design Option then Button Design.
• Select the Button Design Rounded or Rectangle.

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

• From Customize, go to Layout/Design Option then Front Page sidebar layout.
• Select no sidebar for full width.
• If right sidebar is necessary, choose right sidebar.
• Available options are Left Sidebar, Right sidebar, Both sidebar and No sidebar.

How to set Default sidebar Layout?

• From Customize, go to Layout/Design Option then Default sidebar layout.
• Select the available options from the drop down.
• Please Click on Save & Publish to save the changes.

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

• Go to Posts/Pages
• Add New post/page
• Set the sidebar layout from the options
• Click on Publish button to publish the change.

How to manage the Blog / Archive Layout?

• From Customize, go to Layout/Design Option then Blog / Archive Layout Options.
• You will find lot of options for Blog and Archive Layout.
• Use the available options as your need.

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:

• From Customize, go to Layout/Design Option then Basic Color Options.
• Select the available color as your need.
• You can change Background color, Site Title and Tagline Color, Hover Color, Heading color, Primary color and more.
• Click on Save & Publish button to save the changes.

Advanced Color Options:

• From Customize, go to Layout/Design Option then Advanced Color Options.
• More Color options are available here.
• Choose the color as your need.
• Click on Save & Publish button to save the changes.

Category Color Options:

• From Customize, go to Layout/Design Option then Category Color Options.
• You can set the different or same color for the category.

How to manage the font’s family?

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

• From Customize, go to Layout/Design Option then Font Family.
• You will find the various options for managing font’s family.
• Click on Save & Publish button to save the changes.

How to add Background Image?

• From Customize, go to Layout/Design Option then Background Image.
• Select the Image from the media library or upload from the drive.

Where to write the Custom CSS?

• From Customize, go to Layout/Design Option then Custom CSS.
• Write your own custom CSS here.
• Click on Save & Publish button to save the changes.

Single Post Options

How to show related post on single post?

• From Customize, go to Single Post Options > Single Post Related Post Options.
• Select the available options or manage the options for managing related posts on single post.

How to Show / Hide Author Info?

• From Customize, go to Single Post Options > Author Info Options.
• Check to show and unchecked to hide the author info on single post.

How to manage post navigation options?

• From Customize, go to Single Post Options > Post Navigation Options.
• Select the available options for Navigation. (Default, Title and Image and Image) are the available options.

How to manage Post comment Options?

• From Customize, go to Single Post Options > Post comments Options.
• Use available options for managing this section.
• Click on Save & Publish button to save the changes.

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?

• From Customize, go to Extra Options > Breadcrumb Options.
• You can select the available options from dropdown for breadcrumb.
• Click on Save & Publish button to save the changes.

How to change Pagination Type?

• From Customize, go to Extra Options > Pagination Options.
• Select pagination type from the available options.
• If preview is fine, click on Save & Publish button to save the changes.

How to change the Search Placeholder?

• From Customize, go to Extra Options > Search.
• Write the search placeholder.
• Click on Save & Publish button to save the changes.

How to reset Color and Fonts?

• From Customize, go to Reset Options.
• Select for resetting Color or Fonts.
• Click on Save & Publish button to save the changes.

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 Author:

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

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 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 Slider:

This is unique gallery slider for post.

AT Video Gallery

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

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.

• Create a new post or edit the old post.
• Below the featured image section, you will find the Featured Video section.
• As mentioned there, put your video id after ‘embed’.
• Example: https://www.youtube.com/embed/tyFzhpyHnUI
• Just change the id ‘tyFzhpyHnUI’ with your own video id of youtube.
• If you want to replace the featured image by video then check on Replace Featured Image In Single Post.
• If you need auto play check on Autoplay Video.
• Click on Publish or Update button above.