DuperMag

Dupermag is is Child Theme Of SuperMag. You need to first install SuperMag ( https://wordpress.org/themes/supermag/ ) to activate and use this theme. DuperMag is perfect theme for news, magazine, blog, reviews or personal sites. Full image blog and full image single post make it really cool. DuperMag extend the SuperMag theme with more beautifully crafted design.

Don’t forget to check our premium product. DuperMagPro

Theme Installation

• Log in to the WordPress Administration Panels.
• Go to the Appearance panel, then Themes.
• Click Add New.
• In Search themes… type ‘DuperMag’.
• When ‘DuperMag’ appears click Install button
• After Installing the theme Click Activate button

Note: DuperMag is child theme of SuperMag. SuperMag should be inside the Appearance > Themes. While download the theme from WordPress, both the child theme and parent theme will added on the 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.

Setting up Image Sizes

• Go to the Settings, then Media.
• Set thumbnail size : 500 * 280
• Set Medium size : 660 * 365
• Set Large size : 840 * 480
• Click Save Changes

How to make the image size as on demo?

First, go to Settings > Media
Set thumbnail size : 500 * 280
Set Medium size : 600 * 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.

How to make your 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 DuperMag

• Go to Admin Panel > Appearance > Themes > Add New and search theme DuperMag
• or Download theme from Here.
• Click on Install and then Activate

2. Setting Image Size

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

• 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 > Category Selection For Featured Section
• Select the category from the dropdown.
• If not enabled, Checked on Enable 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:

• 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”

Start Adding-Editing Contents in your site

Now you can start adding/editing content in you site

Add Categories and Posts.

You know how to add Categories and post? Please follow the below instruction to add categories and post.

• Go to admin panel > Posts > Categories
• Add the name and slug of categories
• Click on Add New Category

Category will automatically listed on the right side of categories list. Please see the below screenshot to know more easier.

Are you wondering about how to add post on WordPress? It’s simple. Please follow the below steps and see screenshot.

• Go to admin panel > Posts > Add New
• Give the title of the post
• Write the content
• Set the featured image
• Click on publish to save the changes.

See the below screenshot to know more details.

Add different Pages.

You can add pages as similar with adding post. Please follow the below steps.

• Go to admin panel > Pages > Add New
• Give the title of the Page
• Write the content
• Set the featured image
• Click on publish to save the changes.

Using Theme Customization Options

• ‘DuperMag‘ comes with advanced Theme Customization options.
• Go to the Appearance, then Customize.
• Now you can customize you site with great theme customization options.
• Please see the below screenshot for using customizer.

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

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 dropdown
• Note: if you don’t have added pages for this, first add pages from WordPress Admin panel => Pages

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 Category Slider Selection
• Select one of the category for Featured Slider

Slider Right Sections ( 4 block sections )

• From Customize, go to Featured Section Options then Slider Right Section
• Select a category for the slider right sections.

Enable/Disable Feature Section

• From Customize, go to Featured Section Options then Enable Feature Section
• You can enable or disable this section

Managing widgets in sidebar

• From Customize, go to Widgets
• You will see 5( five ), Sidebar ( Widgets ) Areas, By name you will know what they are for
• ‘Home Main Content Area’ is for Home Page
• ‘Main Sidebar Area’ is for Main Sidebar
• ‘Footer Column One’
• ‘Footer Column Two’
• ‘Footer Column Three’ are for Footer Sections

How to manage Home Page contents

• From Customize, go to Widgets then Home Main Content Area
• Now click Add a Widget, then click on- AT Posts Column
• This is very advanced widgets, now you can mange content from here
• Again for adding Advertisement,click Add a Widget, then click on SM Advertisement
• It is another advanced widgets for managing Advertisement
• Note : You can add any available Widgets

How to manage Main Sidebar Area

• From Customize, go to Widgets then Main Sidebar Area
• Follow same process to add widgets in that area

How to manage Footer Sections

• From Customize, go to Widgets
• From Footer Column One, Footer Column Two and Footer Column Three, you can manage Footer Section Area with widgets

Header Options

How to setup site logo and its options

• From Customize, go to Site Identity
• You will find advanced Logo Options
• Add the logo and checked below to show the logo.
• If preview is fine, click on `Save & Publish` to save the changes.

How to enable-disable Date in header section

• From Customize, go to Header Options then Enable Date
• You can show/hide date
• Click on `Save & Publish` to save the changes.

How to setup Breaking News Options

• From Customize, go to Header Options then Breaking News Options
• You will find options for Breaking News
• Click on `Save & Publish` to save the changes.

How to setup Social Links

• From Customize, go to Header Options then Social Options
• You will find options for Social Links and other
• Enter the link of your respected social media URL, leave empty if not required any icons.
• If preview is fine, click on `Save & Publish` to save the changes.

How to add Header Advertisement

• From Customize, go to Header Options then Header Advertisement
• You can add Advertisement image and link from there
• Recommended image size of 730*90
• If you want to use Ad Sense  code, we recommend to use the premium version SuperMagPro.

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

Footer options

How to change footer copyright

• From Customize, go to Footer Option
• You will able to change Copyright Text from there
• Write your own copyright text and click on Save & Publish to save the changes.

Layout/Design Option

Lots of options to customize the site are available on this sections.

Setting up Default Layout

• From Customize, go to Layout/Design Option then Default Layout
• From the dropdown Choose Fullwidth or Boxed

How to setup Sidebar Layout

• From Customize, go to Layout/Design Option then Default Sidebar Layout
• From the dropdown Choose Right Sidebar, Left Sidebar or No Sidebar
• Note : This will be global for all all pages

How to change featured image option in Blog page and Archive pages

• From Customize, go to Layout/Design Option then Default Blog/Archive Layout
• From the dropdown Choose Left Image or No Image

How to change my site primary colors

Probably you are searching for this options

• From Customize, go to Layout/Design Option then Colors
• You can change Background Color and Primary Color

Background Image

You add the background image from here.

• From Customize, go to Layout/Design Option then Background Image
• Add the image for the background.
• Customize the image as per need from the available options.

How to add custom CSS

If you know the css knowledge, you can customize you site with css

• From Customize, go to Layout/Design Option then Custom CSS
• Now add custom CSS

Single Post Options

• From Customize, go to Single Post Options
• You can show/hide Related Posts in Single post there

Theme Options

Extra option for your site are available on this section. Manage breadcrumb and search placeholder from here.

How to add Breadcrumb

• From Customize, go to Theme Options then Breadcrumb Options
• Now Enable/Disable Breadcrumb

How to change Search Placeholder

• From Customize, go to Theme Options then Search
• Enter Search Placeholder

Reset Options

• From Customize, go to Reset Options
• You can Reset Colors or Whole theme setting from there
• Caution: Reset theme settings according to the given options. Refresh the page after saving to view the effects.

Thank you for choosing DuperMag. If you have any confusion, please post your query on support forum. http://acmethemes.com/supports