Recruitment Marketing Public

Overview

In addition to the dedicated blog search page, it is possible for you to include blog posts 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 alternatively, you can filter down to just specific posts via the user 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. Select Blog Posts List from the library.
4. Click the Edit Block button on the block within the editor.
5. In the Blog Posts List setting, configure the following settings as required:
   • Max number of posts
   • Layout - available options are "List" or "Cards" - see below for more detail.
   • Link Post Tags to Blog Search Page - should the tags allow click through to the search page.
   • Strategy to display posts - available options are "Recent Posts", which display the most recently published posts, or "Post Automatically recommended to the candidate", which prioritises posts based on the behavioural algorithm.
   • Blog - the blog posts to be displayed in this list.
   • Tags - if tags are set, the displayed blog posts will be those which have these tags.
6. Additionally, you can configure the following display elements:
   • Author
   • Last Published At
   • Post Views Counter (card layout only)
   • Post Description - summary text for the post
   • Read more post link - if not enabled, the title is clickable
7. Click the Save button to keep the settings.
   
   

Design options

List Layout

The list layout simply displays the posts in 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.

Configuring card columns

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

By adding the CSS Class side panel to the block this 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;
  }
}