Installation

You can download BlockMag free theme through Dashboard > Appearance > Themes > Add New > BlockMag. Simply click on the ‘Install’ button and wait for a few seconds to ‘Activate’ the theme.

Or, if you still have any confusion regarding the Theme Installation process, please visit our FAQ link.

Inserting/Adding BlockMag Patterns

Dashboard >> Editor >> ‘+’ Toolbar (Top Left) >> Patterns >> Select BlockMag from the dropdown menu >> Add/Insert BlockMag Patterns accordingly

Editing Pattern Content

First, click on the pattern content you wish to edit/customize
You can select the section/content in three ways

  • Clicking on the section itself
  • List View
  • Footer Interface Bar

Once the section is selected you can edit its content or if you want to customize the section’ properties/options, click the three dots and select your desired action. Duplicate, Remove, Copy or Add desired section before or after the current section.

Add and Edit Menu

You can Select predefined menu and create you own customized menu.
This video shows how to select predefined menu:

1. This Video show how to create your own custom menu:

2. This video shows how to select predefined menu:

Site Navigation Menu

Please visit this link for Navigation Block. You can edit existing menu or create a new one.

List of Pattern supported by BlockMag

  1. 404 Header
  2. About Us
  3. Ad Full Width After Header
  4. Ad Full Width
  5. Archive Header Without BG
  6. Blog Header without BG
  7. Cover News
  8. CTA
  9. Featured news
  10. Footer Default
  11. Footer Three Columns
  12. Header Default
  13. Header With Buttons
  14. Header With Logo Center
  15. Hidden 404
  16. Logo With No Title
  17. Post Header Without BG
  18. Recent Blog With Sidebar
  19. Search Header
  20. Sidebar

Patterns supported by BlockMag

Ad

There are 3 Ad patterns supported by BlockMag, you can post add according to your choice there are 2 different kind of styles in each style

  • Ad Full Width After Header
  • Ad Full Width

Here is how you add ad pattern in your website:

  1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
  2. Click on dropdown menu and select “BlockMag” to see list of pattern provided by BlockMag
  3. Scroll down and to find “Ad full width after Header or Ad Full Width”, click to add it on your website or drag and drop the pattern to add it in desired place
  4. Click on the content itself to edit text, image
  5. For advance setting click on setting button on the top right here you can change styles, border, radius
  6. Finally Click Save to save changes

Cover News

BlockMag supports Cover News pattern, here you can display content by choosing “Post Type”, this section supports Query Loop Block.
Go to this link to know about Query Loop Block.

This section allows you to display page, post, testimonial, slider and so forth according to your need as Cover News.
Here is how you add most popular news in your website:

  1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
  2. Click on dropdown menu and select “BlockMag” to see list of pattern provided by BlockMag
  3. Scroll down to find “Cover News”, click to add or drag and drop in desired area
  4. You can display “Post type” in this pattern, click on list view to open “Query Loop” option, there you can select “Post type”, order by, sticky post, color, filter, columns and so on
  5. If you want to customize content in cover news simply click on the content itself and edit text, images, button
  6. Finally click on Save to save changes

Featured News

BlockMag supports Featured News pattern, this pattern support Query Loop Block. which means you can display Post Types in this pattern.
Go to this link to know more about Query Loop Block.
This section allows you to display page, post, testimonial, slider and so forth according to your need.

  1. Click on “+” sign on block pattern tab to display Blocks and Pattern, Click on Pattern
  2. Click on dropdown menu and select “BlockMag” to see list of pattern provided by BlockMag
  3. Scroll down to find “Featured News”, click to add or drag and drop in desired area
  4. You can display “Post type” in this pattern, click on list view to open “Query Loop” option, there you can select “Post type”, order by, sticky post, color, filter, columns and so on
  5. If you want to customize content in featured news, simply click on the content itself and edit text, images, button
  6. Finally click on Save to save changes

Footer with Three Columns

The Footer with three Columns pattern allows you to insert a section that you can display right above your default footer. In the pattern, by default, there are four columns and you can use the columns to add quick information and also your contact info including your social icons.

  1. Click on “+” sign on the top bar to display Blocks and Pattern, Click on Pattern
  2. Click on dropdown menu and select “BlockMag” to see list of pattern provided by BlockMag
  3. Scroll down and to find “Footer with Three Columns”, click to add Footer with Four Columns on your website or drag and drop
  4. Edit Footer with Four Columns accordingly by changing text, social links, newsletter, add recent posts
  5. Finally click Save, to save changes

Templates in BlockMag

 

You can find 11 different Templates provided by our BlockMag theme. You can customize these templates if you feel like changing anything on a certain template and wish to see those changes across your site.

  1. Front Page: Displays homepage
  2. 404: Displays when no content is found
  3. Archive: Displays post categories, tags, and other archives
  4. Blank: The blank template can be used for displaying the contents of a post or page
  5. Home: Displays posts on the homepage, or on the Posts page if a static homepage is set
  6. Index: Displays Posts
  7. Page (with Products)
  8. Search: Displays search results
  9. Single Page (Sidebar on Right)
  10. Single Post(Sidebar on Right)
  11. Single

Template Parts in BlockMag

There are 8 different Template Parts in BlockMag

  1. Footer (With Three Columns)
  2. Footer
  3. Header (With Buttons)
  4. Header (With Logo Center)
  5. Header
  6. Page Content
  7. Post Content
  8. Sidebar