Magazine Style WP theme Documentation and Setup Guide

Installation

Before we start anything make sure take backup files and database of current state to prevent any problem in future we are not responsible for any damage you made later.

Minimum Requirement:

PHP Version 5+
MySQL Version 5.1+
WordPress 3.x or later
eCommerce Plugins Woocommerce

Download Free Version of Theme: Magazine-Style-Free

Installation:

Download theme file from My Account – Download section https://www.insertcart.com/my-account/ (If you are having any problem in download then contact us) after download upload main theme your-theme-file-name.zip via FTP or WordPress upload. As ftp software you can use Filezila or any other ftp client. if you are upload via WordPress upload then navigate to:

This slideshow requires JavaScript.

After login into website Dashboard > Appearance  > Theme > Add New > Upload Theme > Choose file > Install now.  After successful upload Activate the theme.

In any case if you get error like theme file or folder already exist then you need to remove previous version first.

This slideshow requires JavaScript.

Please Note: You must disable any caching plugin (like: w3tc, wp super cache) while setup theme because result might have some delay or not visible.

Also for first time setup you should restore default theme option to prevent any error or wrong value saved on database.

Magazine Style Theme Options

magazine-style-basic-setup

  1. Upload Favicon icon of website image must in .ico or png format
  2. Upload website logo keep ratio in 478px X 88px max.
  3. Show author profile below every posts and page you fill author details from Dashboard > Users > Your Profile > Bio. Fill you details here.
  4. Latest Post Show with Thumbnail in Sidebar.
  5. Title on Index post bar anything you want.
  6. Change numbers of latest post to display below navigation.

Social Media

social-media-magazinestyle

Social media icons allow you to put link to your social profile paste with http:// on their respective website and save options. Icons will be display on top navigation bar like shown in above Image .

Custom Styling

Magazine-Style-custom-styling-1

Use custom styling to put CSS codes this allow you to save these code in on theme update. Don’t edit style.css use this area for styling.

Advertisement

Magazine-Style-advertiseme

This is for different area of advertisement within theme you can add Banner Ads, Text Ads, or HTML codes whatever you want. TEXT mode for html and codes and Use Visual mode for writing or copy paste.

Top box is use you header banner aside from logo or text ads like 728*90px

Second box use for advertisement in single post its will display ads just above every single post content.

Third box that will display ads on footer below navigation on Index Page and some other pages as well.

Magazine-Style-premium-option-1

Magazine-Style-premium-option-1

  1. Popular Post Show with Sliderbar Widget.
  2. Change Numbers of Popular Post to display below navigation.
  3. Social share button it allow you to directly share posts to social website visitor can also share them and show numbers of share it will display below every post.
  4. Responsive website design option only a premium features that allow user to view your website in mobile and tablets as well.
  5. Excerpt Length number of words display in post description on Index page and other archive pages. You can control it from here.
  6. Enable or disable home Icon from Main Navigation
  7. Website background color change choose whatever color you want it apply on whole website.
  8. This option for website background image change.
  9. User can change Default thumb image .
  10. Change link color choosing link color will change all and every link color into posts and page even on whole website.
  11. This change link hover color.
  12. Navigation bottom border color change.
  13. Main Navigation background color change.
  14. Main navigation hover color change.
  15. Current page background color change.
  16. Background color of other page change.
  17. Number text color change.
  18. Sidebar heading background color change.
  19. Sidebar heading border color change.
  20. Sidebar heading text title color change.
  21. Search button color change.
  22. Footer heading background color change.
  23. Footer Widget titel background color change.
  24. Footer copyright background color change.
  25. Theme font color and size change.
  26. H1 heading font color change mainly post and page heading.
  27. Show or Hide Footer Widget Area.
  28. Show or Hide “” Continue reading” Button.
  29. Continue reading Button color change.
  30. You can change your custom text for continue button.
  31. Select your image for website layout.
  32. SEO and meta option put here google plus profile link.
  33. Bing site verification meta code.
  34. Google website verification code get from webmaster tool.
  35. Check Box to Enable or Disable Breadcrumbs from post and pages.
  36. Post meta data information below every post: Hide Tags.
  37. Show or hide comments.
  38. Show or hide categories.
  39. Show or hide author name and date.
  40. Next and previous post link in below every post.
  41. Put anything on copyright place.
  42. Save option.
  43. Restore default – Reset to default setting comes with theme.

FAQ:

How to install theme
We already write in documentation how to install theme your just need to upload file or search from WordPress directory if it’s free version for more info Read Here
How to Add a Logo?
Go to Dashboard > Appearance > Theme Option > Basic Settings OR  Go to Dashboard > Appearance > Customize > Site Logo, Title & Tagline.  
How to Configure the Menu Bar?
Go to Dashboard > Appearance > Menus. This theme supports 2 Menus, You can Disable them Completely. To Do so, set these menus to any Empty Menu.
How to Set Thumbnails Image for Blog Posts?

If you like to display thumbnail or featured image on post then you can set it while creating or editing post just click on “Set Featured Image” from bottom right side

Read full tutorial here

Customize Featured Thumbnail Image Sizes and Blocks (PRO Only)

image-thumbnail-adjust-promax

You can adjust image width and height using default settings as well go to Theme Options > Custom Styling > here Customize Post Box

  1. First select box help you to choose Image height and width
    Fixed Size – Already define into theme and resized to a fixed height
    Auto – Size will not resize it’s original width and height you made image
  2. Numbers of post block default is 3 on index and archive pages but you can choose from 1 to 10 also make sure image settings should be on auto.
  3. Hide border around post box and thumbnail

Manually change thumbnail height and width using CSS class first set above image settings to fixed (Important).

Now use below CSS change 250px to your own size

.imag .thumbnail img {
   width: 250px !important;
   height: 250px !important;
}

Paste above code into Theme Options >Custom styling [tab] > Custom CSS box and save options

Create and Add Menu

Before you create your menu for this theme, make sure your pages/sections have been created already. This way they will be available to be inserted into the menu.

Follow this steps to create a menu:

  • Go to Appearance> Menus in the main admin menu.
  • At first you will probably need to add a menu (create a menu), give it a name and click Save Menu.
  • The new menu will appear in a tab in this location. Click on this tab to begin adding menu items.
    Use the dialog boxes on the left hand side of the page to add items to your menu.
  • Select the master page you created as well as all of the sub sections or child pages and click “Add to Menu”.
  • Now you can drag the newly inserted menu item to their correct sequence and rename their titles if required.
  • After you have added and edited the menu items click Save Menu in the bottom of this area.
  • Adding the menu to the theme

Finally you will need to specify the location for this menu.  Select menu for Primary, Main or Footer menu and check box where you want to display it and click Save Menu.

Selection Post and Page Layout

You can select individual post or page layout style from any post while editing or creating new post, by selection style from right side as shown in picture

Selecting layout

If you want to change layout of whole website then go to Theme Options and change layout from there if you selected single post then it will not overwrite settings.