BlogMagazine Pro

BlogMagazine Pro is a premium version plugin of BlogMagazine theme. This plugin help you to extend features on BlogMgazine theme like color, typography, social embeding and many more.

AGetting Started Pro

This is the BlogMagazine Pro Plugin 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.

A-1Installation Pro

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

For pro your you need to install blogmagazine pro version and Installation of plugin is quite easy and simple. You can follow two type of installation procedure. PRO

  1. Please go to https://dinesh-ghimire.com.np/downloads/blogmagazine-pro-premium-wordpress-plugin/ and purchase plugin from theme from there.
  2. If you complete purchase than Please go to https://dinesh-ghimire.com.np/checkout/purchase-history/ and download the plugin zip file from there.
  3. Upload that zip file into your website from Dashboard->Plugins->Add New->Upload Plugin Upload zip file from there
  4. Activate BlogMagazine Pro Plugin.

BHeader Options

Appearance >> Customize >> Header Options – Panel

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

  1. Header Notice
  2. Header Media
  3. Top Header
  4. Site Identity
  5. Main Navigation
  6. Ticker Section
  7. Header Colors
  8. Typography

BlogMagazine Header

B-1Header Notice Pro

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

This section help to set header notice to the top of the 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.

B-2 Header Media

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

This section help to set header media to after header notice part of the 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.

B-3 Top Header

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

This section is shown before the 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

B-4 Site Identity

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

This section is known as the 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.

B-6 Ticker Options

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

Ticker Options is the section which show specially on the 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.

B-7 Header Colors Pro

Appearance >> Customize >> Header Options >> Header Colors – Section

If we need seperate header color then we this sections help you. By default this sections is disabled when you check enable switch box then colors fields are visible. Here are the details instructions about header color fields.

  • Enable color settings?: This options allow to set color to header specific color. By  default this switch box is disabled and when we switch to enable then field will be visible.
    • Enable – If you want to set color on header switch enable
    • Disable – If you don't need header specific color please switch to disable.
  • Notice Text Color: Notice text color is help to set color to notice font color.
  • Notice Header Background: If you want to change notice background you  can change it from  here.
  • Top Header Background: This options help you to change background color of top header.
  • Top Header Color: You can change color from here. This field set top header date and navigation menu color.
  • Branding Background: This field set background color to the branding section.(Branding section means below top header and upper navigation menu)
  • Navigation color: This field set navigation menu color.
  • Navigation Active color: This field color is display when you  hover the navigation item or when you have activate menu item.
  • Navigation Background: This field color will display as header main navigation(Primary Menu) background.
  • Menu Active Background: Set background color to display active navigation background color.
  • Sub-Menu Color: This color value  is display when you have submenu on primary navigation. When you hover on desktop view.
  • Sub-Menu Active color: This color display when you  hover on submenu item or if you have already active submenu.
  • Sub-Menu Background: This options value  is display when you  have a submenu on primary menu.
  • Sub-Menu Active Background: This options help  you to set activate background on submenu. When you hover on submenu item or if you have activate submenu then this color is display  on your submenu item.
  • Right Icons Activate Colors: If you have icon on right side on main navigation then this color is visible when you hover on these icons.

B-8 Typography Pro

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

Typography section help you  to set font size, line height, font style etc on header sections.

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

  1. Homepage Settings 
  2. Post Options
  3. Page Options
  4. Archive Options
  5. Blog/Home Page
  6. Search Page
  7. 404 Options
  8. Coming Soon(Page Template)

C-1 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.

Header Notice
Header Media
Top Header Date time and Top Navigaton Menu Top Header Social Icons
Logo Part Header Ads (Widget Area)
Navigation
Homepage Top Section (Widget Area)
Homepage Middle Section (Widget Area) Home Middle aside (Widget Area)
Home Bottom Section (Widget Area)
Top Footer Widget Area 1 (Widget Area) Top Footer Widget Area 2 (Widget Area) Top Footer Widget Area 3 (Widget Area) Top Footer Widget area 4 (Widget Area)
Footer Widget Area 1(Widget Area) Footer Widget Area 2 (Widget Area) Footer Widget Area 3 (Widget Area) Footer Widget Area 4 (Widget Area)
Footer Info(Copyright Section)

C-2 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.

C-3 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.

C-4 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.

C-5 Blog/Home Page

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

Note: Blog page means when you setup static pages and add a page on a 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.

C-6 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.

C-7 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

C-8 Coming Soon Page(Page Template) Pro

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.

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

D-1 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.

D-2 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.

F Typography Options Pro

Appearance >> Customize >> Typography Options – Panel

Typography Settings is related website font size, font family line height etc. Here are following sections, Please click to go related section with description.

  1. Global Typography
  2. Heading Typography
  3. Title Typography

F-1 Global Typography Pro

Appearance >> Customize >> Typography Options >> Global Typography – Section

From this option, you can change the fonts of the entire website. Please check the following instructions about google fonts.

  • Site Title Font – This font family is use to site title of header branding sections.
  • Site Description Font – This font family is use for Tagline of header branding options.
  • Primary Menu Font – This font family is use for Main Navigation of header.
  • All Title Fonts – All title fonts cover h1 to h6 tags with widget titles.
  • Content Fonts – This font family use to set font for content of post and page.

F-2 Heading Typography Pro

Appearance >> Customize >> Typography Options >> Heading Typography – Section

From this option, you can change the font size of the header. Please check the following instructions about header font size.

  • Site Title Font Size – This font family is use to site title of header branding sections.
  • Site Description Font Size – This font family is use for Tagline of header branding options.
  • Primary Navigation Font Size – This font size for Main Navigation of header. This is first level menu size.
  • Primary Sub Navigation – All fonts size for primary sub menu. This font size for Main Navigation sub menu of header. This is for all level except first level menu.

F-3 Title Typography Pro

Appearance >> Customize >> Typography Settings >> Font Sizes for Titles – Section

From this option, you can change the font size of titles. Please check the following instructions about titles font size.

  • Heading h1 tag – please choose font size there for h1 tag on frontend.
  • Heading h2 tag – please choose font size there for h2 tag on frontend.
  • Heading h3 tag – please choose font size there for h3 tag on frontend.
  • Heading h4 tag – please choose font size there for h4 tag on frontend.
  • Heading h5 tag – please choose font size there for h5 tag on frontend.
  • Heading h6 tag – please choose font size there for h6 tag on frontend.
  • Post Title – Please choose font size there for post title on single post.
  • Page Title – Please choose font size for page title on single page.
  • Widget Title – This font size for widget title to the entire website.
  • Comment Title – This font size for single post comments title

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

G-1 Theme Color

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)

G-2 Category Colors

Appearance >> Customize >> Color Options >> Category 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.

G-3 Global Colors Pro

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

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

  • Body Color – Body color means default color for entire(Which element inherit parent color) website. This color is mainly use in paragraph.(If other color is not overrides this color) Or we can say this is fallback color of entire website.
  • Header Text Color(h1 – h6) – This color is applied to the titles.(All h1, h2, h3, h4, h5, h6 tag color). May other title overridden by below colors but this color main purpose for Editor content heading tag.
  • Paragraph Color – This color is use in paragraph which mean short description, editor paragraph color. But When you remove color code and save it. Than body color is work as paragraph color.
  • Top Header BG Color – This field set background color to the top header.
  • Top Header Color – This field set color for top header content. If you use Top Header BG Color and Top Header Color than top header text will not visible. So please set different color to both.
  • Menu Background Color – Menu Background color provide background color for Main Navigation Section of header. Please ensure menu Background color and Menu Text Color different.
  • Menu Text Color – Menu Text color provide only for Header Main Navigation.
  • Block Title Color
  • Sidebar Font Color – Sidebar font color is fallback font color. This color works on list item. paragraph of sidebar etc.
  • Sidebar Link Color – This color is only for link on paragraph, list item etc of sidebar.
  • Sidebar Title Background – This option is also known as for Widget Title Background for sidebar. All Widget title background color is comes from this field of sidebar.
  • Sidebar Title Color – This option is also known as for Widget Title Color for sidebar. All Widget title color is comes from this field of sidebar.
  • Top Footer Section Background Color – If you want to change color of Top Footer Background color than change color from this field.
  • Middle Footer Section Background Color – If you want to change color of Middle Footer Background color than change color from this field.
  • Bottom Footer Section Background Color – This field is also known as footer info background color or Copyright Section Background Color. This background bottom copyright section background color.
  • Top Footer Widget Background Color – All top footer widget background color comes from this field.
  • Middle Footer Widget Background Color – All middle footer widget background color comes from this field.

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

H-1 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.

H-2 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

H-3 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.

J 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 the 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

J-1 Archive Widget

Appearance >> Widgets >> Archive – Widget

This is the default widget of wordpress. I hope you already know about this widget and if you don't know about this widget please hit this url https://dinesh-ghimire.com.np  and contact via chat system I am always available there.

J-2 Audio Widget

Appearance >> Widgets >> Audio – Widget

This is the default widget of wordpress. I hope you already know about this widget and if you don't know about this widget please hit this url https://dinesh-ghimire.com.np  and contact via chat system I am always available there.

J-3 Calendar Widget

Appearance >> Widgets >> Calendar – Widget

This is the default widget of wordpress. I hope you already know about this widget and if you don't know about this widget please hit this url https://dinesh-ghimire.com.np  and contact via chat system I am always available there.

J-4 Categories Widget

Appearance >> Widgets >> Categories – Widget

This is the default widget of wordpress. I hope you already know about this widget and if you don't know about this widget please hit this url https://dinesh-ghimire.com.np  and contact via chat system I am always available there.

J-5 Custom HTML Widget

Appearance >> Widgets >> Custom HTML – Widget

This is the default widget of wordpress. I hope you already know about this widget and if you don't know about this widget please hit this url https://dinesh-ghimire.com.np  and contact via chat system I am always available there.

J-6 DG - Author Info Widget

Appearance >> Widgets >> DG - Author Info – Widget

To display author details on your website you need to add author info widget to your sidebar. Here is the details instructions about DG - Author Info Widget.

  1. General(Tab) -   By detault general tab will be activated and you can see following fields on general tab.
    • Title - Title set the author section block title.
    • Title Target - Title target have three options.
      • Disable - If you select this options title link will be disabled.
      • Open with New Tab - If you choose this options there will be visible title link and you can set link on title link options below. On frontend when you click on title link the link will be open with new tab.
      • Open with same tab - If you choose this option then your title link will be open with same tab.
    • Title Link - If you want to add link on widget title then please put link on this field. If you want to add link on this title please choose disable option on title target.
    • Choose Author/User - Please choose author to display specific sidebar. This author information will visible on frontend sidebar section.
    • Author Designation - Please put author designation like(Contributer, CEO/Founder, Developer, Designer etc)
    • Show author avatar - WordPress author image grab from gravatar(https://gravatar.com) profile image. So please login and set image on gravatar and this image display on author image on frontend.
    • Avatar Size - Please choose avatar size in px. (Avatar image show frontend on square format)
  2. Layout(Tab) - Layout tab have some fields which is related to section layout(Section design, show/hide options etc). Here are the following fields on author layouts.
    • Show author description -This field show the of your admin profile( Dashboard >> Users >> Your Profile >> About Yourself >> Biographical Info).
    • Description Limit - Please choose description limit here of Biographical Info text.
    • Author Link Target - This options help you to add link type on author information to sidebar.
      • Disable - If you select this options author link will be disabled.
      • Open with New Tab - If you choose this options then view all text link will redirect to author archive page with opening new tab when you click on view all text.
      • Open with same tab - If you choose this option then View all text link will redirect to author archive page with same tab when you clicked on view all text.
    • View All Text - View all text is display below the biographical info text on frontend. Which have a link of author archive page.(Author archive page show all posts of  author)

J-7 DG - Social Icons Widget

Appearance >> Widgets >> DG - Social Icons – Widget

To display social media icons on your website you need to add social icons widget to your sidebar. Here is the details instructions about DG - Social Icons Widget.

  1. General(Tab) -   By detault general tab will be activated and you can see following fields on general tab.
    • Title - Title set the social icons section block title.
    • Title Target - Title target have three options.
      • Disable - If you select this options title link field will be disabled.
      • Open with New Tab - If you choose this options there will be visible title link field and you can set link on title link options below. On frontend when you click on title link the link will be open with new tab.
      • Open with same tab - If you choose this option then your title link will be open with same tab.
    • Title Link - If you want to add link on widget title then please put link on this field. If you want to add link on this title please choose disable option on title target.
    • Icon Size - This options can help you to manage social icons size on frontend. If you choose default then font awesome icons will display on font size 20px. Icon size fa-2x means font size 20 x 2px = 40px, fa-3x means 20 x 3px = 60px and showon.
    • Social Icon Open with - This options help you to open social icons link open with new tab or open with same tab as per your requirement.
    • Social Icons List - By default you can see one field there but if you want to add multiple icons then please click to add icons button to add new social icon also if you want to change existing icon then please click on social icon title and field will be visible with animations. If you clicked on add new icon then there will be visible some field and here is the details about those fields.
      • Edit/Add Icon-  Please click this text to show fontawesome icons list and choose one.
      • Social media link - Please enter your social media link here.
      • Social Icon color- Please put the social icons background color. If you get color picker then just choose color from color picker and if you get this field with text field with color code then please put hex color code here.

J-8 DG - Banner Ads Widget Pro

Appearance >> Widgets >> DG - Banner Ads – Widget

To display banner ads on your website you need to add Banner Ads widget to your sidebar(This widget specially designed for top header Header Ads Widget area but we can use this widget to any widget area. Here is the details instructions about DG - Banner Ads Widget.

  1. General(Tab) -   By detault general tab will be activated and you can see following fields on general tab.
    • Title - Title set the social icons section block title.
    • Title Target - Title target have three options.
      • Disable - If you select this options title link field will be disabled.
      • Open with New Tab - If you choose this options there will be visible title link field and you can set link on title link options below. On frontend when you click on title link the link will be open with new tab.
      • Open with same tab - If you choose this option then your title link will be open with same tab.
    • Title Link - If you want to add link on widget title then please put link on this field. If you want to add link on this title please choose disable option on title target.
    • Icon Size - This options can help you to manage social icons size on frontend. If you choose default then font awesome icons will display on font size 20px. Icon size fa-2x means font size 20 x 2px = 40px, fa-3x means 20 x 3px = 60px and showon.
    • Social Icon Open with - This options help you to open social icons link open with new tab or open with same tab as per your requirement.
    • Social Icons List - By default you can see one field there but if you want to add multiple icons then please click to add icons button to add new social icon also if you want to change existing icon then please click on social icon title and field will be visible with animations. If you clicked on add new icon then there will be visible some field and here is the details about those fields.
      • Edit/Add Icon-  Please click this text to show fontawesome icons list and choose one.
      • Social media link - Please enter your social media link here.
      • Social Icon color- Please put the social icons background color. If you get color picker then just choose color from color picker and if you get this field with text field with color code then please put hex color code here.

J-9 DG - Block Posts Widget

Appearance >> Widgets >> DG - Block Posts – Widget

Block posts widget help you  to show post with different layout.

J-11 DG - Category Tab Widget

Appearance >> Widgets >> DG - Category Tab – Widget

J-12 DG - Currency Converter Widget Pro

Appearance >> Widgets >> DG - Currency Converter – Widget

J-13 DG - Date and Time Widget Pro

Appearance >> Widgets >> DG - Date and Time – Widget

J-14 DG - Default Tabbed Widget

Appearance >> Widgets >> DG - Default Tabbed – Widget

J-15 DG - Facebook Page Widget Pro

Appearance >> Widgets >> DG - Facebook Page – Widget

J-18 DG - Instagram Image Widget Pro

Appearance >> Widgets >> DG - Instagram Image – Widget

J-19 DG - Recent Posts Widget

Appearance >> Widgets >> DG - Recent Posts – Widget

J-20 DG - Twitter Tweets Widget Pro

Appearance >> Widgets >> DG - Twitter Tweets – Widget

J-21 DG - YouTube Playlist Widget Pro

Appearance >> Widgets >> DG - Youtube Platlist – Widget

J-23 Image Widget

Appearance >> Widgets >> Image – Widget

This is the default widget of wordpress. I hope you already know about this widget and if you don't know about this widget please hit this url https://dinesh-ghimire.com.np  and contact via chat system I am always available there.

J-24 Meta Widget

Appearance >> Widgets >> Meta – Widget

This is the default widget of wordpress. I hope you already know about this widget and if you don't know about this widget please hit this url https://dinesh-ghimire.com.np  and contact via chat system I am always available there.

J-26 Pages Widget

Appearance >> Widgets >> Pages – Widget

This is the default widget of wordpress. I hope you already know about this widget and if you don't know about this widget please hit this url https://dinesh-ghimire.com.np  and contact via chat system I am always available there.

J-27 Recent Comments Widget

Appearance >> Widgets >> Recent Comments – Widget

This is the default widget of wordpress. I hope you already know about this widget and if you don't know about this widget please hit this url https://dinesh-ghimire.com.np  and contact via chat system I am always available there.

J-28 Recent Posts Widget

Appearance >> Widgets >> Recent Posts – Widget

This is the default widget of wordpress. I hope you already know about this widget and if you don't know about this widget please hit this url https://dinesh-ghimire.com.np  and contact via chat system I am always available there.

J-29 RSS Widget

Appearance >> Widgets >> RSS – Widget

This is the default widget of wordpress. I hope you already know about this widget and if you don't know about this widget please hit this url https://dinesh-ghimire.com.np  and contact via chat system I am always available there.

J-30 Search Widget

Appearance >> Widgets >> Search – Widget

This is the default widget of wordpress. I hope you already know about this widget and if you don't know about this widget please hit this url https://dinesh-ghimire.com.np  and contact via chat system I am always available there.

J-31 Tag Cloud Widget

Appearance >> Widgets >> Tag Cloud – Widget

This is the default widget of wordpress. I hope you already know about this widget and if you don't know about this widget please hit this url https://dinesh-ghimire.com.np  and contact via chat system I am always available there.

J-32 Text Widget

Appearance >> Widgets >> Text – Widget

This is the default widget of wordpress. I hope you already know about this widget and if you don't know about this widget please hit this url https://dinesh-ghimire.com.np  and contact via chat system I am always available there.

J-33 UGAAM - Ads and Scripts Widget

Appearance >> Widgets >> UGAAM - Ads and Scripts – Widget

J-34 Video Widget

Appearance >> Widgets >> Video – Widget

This is the default widget of wordpress. I hope you already know about this widget and if you don't know about this widget please hit this url https://dinesh-ghimire.com.np  and contact via chat system I am always available there.

K Video Tutorials Pro