50+ PostX Gutenberg Blocks [Ways to Design a Site Quickly] 2021
Autumn Offer up to 45% off
Days :
Hours :
Mins :
Seconds
Logo
Back To Blog

50+ PostX Gutenberg Blocks [Ways to Design a Site Quickly]

Fifty Plus PostX Gutenberg Blocks

Introduction 

The PostX Gutenberg blocks came with only a handful of ready-made blocks and starter packs in the beginning. 

And now, we’re proud to bring 50+ ready-made blocks designs, which are available right now with the Pro version of PostX.   

Our goal today is to enlighten you about the different design categories so that you can easily work with the ready-made blocks and starter packs. We’ll be talking about the settings you can access with different post blocks categories. 

This will give you a better idea of how to take advantage of the 50+ designs that are about to be available for use. 

By the end of this post, you’ll find out the ways to design a site quickly and effectively.

So, without further ado, let’s get started! 

Quick Note on Accessing the PostX Ready Blocks Library

In order to access the PostX Ready-made Gutenberg blocks, you need to: 

PostX Post Blocks Library
PostX Post Blocks Library
Post Grid Blocks Library Access
Post Grid Blocks Library Access

That’s all there is to it. You will now be able to work with the design using the customization features of PostX.

Working with the Taxonomy Gutenberg Post Blocks 

The Taxonomy blocks are the simplest way to showcase your posts according to the post taxonomy. In general, you can use them to let users choose specific taxonomical posts from a pool of content from your site. 

***Important Note: When you’re working with any ready-made block or layout pack, you’ll have the option to choose from a set of predefined layouts or other ready-made block designs. Also, there is the option to add additional CSS and responsive design properties to these PostX Gutenberg blocks. 

You can access the design suggestions from the “Design” tab. Here, you can find the layout and post blocks suggestions. You can Import Gutenberg post blocks straight from the menu. Also, there is an option to add Additional CSS Classes at the very bottom. 

The Advanced tab lets you add specific design properties for your WordPress site. Here, you can change the background, padding, and other design properties for the whole ready-made block design. You can also add custom CSS and responsive design aspects as you please. 

The above-mentioned properties are pretty much the same for all layout packs and ready-made blocks.    

Now, let’s get back to working with the taxonomy design block. 

Post Taxonomy
Post Taxonomy

You’ll find all the important settings for ready-made blocks under the Settings tab. Again, this is true for all ready-made blocks and layout packs. 

For the Taxonomy Gutenberg blocks design: 

Taxonomy Query
Taxonomy Query
Taxonomy Heading
Taxonomy Heading
Taxonomy Image Settings
Taxonomy Image Settings
Content Wrap Settings
Content Wrap Settings
Title Settings
Title Settings
50+ PostX Gutenberg Blocks [Ways to Design a Site Quickly] 1
Post Excerpt

These are some of the basic settings of the ready-made taxonomy blocks. And we have more than 50+ design blocks in store, among which there are different variations of taxonomy post blocks (11+) as well. 

Working with the Post Grid Blocks

Post grid blocks are the main attraction of the PostX plugins. The posts grid refers to showcase WordPress posts in a grid layout. So, the users of your site can see a lot of posts at a glance without scrolling a lot.

There are a total of 19 Gutenberg post grid block readymade sections (more incoming) available for you to choose from. You can choose any of them and customize them according to your personal preference. 

To add a post grid block while creating a customized home page or archive page template you need to follow the below steps.

Click on block library while editing the home page or archive page template. Click on Readymade Block Design and you can see numerous block designs you can choose from. Select any of the available post grid blocks and click on import. The desired post grid block will be added to the page. Now you can customize it according to your need. 

Working with Grid Blocks
Working with Grid Blocks

You can customize everything in the ready-made post grid section by using the setting section. But before going into the settings you can play with the premade designs. You can select any of the available premade designs. 

If you are not satisfied with the readymade designs for the post grid blocks you can customize them using the setting section. For that, you need to select the block and click on settings. Then you can access all the available settings. You can customize any blocks using the settings and make your home page or archive page template.

Now, let’s take a look at the settings for the post grid blocks.

Post Grid Blocks General Setting
Grid design settings
Post Grid Blocks Title Setting
Grid design title settings
Post Grid Blocks Meta Setting
Grid design meta settings
Post Grid Blocks Category Setting
Grid design category settings
Post Grid Blocks Image Setting
Grid design image settings

Working with the Post List Blocks

Post list blocks are used to showcase a list of posts to the home page or archive pages. PostX offers 13 post list blocks to choose from and customize. These blocks are suitable for archive pages especially the category pages. However, you can also add this to the home page as well.

To add the post list blocks to the home page or archive page you need to follow some simple steps.

Click on block library and go to the Readymade Block Design section. Now you can choose from numerous available blocks. Choose any of the available post list blicks and click on import. The selected block will be added to the page.

Working with Post List Blocks
Working with Post List Blocks

Now you can change the appearance of the selected block by importing it from the design section. Then you can customize each and every section of this post list block by using the settings section.  

Now, let’s take a look at the settings for the post list blocks.

Post List Block General Setting
Post List Block General Settings
Post List Block Heading Setting
Post List Block Heading Settings
Post List Blocks Image Setting
Post List Block Image Settings
Post List Block Meta Setting
Post List Block Meta Settings

Working with the Post Slider Blocks

Post slider blocks are the best way to showcase featured posts at the top of the home page. PostX allows choosing from five different Gutenberg post slider blocks, that are full width and dynamic.

Post Slider Blocks
Post Slider Blocks

To add a post slider go to block library and click on readymade designs. Now select any of the available post slider blocks. Click on the import button and the block will be added to the page. Now you can change the appearance by importing from the design section. Then you can also customize the slider using the setting sections.

Let’s take a look at the settings for the post slider blocks.

Post Slider Block General Setting
Post Slider Blocks Settings
Post Slider Block Query Setting
Post Slider Blocks Query
Post Slider Block Content Wrap Setting
Post Slider Blocks Wrapper
Post Slider Block Image Setting
Post Slider Blocks Image
Post Slider Block Meta Setting
Post Slider Blocks Meta
Post Slider Block Category Setting
Post Slider Blocks Category

Working with the Post Module Block 

Among our latest 50+ post blocks, the Post Module blocks are one of the more desirable options. These blocks take advantage of some of the more advanced features of PostX, which we’ll talk about in a bit. 

Before that, we want to remind you that the Post Module blocks (6+) have different variations, all of which are accessible from the Design Tab. Also, if you want to add additional CSS, then you can do so from the Advanced Tab as well. 

Post Module Blocks
Post Module Blocks

Now, let’s take a look at the general settings for the Module blocks. 

Gutenberg Blocks Quick Query Settings
Gutenberg Blocks Quick Query Settings
Heading Settings
Heading Settings
Meta Settings
Meta Settings
Post Image Settings
Post Image Settings

The same goes for the Content wrap settings, where you can play with different typography and controls to showcase content just the way you want them. 

Post Category
Post Category

With the Filter Settings, you can change the Filter type and Category to show post-filtering for your audience.  

Post Filtering
Post Filtering

On the other hand, with the Pagination Settings, you can add navigation to your WordPress site using the pre-built designs and alignment positioning. 

Post Pagination
Post Pagination

For both settings, you can change the typography, box, border settings, and more. 

Post Excerpt
Post Excerpt

PostX Layout/Starter Packs 

Other than the ready-made Gutenberg post blocks, PostX Pro comes with a lot of pre-made layout packs. These are pretty much a combination of different post blocks. For this reason, all of the different blocks are customizable.  

PostX is constantly bringing out new layout packs for you. You can either use the pre-made starter packs or use 50+ blocks to create news layouts and save them to the PostX design library (using shortcode support). 

All in all, you have total control over how you want to show content on your WordPress site. So, make sure to check out PostX and all its features (we have an offer for you somewhere in this post!). 

Oh yes, did we forget to mention the archive builder, a key feature of the PostX post blocks plugin? With little effort, you can use the ready-made blocks to

Final Thoughts 

All 50+ PostX Gutenberg blocks by PostX are ready for you to try out. If you’re a free user of PostX, then we do appreciate your support. 

However, if you’re someone who wants to explore different post blocks designs to give your visitors the best possible experience, then you should probably think about moving to the PostX Pro plan. 

If you wish to do so, then there’s a surprise for your somewhere in the post. Find it to avail a special GIFT!

Written byWPXPO

We are a group of WordPress professionals. We enjoy it's playing around and crafted WordPress Plugins & Themes.

Leave a Reply

Get Discount