SuperMag
Don’t forget to check our premium product. SuperMagPro
SuperMag : News, Magazine and Blog WordPress Themes.
We believe this documentation help you to install, setup and customize your site using our theme ‘SuperMag’.
Theme Installation
- Log in to the WordPress Administration Panels.
- Go to the Appearance panel, then Themes.
- Click Add New.
- In Search themes… type ‘SuperMag’.
- When ‘SuperMag’ appears click Install button
- After Installing the theme Click Activate button
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
![](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2016/02/supermag-media.png?resize=936%2C508)
How to make the image size as on 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.
![supermag-fix](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/supermag-fix.png?resize=673%2C295)
DummyData
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.
Start Adding-Editing Contents in your site
Now you can start adding/editing content in you site
- Add Categories and Posts.
- Add different Pages.
Using Theme Customization Options
- ‘SuperMag’ comes with advanced Theme Customization options.
- Go to the Appearance, then Customize.
- Now you can customize you site with great theme customization options.
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
![featured-category](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/featured-category.png?resize=296%2C161)
Slider Right Sections ( 4 block sections )
- From Customize, go to Featured Section Options then Slider Right Section
- Select Post One, Select Post Two, and also add Advertisements One and Two
![slider-right-section](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/slider-right-section.png?resize=282%2C628)
Enable/Disable Feature Section
- From Customize, go to Featured Section Options then Enable Feature Section
- You can enable or disable this section
![enable-featured-section](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/enable-featured-section.png?resize=298%2C176)
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
![widgets](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/widgets.png?resize=287%2C261)
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
![at-posts-columns](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/at-posts-columns.png?resize=289%2C391)
How to manage Main Sidebar Area
- From Customize, go to Widgets then Main Sidebar Area
- Follow same process to add widgets in that area
![at-advertisement](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/at-advertisement.png?resize=277%2C531)
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
![footer-column-1](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/footer-column-1.png?resize=297%2C237)
Header Options
- From the Header options, you can customize your site header
- From Customize, go to Header Options
How to setup site logo and its options
- From Customize, go to Header Options then Logo Options
- You will find advanced Logo Options
![logo-options](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/logo-options.png?resize=298%2C462)
How to enable-disable Date in header section
- From Customize, go to Header Options then Enable Date
- You can show/hide date
![enable-date](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/enable-date-300x132.png?resize=300%2C132)
How to setup Breaking News Options
- From Customize, go to Header Options then Breaking News Options
- You will find options for Breaking News
![breaking-news-options](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/breaking-news-options.png?resize=298%2C194)
How to setup Social Links
- From Customize, go to Header Options then Social Options
- You will find options for Social Links and other
![social-options](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/social-options.png?resize=298%2C333)
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
![header-advertisement](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/header-advertisement.png?resize=299%2C323)
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
![menu-options](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/menu-options.png?resize=295%2C171)
Footer options: How to change footer copyright
- From Customize, go to Footer Option
- You will able to change Copyright Text from there
![copyright](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/copyright.png?resize=296%2C161)
Layout/Design Option
Very flexible options for changing you site layout, design and colors
Setting up Default Layout
- From Customize, go to Layout/Design Option then Default Layout
- From the dropdown Choose Fullwidth or Boxed
![default-layout](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/default-layout-300x233.png?resize=300%2C233)
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
![default-sidebar-layout](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/default-sidebar-layout.png?resize=295%2C221)
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
![blog-archive-layout](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/blog-archive-layout.png?resize=297%2C231)
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
![colors](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/colors.png?resize=298%2C232)
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
![custom-css](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/custom-css-300x235.png?resize=300%2C235)
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
How to add Breadcrumb
- From Customize, go to Theme Options then Breadcrumb Options
- Now Enable/Disable Breadcrumb
![breadcrumb](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/breadcrumb-300x125.png?resize=300%2C125)
How to change Search Placeholder
- From Customize, go to Theme Options then Search
- Enter Search Placeholder
![search-placeholder](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/search-placeholder.png?resize=298%2C164)
How to show/hide content of front page ?
- From Customize, go to Theme Options Front Page Options
- Checked on “Hide Blog Posts or Static Page on Front Page” to hide the content of front page.
![front-page-content](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/front-page-content.png?resize=1016%2C376)
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.
![reset-options](https://i0.wp.com/www.doc.acmethemes.com/wp-content/uploads/2015/10/reset-options-300x274.png?resize=300%2C274)
SuperMagPro
Many more added features are in SuperMagPro Theme a pro version of SuperMag