Show Options

Post Archive Masonry:

This section displays a list of archive for blog post on the site in a masonry style.


Available Options:

  • Post Archive Masonry.

Post Archive Masonry:

Code:


<div class="darkout-section">
{% include do-post-archive-masonry.html%}
</div>


How to add content:

  • Step1: Navigate to the front matter of the page where post archive masonry is included.
  • Step2: Add content to the front matter as shown in the below example.
pagination:
  enabled: true
  per_page: 8
  category:
  tags:
  trail:
    before: 1 # The number of links before the current page
    after: 1  # The number of links after the current page
  • Step3: In the front matter under the pagination array “enabled” should be “true” and it is a mandatory value. Without enabling pagination post archive masonry will not be displayed.

  • step4: In the front matter under the pagination array “per_page” is used for number of blog post per page to be displayed.

  • step5: In the front matter under the pagination array “category” is used for defining which post category should be displayed. similarly “tags” can also be used.


How to add in page:

  • Step1: Enable pagination on the config.yml file as shown below.
# Pagination Settings
pagination:
  enabled: true  # Use options true or false
  per_page: 6  # Use number of post per page
  permalink: '/page/:num/'  # Use pagination permalink here
  title: ' - page :num'  # Use pagination title  here
  limit: 0  # Use pagination limit here
  sort_field: 'date'  # Use  sort_field options here
  sort_reverse: true  # Use options true or false
  • Step2: Add post archive masonry to the page using the include statement.
  • Step3: On the page use

<div class="darkout-section">{% include do-post-archive-masonry.html%}</div>