Configuring a blog posts list block

Recruitment Marketing Public

In addition to the dedicated blog search page, you can include a blog post list block on other pages throughout your Recruitment Marketing-powered career site.

Adding a blog post list block to another page allows you to easily keep the content on that page fresh by including relevant blog posts within the page.

You can configure the block to show all posts from a particular blog, or you can filter down to just specific posts via the use of tags.

Adding a blog posts list block

  1. In the Page Editor, click the Add Row icon to add a row of the relevant dimensions. Alternatively, if a Blog Posts List block already exists, navigate to it and click the Edit Block button.
  2. Within that row, click the Add Block button.
  3. From the Content Block Library, under Blog blocks, hover over Blog Post List and click Add.
  4. Click the Edit Block button on the block within the editor.
  5. In the Blog Posts List modal, configure the following settings as required:
    1. Max number of posts: Determines the maximum number of tags that will appear under the keyword search box.
    2. Layout: Available options are List or Cards - see below for more details.
    3. Link Post Tags to Blog Search Page: Enable this to allow tags to link to the search page.
    4. Strategy to display posts: Available options are:
      1. Recent Posts: This displays the most recently published posts, or
      2. Post automatically recommended to the candidate: This prioritizes posts based on the behavioral algorithm.
    5. Blog: Select the blog posts to be displayed.
    6. Tags: If tags are set, the displayed blog posts will be those that have these tags.
  6. Additionally, you can configure the following display elements under Fields to Display:
    1. Author: Display the name of the person who authored the blog.
    2. Last Published At: Display the date that the blog was last published on the site.
    3. Post Views Counter (card layout only): Displays the number of views for the blog. Available only in card layout.
    4. Post Description: Summary text for the post.
    5. Read more post link: If disabled, the title is clickable.
  7. Click the Save button to keep the settings.
    Blog post list configuration

Design options

List Layout

The list layout simply displays the posts in a list, with the ability for the candidate to click through to the posts itself.

Card Layout

If set, each card will contain the image (if present), title, and truncated summary. They will appear top down and then left to right.

Card view of the blog post list

Configuring card columns

By default, there are three card columns above a screen width of 576px; below this, there is a single column.

Adding the CSS Class side panel to the block will change the default to a single column.

Further configuration of the number of columns can be achieved using CSS in the page's theme. The number of columns is responsive and can be configured to change as the screen width changes. In this example, it's three columns above 992px and two above 576px:

@media (min-width: 576px) {
  .posts-cards-cols {
    column-count: 2;
  }
}

@media (min-width: 992px) {
  .posts-cards-cols {
    column-count: 3;
  }
}

Comments

0 comments

Article is closed for comments.