Express yourself to the world, share your thoughts and your passions using the blog shortcode. Blog is the most common and most popular section on websites.
In this article, we explain about displaying blog posts via Blog shortcode and configuring the shortcode settings.
To see the Blog shortcode in action, you may check the demo page.
Creating Blog Posts
Before adding blog shortcode and displaying the posts, blog posts itself should be created. To learn about creating a different kind of blog posts, read Creating a blog post article then continue to the next section.
Displaying Blog Posts
After creating blog posts, it’s time to display them on a page. For this purpose, we need to add Blog shortcode in a page.
Adding Blog Shortcode
To add the shortcode:
Configuring Image Dimensions
There are 2 settings in Blog settings pop-up to configure the image dimensions.
| Setting | Description |
|---|---|
| Image height | Sets a custom image height (only available when using ‘Resize & Crop’ option from above). |
| Image cropping | If you have this option enabled the image will be cropped based on the image height option above and the width we dynamically calculate for the layout and column you choose. if you want to show the full size featured image disable this option. |
Blog Loop Content
There are 2 settings in Blog settings pop-up to configure the content shown in the blog loop.
| Setting | Description |
|---|---|
Content Type (Classic Style Only) |
Toggles between showing the excerpt or full content but please note it will work for the Classic Style only. |
| Post excerpt length | Sets the custom lenght of excerpt shown in blog loop. |
Showing Specific Posts
There are 3 settings in Blog 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.
| Setting | Description |
|---|---|
| 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. |
Configuring Pagination
In Blog settings pop-up, there are two settings for pagination.
| Setting | Description |
|---|---|
| Show Pagination? | Enables or disables the pagination. |
| Pagination Style | Defines the pagination style. There are 2 available styles : Classic Pagination Navigation, Load more button |
Altering the Posts Sorting
There are 2 settings in Blog 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.
| Setting | Description |
|---|---|
Sortable? |
Display a Sortable Filter to sort the Post by the Category. |
Order |
Sets the ascending or descending order of the Orderby parameter. |
| Orderby | Sorts the posts based on the selected parameter (date, menu order, title, …). |
Removing Meta Section
| Setting | Description |
|---|---|
| Post Meta | If you dont want to show post meta (author and categories) disable this option |
Configuring the Layout
There are 9 types of layouts for the blog shortcode: Classic, Modern, Mansory, Tile, Magazine, Thumbnail, List, Scroller and Slideshow.
You can check out all the blog layouts on the Ken main demo website, by going to Blog section.
