Blog Showcase Shortcode
The blog showcase shortcode displays specific posts that you can select in the shortcode settings. This shortcode allows you to display posts of specific categories and specific authors.
In this article you’ll find out how to create posts, add the blog showcase shortcode to a page, and configure the shortcode settings.
In this article
Creating Blog Posts
Blog showcase shortcode displays blog posts. For more information about creating blog posts, read Creating a blog post article.
Displaying the Blog Showcase Shortcode
To add the Blog Showcase shortcode in a page to show in front end of the website please follow steps below:
Showing Specific Posts
There are 3 settings in Blog Showcase Settings pop-up which allow you to show the posts based on specific categories, IDs or authors. Type the name of category, post or author to add them in the fields.
|Select Specific Categories||Determines categories of blog posts. Posts from the selected categories will be only displayed.
|Select Specific Posts||Determines specific blog posts. The selected posts will be only displayed.
|Select Specific Authors||Determines authors of blog posts. Posts from the selected authors will be only displayed.
Blog Loop Content
There are 2 settings in Blog Showcase settings pop-up to configure the content shown in the blog loop.
|Offset||Sets the number of post to displace or pass over, it means based on your order of the loop, this number will define how many posts to pass over and start from the nth number of the offset.
|Post Excerpt Length||Sets custom length of the excerpt by number of characters. Zero will disable excerpt.
Altering the Posts Sorting
There are 2 settings in Blog Teaser Settings pop-up which allow you to alter the posts sorting. By default, Order and Orderby settings are set to Ascending and Date therefore it sorts the older posts ahead of newer posts.
|Order||Sets the ascending or descending order of the Orderby parameter.
|Orderby|| Sorts the posts based on the selected parameter (date, menu order, title, …).
Adding Custom Class Name
If you need to go beyond the default settings to customize the look of the item’s design, you may add a custom CSS class in Extra Class Name setting to be able to add specific styling through CSS to this shortcode. To find out more information, read Adding custom CSS class to a shortcode article.