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

Alkesh Miyani

Nilesh Vastarpara

Techeshta

Post Layouts for Gutenberg

A beautiful post layouts block to showcase your posts in grid and list layout with multiple templates availability.

Debuggers Studio

Deen Post Layouts Addon for Elementor

Are you looking for a best post layouts addon for elementor wordpress plugin? Then Deen is the best and perfect post layouts addon for your WordPress  …

CodeVibrant

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" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/l_TBHi84K9M?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></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>

Alternatives to Advanced Blog Post Block

Top alternatives