The Kadence Posts Block is a handy tool within the Kadence Blocks plugin. With this block, you can style your posts grid in a way that reflects your brand. You can customize elements such as post layout, categories, or tags directly within the editor, offering a seamless process to tailor your content displays to your website’s aesthetic.

Kadence Posts Block allows for the customization of post order and the number of posts to show, giving you control over the user’s viewing experience. By integrating various options like taxonomy filters or the unique posts display, you ensure that your website always showcases your most relevant or freshest content.

Affiliate Disclosure: This post may contain affiliate links, which means I receive a small commission at no cost to you when you make a purchase. Please note that I only get affiliate links for products that I use.

Installation and Setup

Before integrating the Kadence Posts Block into your WordPress site, you need to install and activate the necessary components. Here are the specific steps to ensure you have Kadence Blocks and Kadence Theme ready for use.

Installing Kadence Blocks

To incorporate the Kadence Posts Block into your site, begin by installing the Kadence Blocks plugin. Within the WordPress admin panel, navigate to Plugins > Add New. Use the search function in the top right corner and type Kadence Blocks. Locate the plugin in the search results and click the Install Now button.

Working with the Kadence Posts Block

The Kadence Posts Block allows you to showcase your content seamlessly. This section will guide you through the process of adding and customizing the Posts Block within the block editor of your WordPress site.

Adding Posts Block to a New Page

To add the Posts Block, navigate to a new page and click on the ‘+' icon to open the block library. Search for “Posts” and click on it to insert it onto your page.

Kadence blocks are blue. Choose the block called Posts
Quick Tip: Kadence Blocks are blue!

Posts Block Basic Configuration

Once added, you'll initially see a default layout with your latest posts. Your basic configurations involve adjusting the number of posts to display and choosing whether the posts will display in a grid or list.

Choosing Post Type and Taxonomy

You can specify the post type—be it standard posts, pages, or a custom post type. Furthermore, you can select a post taxonomy to filter content by categories or tags, ensuring only relevant posts appear.

Layout Settings for Display

Navigate to the layout settings where you can decide on the arrangement of your posts. Options include:

  • Grid
  • List
If I choose one column, my posts display as a list
If I choose 2 or more columns, my posts display as a grid

Choose one that best fits the look and feel of your site.

Advanced Settings Customization

Through advanced settings, tailor the information displayed for each post. Here, you can toggle the visibility of post elements such as titles, dates, excerpts, and more to create a curated appearance.

Under Advanced, I can enable custom excerpt length and even change the “read more” text

Image Settings and Alignment

Finally, adjust the image settings for featured images. Determine aspects like aspect ratio and image size, and when you choose a list layout (one column) you can align them to the left or top relative to the post content for a polished layout.

Design and Style Customization

The Kadence Posts Block offers a suite of design and style options that allow you to tailor the look and feel of your post grids to match your website's aesthetics. You can access these through the block's settings, enabling tight control over typography, colors, and the overall appearance.

Customizing Typography and Font Size

In the typography section, you'll be able to adjust the font size, font family, and other typographic elements. Accessibility and readability are key, so be sure to choose font sizes that are legible for your audience. Here, you can experiment to achieve the perfect balance between aesthetics and functionality.

  • Font Size: Adjust with a slider or input a specific size.
  • Font Family: Select from a wide range of available typefaces.

Responsive Design

When utilizing the Kadence Posts Block, ensuring your content looks good on all devices is imperative. Focus on adapting layouts and configuring image settings for optimal display on tablets and mobile devices.

Adapting Layouts for Tablet and Mobile

On tablets, flexibility is key. You must adjust your posts’ layout to utilize available space efficiently while maintaining readability. Typically, a two-column grid works well on landscape views, while a single-column is ideal for portrait orientations. For mobile devices, single-column layouts are almost always the go-to. Kadence Posts Block is responsive, meaning that it will display your posts in a single column on mobile.

Configuring Image Ratio and Size

I made the H2 headlines smaller even on my laptop, so that they fit better in the 3 column layout. I used the 2:1 image ratio which made the images shorter and take up less space.

The image ratio and size are vital in maintaining a cohesive look. Large images can dominate on mobile, while the wrong ratio might crop important details. In the Kadence Posts Block, you can specify different image ratios for different devices—start with a 16:9 for desktop and a more square ratio for mobile, to maximize the use of vertical space, then adjust them as needed.

Download the pdf now!

Get your FREE Ultimate WordPress Cheat Sheet!

A 30 page guide to the WordPress dashboard

🚀 Definitions of common WordPress terms

💡 Tips on uploading images, creating a menu and more

🔧 List of common Gutenberg blocks and what they do

🔍 SEO and Security tips

Posts Block Specific Settings

In fine-tuning your website's appearance, the Kadence Posts Block provides you with precise control over your content presentation. Focus on these specific settings to tailor your posts' display to your exact preferences.

Filtering Posts by Category

You can filter posts by category, and offset the starting post

Your ability to filter by category allows you to curate content that's relevant to specific topics on your site. Within the block settings, utilize the category filter to include only the posts that belong to the category you select, ensuring a cohesive and targeted content display.

Excluding Posts and Offset Starting Post

To prevent certain posts from appearing in your block, you can exclude posts by specifying their IDs. Additionally, you have the option to offset the starting post; this pushes the starting point forward by the number you set, which is particularly handy for avoiding duplicate content when using multiple posts blocks on the same page.

You can exclude posts according to their category

Choosing Between Boxed or Unboxed Layouts

Your layout choice can dramatically transform how your content is perceived. Kadence Posts Block provides two primary layout options: boxed or unboxed.

  • Boxed Layout: This style encloses each post within its own distinct box, typically with a border or background that distinguishes it from the rest of your page. It offers a structured and neat appearance.
  • Unboxed Layout: For a more seamless look, the unboxed layout allows your posts to blend more naturally with the page, often appearing less rigid and more dynamic.

The Kadence Posts Block is a great way to display featured posts on your homepage. Use this block to entice your readers with some of your best posts!

Sharing is caring!

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *