CodeVibrant

<a href="https://demo.codevibrant.com/plugins/blog-post-layouts/" rel="nofollow ugc">Demos</a> | <a href="https://docs.codevibrant.com/plugins/blog-post-layouts/" rel="nofollow ugc">Documentation</a> | <a href="https://codevibrant.com/pricing/?product_id=14492" rel="nofollow ugc">Premium Version</a>
WP Blog Post Layouts is a versatile plugin specially designed to create layouts of WordPress blogs without any coding knowledge required. It comes with several archive layouts types: Masonry, Grid, and List, each with 3 different variations. It gives you full control to style blog posts exactly the way you want. It is fully compatible with both Gutenberg and Elementor. With this plugin, you can rearrange WordPress posts, configure colors, customize typography, set content length, and so on. Furthermore, it offers the category option that lets you display posts from specific categories in your site.
<h3>Features and Options</h3>
<ul>
<li>Compatible with Gutenberg Editor and Elementor PageBuilder.</li>
<li>Archive your default posts.</li>
<li>Multiple archive layout types ( Grid, List, and Masonry ).</li>
<li>Each layout with 3 different variations 
 – Grid( 3 variations ) 
 – List( 3 variations ) 
 – Masonry( 3 variations )</li>
<li>Multiple Archive Columns ( upto 5 columns )</li>
<li>Category Select option – display posts from specific category.</li>
<li>OrderBy and Order Options – display your posts in descending, ascending manner w.r.t to post date and title.</li>
<li>Post Count Option – number of posts to display</li>
<li>Set content length option.</li>
<li>Show/Hide option for meta.</li>
<li>Show/Hide post margin option.</li>
<li>Color options. 
 – Font Color 
 – Button Background Color 
 – Border Color 
 – Link Hover Color </li>
<li>Enable/Disable custom typography option.</li>
<li>Flexible Typography option available for Block title, Post title, Content, Meta, Button</li>
<li>Available settings tabs 
 – Basic Settings 
 – Query Settings 
 – Layout Settings 
 – Typography Settings</li>
</ul>
<h4>What’s Next</h4>
Checkout out our other projects for WordPress
<a href="https://mysterythemes.com/themes/" rel="nofollow ugc">Mystery Themes</a> – has 30+ beautiful and elegant responsive WordPress Themes.
<a href="https://wpallresources.com/" rel="nofollow ugc">WPAllresources</a> – A complete WordPress resources with Collection of WordPress Themes by Well Renowned Authors.
<h4>Contribute</h4>
You can contribute to the source code in our <a href="https://github.com/codevibrant/wp-blog-post-layouts" rel="nofollow ugc">GitHub</a> page.

WP Blog Post Layouts

Versatile plugin specially designed to create beautiful posts layouts. Fully compatible with Gutenberg and Elementor. Comes with advanced features suc …

Best WP Developer

Introducing our Advanced Blog Post Block – a revolutionary tool for WordPress bloggers in search of unmatched versatility and design flexibility. This powerful plugin seamlessly integrates three distinct layouts: Post Grid, Post List, and Post Magazine. With the Post Grid option, captivate your audience with visually stunning displays that highlight your content in an eye-catching grid format. Opt for the Post List layout for a clean and organized presentation, ideal for users prioritizing simplicity and readability. For those aiming for a magazine-style aesthetic, the Post Magazine layout combines engaging visuals with compelling headlines, creating an editorial masterpiece. Elevate your WordPress blogging experience with the Advanced Blog Post Block – your all-in-one solution for dynamic, customizable, and visually striking content layouts.
<a href="https://bestwpdeveloper.com/advanced-post-block/" rel="nofollow ugc">Live Demo</a> | <a href="https://bwdplugins.com/plugins_documentations/apb-documentation/" rel="nofollow ugc">Documentation</a> | <a href="https://bestwpdeveloper.com/support/" rel="nofollow ugc">Support</a>
<h3>Video Tutorial</h3>
<iframe loading="lazy" title="Unleash the Power of Gutenberg with BWD Advanced Post Block Plugin!" width="750" height="422" src="https://www.youtube.com/embed/l_TBHi84K9M?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
# Features 
– Layouts: This block is enriched with grid, list and Tiles preset layouts
<ul>
<li>
Container Width: You can customize the custom container width for a responsive design.
</li>
<li>
Responsive Column: Get column number, column gap, row gap to customize.
</li>
<li>
Post Query: Filter your posts by queries like posts per page, categories, tags, authors, include posts, exclude posts, order by, order and offset post.
</li>
<li>
Post Heading: Include a post title, subtitle, and divider above the post..
</li>
<li>
Feature Image: Show/Hide the feature image and also enable/disable the link.
</li>
<li>
Post Title: Toggle the visibility of the post title, adjust title length, modify title tag, enable/disable hyperlink, and customize typography settings.
</li>
<li>
Post excerpt: Activate or deactivate the visibility of the post excerpt, customize the excerpt length, display excerpts from content, and enable the Expansion Indicator.
</li>
<li>
Date: Display or hide the date and customize the date format according to your preference.
</li>
<li>
Reading Time: Show or conceal reading time and include a custom suffix.
</li>
<li>
Author: Display or hide the author, incorporate an author prefix, and include an author icon.
</li>
<li>
Taxonomies in Meta: Show taxonomies in the metadata, including tags.
</li>
<li>
Comment: Display comment count.
</li>
<li>
Read More: Custom read more label and set the option to open in a new tab.
</li>
<li>
Pagination: Display pagination along with custom text for the previous and next buttons.
</li>
<li>
Style: Customize all content styles with responsive options for padding, margin, and font size.
</li>
<li>
Responsive Control: Responsive control has been implemented to enhance flexibility.
</li>
<li>
Animation: Over 53+ animation effects have been integrated.
</li>
<li>
Custom Css: You have the option to include custom CSS.
</li>
</ul>
<h3>Advanced blog post block Pro for Gutenberg</h3>
<ul>
<li>10 Grid Templates</li>
<li>3 List Templates</li>
<li>7 Magazine Templates</li>
<li>CodeCanyon Quality Code Standards</li>
<li>Masonary blog Post Layouts Templates (Coming soon)</li>
</ul>
<a href="https://codecanyon.net/item/bwd-advanced-blog-post-block-plugin-for-gutenberg/49505601" rel="nofollow ugc">Buy Advanced blog post block Pro for Gutenberg on CodeCanyon</a>
<ul>
<li>Advanced blog post block</li>
</ul>
<h3>Installation</h3>
From Your WordPress Dashboard
<ol>
<li>Go to Plugins > Add New Plugin</li>
<li>Search for Advanced blog post block for Gutenberg</li>
<li>Click on Install Now Button</li>
<li>Click on Activate Now After Installed in the Backend </li>
</ol>
<h3>Using Build Tools (npm and webpack)</h3>
To modify or rebuild the plugin using npm and webpack, follow these steps:
<ol>
<li>Install Node.js and npm on your system if not already installed.</li>
<li>Navigate to the plugin directory in your terminal.</li>
<li>Run <code>npm install</code> to install dependencies listed in package.json.</li>
<li>Make your desired modifications to the source code.</li>
<li>Run <code>npm run build</code> to compile and bundle the code using webpack.</li>
<li>The compiled code will be available in the designated build directory for use.</li>
</ol>
<h3>Build directory</h3>
advanced-blog-post-block\build\blocks\advanced-blog-post-block\index.js
From WordPress.org
<ol>
<li>Download <a href="https://wordpress.org/plugins/advanced-blog-post-block/" rel="ugc">Advanced blog post block for Gutenberg</a></li>
<li>Upload the Advanced blog post block folder to the /wp-content/plugins/ directory</li>
<li>Activate Advanced blog post block for Gutenberg plugin from your plugins page</li>
</ol>

Advanced Blog Post Block

The advanced blog post block enhances content creation with advanced features, layouts, and customization options for dynamic and engaging blogs.

WP Blog Post Layouts vs Advanced Blog Post Block