The Posts Block

πŸ“ Note: These blocks are part of the Otter Blocks plugin, which you can get from here

πŸ“ Note: The blocks' appearance can be improved using the Otter features, such as Transform to Sticky, Visibility conditions, Dynamic Values or Images, as well as Counting / Typing / Loading animations, and Patterns.

The Posts block allows displaying a certain number of posts on different pages.

The specific customizations available for this block cover four areas:

  • Styles - can be opened from the pencil icon too. 
    • Grid - display the posts one next to the other.
    • List - display the posts one by one, in a list.

  • Post Types 
    • Post Type - select the types of posts: Post / Page  / Product.

  • Settings
    • Columns - insert the number of columns.
    • Order By - select the order of the posts to be displayed: Newest to oldest / Oldest to newest / A - Z / Z - A.
    • Categories - insert the categories of the posts, separated with commas or Enter key.
    • Number of items - choose the number of items to be displayed.
    • Offset - number of posts to displace or pass over.

  • Design & Layout
    • Customize the Image / Category / Title / Meta / Description
    • Visibility - control the visibility of the elements by clicking on the πŸ‘οΈ icon.
    • Reorder the elements with a drag and drop movement.


Customizing the elements of the posts

Under the Design & Layout tab you will find a lot of options to customize the elements of the post. You can rearrange the order of the posts' elements or change their visibility.

Image

  • Image Size - adjust the size of the posts images, by choosing a predefined size from the drop-down list.
  • Crop image to fit - enable this to crop the image.
  • Display box shadow - adds a shadow to the image.
  • Border Radius - rounds the corners of the image.
  • Image Width - adjust the width of the image using the slider.
    • πŸ“Note: If the Crop image to fit option is enabled, this one will not have an effect.

Title

  • Title Tag - modify the tag of the title by choosing one from the list ( H1, H2, ...).
  • Font Size - use the slider to adjust the size of the title.

Meta

This panel contains the available meta and option to enable / disable them:

  • Display post date
  • Display author
  • Display comments
  • Display Category

Description

  • Excerpt Limit - limits the length of the post's content in the block.
  • Display read more link - enable this option to add the Read more link.
  • Font size - use the slider to adjust the font size of the content.

πŸ“ Note: To add more fields, activate the Advanced Custom Fields plugin.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.