BlogMagazine

Blogmagazine is a responsive newsportal/blog style Free WordPress theme with highly customizable features. This theme is mainly applicable for online magazines, newspaper, publishing, personal blogs and any kind of news sites.

1Getting Started

This is the BlogMagazine theme documentation page. I have tried my best to provide proper, simple and clear instruction. If you think it can be improved, please let me know. I will update as per your feedback too.

Please click on the left sidebar’s title to navigate the section.

2Installation

Installation of our theme is quite easy and simple. You can follow two type of installation procedure. Either directly from WordPress repo panel or from uploading the theme zip file.

  1. Directly from WordPress repository:

If you want to install directly from WordPress repository, just navigate Appearance >>Themes menu from your website (WordPress admin dashboard) and on Add New button then type BlogMagazine on the search box. You will see our theme on below. Then just click on install and activate the theme. That’s it 🙂

  1. Uploading zip file ( manual installation ):

Please go to wordpress.org/themes/blogmagazine and download the theme zip file from there. Upload that zip file into your website from Appearance >> Themes >> Add New >> Upload Theme.

Additional information: WordPress Codex – Using Themes

3Header Options

Appearance >> Customize >> Header Options – Panel

Website main header related section goes here.
Click to go related section description.

4Header Notice Pro

Appearance >> Customize >> Header Options >> Header Notice – Section

This section help to set header notice to the top of page. Please read following instruction to set header notice properly.

  • Enable Header Notice – Please check enable to show header notice.
  • Header Notice Text - Put notice text from here. This notice help you to show specific site information, Special news/blog notice etc.

5 Header Media

Appearance >> Customize >> Header Options >> Header Media – Section

This section help to set header media to after header notice part of header. Please read following instruction to insert header media properly.

  • Header Video – Please click to "Select a Video" and upload .mp4 format video. This video will show after header notice section and before top header section. You can also use embedded YouTube video below url field. If you want to use header video from YouTube link than enter YouTube link.
  • Header Image - Please click to add new image button to “Add New Image”. This options simply allow to show image on header. But if you want to show image randomly than please insert more than one image. After adding multiple Image please check below button name “Randomize Uploaded Header”. If you have header video than your image will not display on your header.

6 Top Header

Appearance >> Customize >> Header Options >> Top Header – Section

This section is shown before branding area(Top of the website). This section helps us to manage social icon and date time. Here are some settings available with description.

  • Top Header Section – This option allow to show and hide top header.
  • Current Date Options – This options help you to show and hide date on  top header(If you hide top header then current date will not shown)
  • Social Icon – This options allow to show/hide social media icon(If you hide top header then social section will not shown). If you want to add or remove social icon than go to Appearance >> Customize >> Additional Settings >> Social Media Icons. Click to go to section Social Media Icons

7 Site Identity

Appearance >> Customize >> Header Options >> Site Identity – Section

This section is known as branding area(After Top Header Section). This section helps us to manage website logo , Site Fav Icon, Site title and Tagline. Here are available settings with description.

  • Logo – From this option, you can change the logo of your website. Click on this logo area to insert logo for website.
  • Site Title – You can change the site title of your website from this text field. We can say this is the website name for SEO.
  • Tagline – You can change tagline of this site. Please put here website slogan or main features of your website.
  • Site Icon – Click on Select Site Icon if doesn’t exist. This icon is same like a logo which shows on browser tab icon. Site Icons are what you see in browser tabs, bookmark bars, and within the WordPress mobile apps.

9 Ticker Options

Appearance >> Customize >> Header Options >> Ticker Options – Section

Ticker Options is the section which show specially on header. This section also known as Breaking News section.

  • News Ticker Options
    • Show – If you checked on show options ticker will show on header section.
    • Hide – If you checked this options ticker option will be hidden.
  • News Ticker Caption – News ticker caption is the label of ticker section.
  • Ticker Category – Please select category and this category post shown on ticker section. If you select all then latest post will shown on ticker.

10 Colors Pro

Appearance >> Customize >> Header Settings >> Colors – Section

11 Typography Pro

Appearance >> Customize >> Header Settings >> Typography – Section

This section is help you to manage typography(line height, font family, font size etc) to header.

12 Template Options

Appearance >> Customize >> Template Options – Panel

This section help you to set template settings options like sidebar, readmore text, related article or other many settings there.

Click to go related section description.

13 Homepage Settings

Appearance >> Customize >> Template Options >> Homepage Settings – Section

If you want to set it up like our demo first you have to setup static home page.

Your can follow following step to setup static home page.

  1. Please go to Appearance >> Customize >> Template Options >> Homepage Settings and check ( if unchecked ) A static page then from Homepage dropdown section please select a page.
  2. Then please enable Home page as Magazine Layout and publish it.
  3. Then, everything you need to do is save and check all widgets from Appearance >>Widgets and drag and drop those widgets into sidebars.

Structure of magazine Layout.

Top Header
Logo Part Header Ads (Widget Area)
Navigation
Homepage Slider Area (Widget Area)
Full Width Above Main Content (Widget Area)
Home Page Main Content Area (Widget Area) Home Page Sidebar (Widget Area)
Full Width Below Main Content (Widget Area)
Top Footer 1st Column (Widget Area) Top Footer 2st Column (Widget Area) Top Footer 3st Column (Widget Area) Top Footer 4st Column (Widget Area)
Middle Footer 1st Column (Widget Area) Middle Footer 2st Column (Widget Area) Middle Footer 3st Column (Widget Area) Middle Footer 4st Column (Widget Area)
Footer Info(Copyright Section)

14 Post Options

Appearance >> Customize >> Template Options >> Post Options – Section

Post options cover post details page. Please check the field with descriptions about post settings.

  • Enable Breadcrumbs - This options allow to show/hide breadcrumbs to post details page. Enable to show breadcrumbs on post details page and disable it if you want to remove from post details page.
  • Available Sidebar – Available sidebar options to show sidebar layout. You can get certain image which show sidebar positioning on all single post.
    • Left Sidebar – This options allows to show sidebar on left side of all single post. To show sidebar on left side make sure you already added some widgets to Appearance >> Widgets >> Left Sidebar Widget area. If you have empty Left Sidebar widget area you can get empty space on Left Sidebar.
    • Right Sidebar – This options allows to show sidebar on right side of all single post. To show sidebar on right side make sure you already added some widgets to Appearance >> Widgets >> Right Sidebar Widget area. If you have empty sidebar widget area you can get empty space on right sidebar.
    • No Sidebar(Full Width) – This options allow to hide sidebar and main content show full width of all single post.
    • No Sidebar(Centered) – This options allow to hide sidebar and sidebar space will show on left and right side both and main content will show in center.
    • Both Sidebar - This options allow to show left and right sidebar both on post details page.
  • Show Featured Image - This options allow to show/hide featured image on post details page.
  • Show Categories - This options allow to show/hide categories on post details. If you checked on show button then post related categories will display on post details page.
  • Show date on post?  - This options allow to show/hide posted date of single post.
  • Show author name on post - This options allow to show author name near date and comments of the post. By default this options show after featured image.
  • Show Tag Name on post - If you checked show then single post related tags will display on your post.
  • Show before and after link of post - This option allow to display/hide link of previous and next post link.
  • Show author info on post – This options is related to display author information of this post.
    • Show– If we checked on Show author information will shown below post content to all single post.
    • Hide – If we checked on Hide author information will be hidden on all single post.
  • Enable Reactions - This options enable/disable reactions on single post. The reactions options will available on Appearance >> Customize >> Additional Sections >> Visitor Reactions. This reactions icons will display on single post.
  • Related Articles Options – This options help to manage related article on single post.
    • Show – If you check on show you can see related article after author information and before comment section(If single post have related articles on categories or tag)
    • Hide – If you checked on hide option Related Article Sections will be hidden on single post.
  • Related Article Section Title – Please enter the title text to show related articles heading on single post.
  • Related Articles from? – This options help to manage related article by category or tag.
    • By Category – By category options allow to show post related to single post category. This means if we browse “hello world” post than our theme check “hello world” post category. If “hello world post have “uncategorized” category than related articles post will be “uncategorized” category post except “hello world” post.
    • By Tags – By Tags options allow to show post related to single post tags. This means if we browse “hello world” post than our theme check “hello world” post tags. If “hello world post have “abcd” tags than related articles post will be “abcd” tags post except “hello world” post.

15 Page Settings

Appearance >> Customize >> Template Options >> Page Settings – Section

Page Settings cover page details(For developer it’s covered page.php). Please check the field with descriptions about page settings.

  • Enable Breadcrumbs - This options allow to show/hide breadcrumbs to page details. Enable to show breadcrumbs on page details and disable it. If you want to remove from page details.
  • Available Sidebar – Available sidebar options to show sidebar layout. You can get certain image which show sidebar positioning on all single pages.
    • Right Sidebar – This options allows to show sidebar on right side of all single pages. To show sidebar on right side make sure you already added some widgets to Appearance >> Widgets >> Right Sidebar Widget area. If you have empty sidebar widget area you can get empty space on right sidebar.
    • Left Sidebar – This options allows to show sidebar on left side of all single pages. To show sidebar on left side make sure you already added some widgets to Appearance >> Widgets >> Left Sidebar Widget area. If you have empty Left Sidebar widget area you can get empty space on Left Sidebar.
    • No Sidebar(Full Width) – This options allow to hide sidebar and main content show full width of all single pages.
    • No Sidebar(Centered) – This options allow to hide sidebar and sidebar space will show on left and right side both and main content will show in center.
    • Both Sidebar - This options allow to show left and right sidebar both on page details.
  • Featured Image – This options manage featured image on single page by default this options is checked to show.
    • Show – If you check on show you can see featured image on top of the page(If single page have featured image)
    • Hide – If you checked on hide option featured image will be hidden on single page.
  • Enable Reactions - This options enable/disable reactions on page details. The reactions options will available on Appearance >> Customize >> Additional Sections >> Visitor Reactions. This reactions icons will display on page details.

16 Archive Options

Appearance >> Customize >> Template Options >> Archive Options – Section

Archive Options cover category, taxonomy page and date archive page(For Developer it’s covered archive.php). Please check the field with descriptions about archive settings.

  • Enable Breadcrumbs - This options allow to show/hide breadcrumbs to archive page. Enable to show breadcrumbs on archive page and disable it. If you want to remove from archive page.
  • Sidebar Layout – Available sidebar options to show sidebar layout. You can get certain image which show sidebar positioning on all archive pages.
    • Right Sidebar – This options allows to show sidebar on right side of archive pages. To show sidebar on right side make sure you already added some widgets to Appearance >> Widgets >> Sidebar Widget area. If you have empty sidebar widget area you can get empty space on right sidebar.
    • Left Sidebar – This options allows to show sidebar on left side of archive pages. To show sidebar on left side make sure you already added some widgets to Appearance >> Widgets >> Left Sidebar Widget area. If you have empty Left Sidebar widget area you can get empty space on Left Sidebar.
    • No Sidebar(Full Width) – This options allow to hide sidebar and main content show full width of all archive pages.
    • No Sidebar(Centered) – This options allow to hide sidebar and sidebar space will show on left and right side both and main content will show in center.
    • Both Sidebar - This options allow to show left and right sidebar both on page details.
  • Archive Page Layout – This options is related to display style of post content to archive pages.
    • Classic – If we checked on Classic Layout post will shown as list type. This means each post covered full content area.
    • Grid – If we checked on column layout post will shown as column shown like image.
  • Readmore Text – Readmore text on archive page.
  • Description Length - Short descripton length of archive page(in character)
  • Show date on posts? - This options allow to show/hide date on posts of archive page. Check disable if you want to hide.
  • Show author name on posts - This options allow to show/hide author name on archive page.

17 Blog/Home Page

Appearance >> Customize >> Template Options >> Blog/Home page – Section

Note: Blog page means when you setup static pages and add page on blog or If you did not setup satic page than your home page will be shown on post listing.

Blog/Home page cover blog page(For Developer it’s covered index.php). Please check the field with descriptions about archive settings.

  • Enable Breadcrumbs - This options allow to show/hide breadcrumbs to blog/home page. Enable to show breadcrumbs on blog/home page and disable it. If you want to remove from blog/home page.
  • Sidebar Layout – Sidebar Layout options to show sidebar layout. You can get certain image which show sidebar positioning on all blog pages.
    • Right Sidebar – This options allows to show sidebar on right side of blog/home pages. To show sidebar on right side make sure you already added some widgets to Appearance >> Widgets >> Right Sidebar Widget area. If you have empty sidebar widget area you can get empty space on right sidebar.
    • Left Sidebar – This options allows to show sidebar on left side of archive pages. To show sidebar on left side make sure you already added some widgets to Appearance >> Widgets >> Left Sidebar Widget area. If you have empty Left Sidebar widget area you can get empty space on Left Sidebar.
    • No Sidebar(Full Width) – This options allow to hide sidebar and main content show full width of all archive pages.
    • No Sidebar(Centered) – This options allow to hide sidebar and sidebar space will show on left and right side both and main content will show in center.
    • Both Sidebar - This options allow to show left and right sidebar both on blog/home page.
  • Blog Layout – This options is related to display style of post content to home/blog pages.
    • Classic– If we checked on Classic Layout post will shown as list type. This means each post covered full content area.
    • Grid – If we checked on column layout post will shown as column shown like image.
  • Readmore Text – Readmore text on blog/home page.
  • Description Length - Short descripton length of blog/home page(in character)
  • Show date on posts? - This options allow to show/hide date on posts of blog/home page. Check disable if you want to hide.
  • Show author name on posts - This options allow to show/hide author name on blog/home page.

18 Search Page

Appearance >> Customize >> Template Options >> Search Page – Section

This settings Search page similar to archive, blog/home page (For Developer it’s covered search.php). Please check the field with descriptions about Search page.

  • Enable Breadcrumbs - This options allow to show/hide breadcrumbs to search page. Enable to show breadcrumbs on search page and disable it. If you want to remove from search page.
  • Sidebar Layout – Sidebar layout options to show sidebar layout. You can get certain image which show sidebar positioning on all search pages.
    • Right Sidebar – This options allows to show sidebar on right side of search pages. To show sidebar on right side make sure you already added some widgets to Appearance >> Widgets >> Right Sidebar Widget area. If you have empty sidebar widget area you can get empty space on right sidebar.
    • Left Sidebar – This options allows to show sidebar on left side of search pages. To show sidebar on left side make sure you already added some widgets to Appearance >> Widgets >> Left Sidebar Widget area. If you have empty Left Sidebar widget area you can get empty space on Left Sidebar.
    • No Sidebar(Full Width) – This options allow to hide sidebar and main content show full width of all search pages.
    • No Sidebar(Centered) – This options allow to hide sidebar and sidebar space will show on left and right side both and main content will show in center.
    • Both Sidebar - This options allow to show left and right sidebar both on search page.
  • Search Layout – This options is related to display style of post content to archive pages.
    • Classic – If we checked on Classic Layout post will shown as list type. This means each post covered full content area.
    • Grid – If we checked on column layout post will shown as column shown like image.
  • Readmore Text – Readmore text on search page.
  • Description Length - Short descripton length of search page(in character)
  • Show date on posts? - This options allow to show/hide date on posts of search page. Check disable if you want to hide.
  • Show author name on posts - This options allow to show/hide author name on search page.

19 404 Page

Appearance >> Customize >> Template Options >> 404 Page – Section

404 page settings cover page not found page(For Developer it’s covered 404.php). Please check the field with descriptions about 404 page settings.

  • Enable Breadcrumbs - This options allow to show/hide breadcrumbs to 404 page. Enable to show breadcrumbs on 404 page and disable it. If you want to remove from 404 page.
  • Sidebar Layout – Available sidebar options to show sidebar layout. You can get certain image which show sidebar positioning on all 404 pages.
    • Right Sidebar – This options allows to show sidebar on right side of 404 pages. To show sidebar on right side make sure you already added some widgets to Appearance >> Widgets >> Right Sidebar Widget area. If you have empty sidebar widget area you can get empty space on right sidebar.
    • Left Sidebar – This options allows to show sidebar on left side of 404 pages. To show sidebar on left side make sure you already added some widgets to Appearance >> Widgets >> Left Sidebar Widget area. If you have empty Left Sidebar widget area you can get empty space on Left Sidebar.
    • No Sidebar(Full Width) – This options allow to hide sidebar and main content show full width of all 404 pages.
    • No Sidebar(Centered) – This options allow to hide sidebar and sidebar space will show on left and right side both and main content will show in center.
    • Both Sidebar - This options allow to show left and right sidebar both on 404 page.
  • 404 Page Title - This options help you to setup page not found section title on frontend.
  • 404 Page Description - This options help you to setup page not found section description

20 Coming Soon Page(Page Template)

Appearance >> Customize >> Template Options >> Coming Soon – Section

Coming Soon page Settings cover coming soon page templates. Please check the field with descriptions about coming soon page settings.

  • Featured Image Background? - This options allow to manage featured image to show background.
    • None:  This options makes featured image hidden
    • FULL: This options makes featured image background entire website.
    • Content: This options makes featured image background to coming soon section only.
  • Enable Breadcrumbs - This options allow to show/hide breadcrumbs to coming soon page. Enable to show breadcrumbs on coming soon page and disable it If you want to remove from this page.
  • Sidebar Layout – Available sidebar options to show sidebar layout. You can get certain image which show sidebar positioning on all archive pages.
    • Right Sidebar – This options allows to show sidebar on right side of archive pages. To show sidebar on right side make sure you already added some widgets to Appearance >> Widgets >> Right Sidebar Widget area. If you have empty sidebar widget area you can get empty space on right sidebar.
    • Left Sidebar – This options allows to show sidebar on left side of archive pages. To show sidebar on left side make sure you already added some widgets to Appearance >> Widgets >> Left Sidebar Widget area. If you have empty Left Sidebar widget area you can get empty space on Left Sidebar.
    • No Sidebar(Full Width) – This options allow to hide sidebar and main content show full width of all archive pages.
    • No Sidebar(Centered) – This options allow to hide sidebar and sidebar space will show on left and right side both and main content will show in center.
    • Both Sidebar - This options allow to show left and right sidebar both on Coming Soon page.
  • Enable Timer - This options manage timer circle block to coming soon page. If you check enable then coming soon page template show timer circle block with days, hour, minutes and second.
  • Coming Soon Date - This options helps to show date difference from current date.
  • Coming Soon Time - This options help to show circle block time.
    • Example: If you have following value on the field then
      • Coming soon date is: 01/26/2019
      • Coming Soon time is 08:00:00am
      • Current Date and time is 01/28/2019, 08:00:00am
        Coming soon page shows 4 blocks Days, Hour, Minutes and Seccond and value will be 2days, 0hour, 0 minutes, 0 seconds and seconds value will change on each second.

21 Additional Sections

Appearance >> Customize >> Additional Sections – Panel

Additional sections is related website other sections and those section may used in one or multiple places of website

Click to go related section description.

22 Social Media Icons

Appearance >> Customize >> Additional Sections >> Social Icons – Section

This section have a repeater which allows to add social icons details. You  can add multiple icons from this repeater. Here is the instructions.

  • Add Icon – When you clicked on Add Icon button three field will be added before Add Icon button.
    • Social Media Icon - Click to add icon text choose social icon.
    • Social Icon URL - Please enter social media url like https://facebook.com
    • Social Icon Bacground - This options allow to set background color on social icon.

23 Visitor Reactions

Appearance >> Customize >> Additional Sections >> Visitor Reactions – Section

If you want to show visitor reactions(Like, Sad, Love, Surprised, Angry, Happy, Crying) on your  post and page you need to add reactions first. Please follow the instructions to add reactions.

  • Reactions Heading – Reactions heading is the title of reaction section. If you wan to hide please leave empty.
  • Display Reaction Type – Reaction type help you to show the value of reaction number and percentage. If you choose percentage then you can get reactions percentage of your post Ex: Like 30%, Happy 45%, WOW 25% total will be 100%. If you choose total values Total Values then you can get reactions number. Ex: Like 3000, Happy 4500, WOW 2500.
  • Add Reaction - Click on this button to show reactions fields. When you clicked you will get two options one is reaction Icon and another is Reactions Title.
    • Reactions Icon - Please choose reactions icon to display on post/page details.
    • Reaction Title - Reaction title means captions of the reactions icon.

29 Theme Options

Appearance >> Customize >> Theme Options – Panel

Theme Options is related website settings which is not covered is header, footer, templates and additional section.

Click to go related section description.

30 Background Image

Appearance >> Customize >> Theme Options >> Background Image – Section

From this option, you can change the background image of the website. To change the background image please click on Background Image and select the image for your website.

31 Website Layout

Appearance >> Customize >> Theme Options >> Website Layout – Image

From this option, you can change the layout of your website. There are two layout options. Select your preferred layout for your website.

  • Website Layout – Website layout to show full width and container layout.
    • Full-Width Layout: This option will expand your website to full with.
    • Boxed Width: This option will reduce your container size so that your website looks like a box.
  • Container Width - If you have full width layout or boxed width layout the default container size is 1200px but if you want to change the width of container you can change from here(This container width is counted in px) Pro
  • Sidebar Width - You can change sidebar width in percentage(min 25% and max 35%) from here. If you put 30% sidebar width then your content width automatically 70%. Pro

32 Image Settings

Appearance >> Customize >> Theme Options >> Image Settings – Section

From this option, you can change the image settings of your website. Please read following options with description.

  • Remove src Set Option – If you want to remove WordPress default image src set options please enable it.

33 Color Options

Appearance >> Customize >> Color Options – Panel

Color Settings is related website color. You can manage different color to look website more beautiful and professional.

Click to go related section description.

34 Global Colors

Appearance >> Customize >> Color Options >> Global Colors – Section

From this option, you can change the primary, background and header text color of the website

  • Theme Color– This option allow to change website main color. We recommend you to change this color related to logo color(But if you want to change it different from logo color than free feel to change).
  • Header Text Color – This option allow to change Site Title and Tagline color on header branding part.
  • Background Color – This option set background to entire website background.(For Fronted Developer This color for body tag background)

35 Categories Color

Appearance >> Customize >> Color Settings >> Categories Color – Section

From this option, you can change the category color. If you have just installed theme and you have only uncategorized Category than there is only Uncategorized Color option will visible. If you have multiple category than there will show multiple color option. This color visible to their respective category buttons.

37 Widgets

Appearance >> Customize >> Widgets – Panel

This is notice of Widget Panel

Here are the instructions about widgets. May you can get this notice on top of customizer. Your theme has _Number_ other widget areas, but this particular page doesn’t display them. 
                                    You can navigate to other pages on your site while using the Customizer to view and edit the widgets displayed on those pages.

On Widget panel you can get this type of notice on top of the header. That’s why you need to understand on which page have how many widget area are exist. So please go to template options you can get template structure there.

If you are trouble to add widget from customize you can go through Appearance >> Widget and drag specific widget to widget area. Otherwise here is the instructions.

Appearance >> Customize >> Widgets >> Widget area(May there other widget area name)– Section

  • Click on Add a Widget
  • Add One Widget
  • Field form of the widget
  • Click on Publish