View Categories

How to Change the Layout of Blog/Archive Pages? Pro

2 min read

Location: Appearance → Customize → Content → Blog → General

As its name suggests, a Blog page on a site refers to the page on a website that displays the Blog Post. The Layout on the blog page refers to how the blog posts are organized or rearranged.

Currenlty, the Zakra theme provides two layouts for displaying the post on Blog/Archive page: [Available in Zakra Pro]

Layout 1 #

Layout 1 displays the posts in the list layout. In the list layout, posts are displayed in a vertical series with one post after another and come in two styles, explained below:

  • Thumbnail Top – It displays the thumbnail image at the top with the content below the image.
  • Thumbnail Left – It displays the thumbnail image at the left with the content appearing on the right area.
  • Thumbnail Right – It displays the thumbnail image at the right with the content appearing on the left area.
  • Alternative Thumbnail – It displays the thumbnail image of the content in an alternative area.

Layout 2 #

Layout 2 displays the posts in the grid layout. In the grid layout, the posts are displayed in a series of rows and columns. It comes in two styles, explained below:

  • One Post Highlighted – It displays the first post in full width with the other two post side by side below.
  • Two Post Highlighted – It displays the first two posts in full width with the other posts side by side below.

Masonry #

Masonry is a grid layout based on columns. It doesn’t have a fixed height row and uses all the space of the Blog Page. Switch the Toggle to the right area to enable the Masonry layout on the blog page.

Column #

It allows you to use the number of columns for the Blog Posts. You can set the column value to be 2, 3, and 4, respectively.

Scroll to top