Brijesh Dhanani

<p>The Recent Posts Block for Gutenberg lets you add a recent posts section in your posts or pages. It provides support for your custom post types. simply select post type from list of post types for which you want to display recent posts. It also comes with customization options like image size, post meta options, ordering etc. to suit your needs.</p>
<h4>Features</h4>
<ul>
<li>Get recent posts of your favourite custom post type.</li>
<li>Manage ordering like ascending or descending.</li>
<li>Image size options.</li>
<li>Post meta settings like post date, post excerpt etc.</li>
</ul>


Troy Templeman

<p>Posts Block Lite adds a Posts block to the block editor inserter that can be added to display posts in a list, grid or carousel.</p>
<p>Upgrade to Pro at <a href="https://troytempleman.com/wordpress/blocks/posts-block/" rel="nofollow ugc">https://troytempleman.com/wordpress/blocks/posts-block/</a>.</p>
<h4>Features</h4>
<ul>
<li>Responsive</li>
<li>Settings
<ul>
<li>Block alignment</li>
<li>Layout</li>
<li>List</li>
<li>Grid</li>
<li>Carousel   </li>
<li>Text alignment</li>
<li>Post type <strong>[Pro]</strong> </li>
<li>Number of posts</li>
<li>Order by</li>
<li>Order</li>
<li>Number of columns</li>
<li>Column gutter width </li>
<li>Display featured image</li>
<li>Display title</li>
<li>Add heading to title</li>
<li>Title heading</li>
<li>Display author</li>
<li>Display date</li>
<li>Display excerpt</li>
<li>Maximum number of words in excerpt</li>
<li>Display content</li>
<li>Display link</li>
<li>Link text</li>
<li>Carousel</li>
<li>Display dots</li>
<li>Display arrows</li>
<li>Infinite</li>
<li>Speed</li>
<li>Slides to show</li>
<li>Slides to scroll</li>
</ul>
</li>
<li>Styles
<ul>
<li>Color
<ul>
<li>Text</li>
<li>Background</li>
<li>Link</li>
<li>Carousel dots <strong>[Pro]</strong> </li>
<li>Carousel dots hover <strong>[Pro]</strong> </li>
<li>Carousel arrows <strong>[Pro]</strong> </li>
<li>Carousel arrows hover <strong>[Pro]</strong> </li>
</ul>
</li>
<li>Typography
<ul>
<li>Font family</li>
<li>Font size</li>
<li>Appearance</li>
<li>Line height</li>
<li>Letter spacing</li>
<li>Text decoration</li>
<li>Letter case</li>
</ul>
</li>
<li>Dimensions
<ul>
<li>Padding</li>
<li>Margin</li>
<li>List post padding <strong>[Pro]</strong></li>
<li>List post margin <strong>[Pro]</strong></li>
<li>Grid post padding <strong>[Pro]</strong>  </li>
<li>Grid post margin <strong>[Pro]</strong>     </li>
<li>Carousel post padding <strong>[Pro]</strong></li>
<li>Carousel post margin <strong>[Pro]</strong></li>
<li>Featured image padding <strong>[Pro]</strong></li>
<li>Featured image margin <strong>[Pro]</strong></li>
<li>Title padding <strong>[Pro]</strong></li>
<li>Title margin <strong>[Pro]</strong></li>
<li>Meta padding <strong>[Pro]</strong></li>
<li>Meta margin <strong>[Pro]</strong></li>
<li>Excerpt padding <strong>[Pro]</strong></li>
<li>Excerpt margin <strong>[Pro]</strong></li>
<li>Content padding <strong>[Pro]</strong></li>
<li>Content margin <strong>[Pro]</strong></li>
<li>Link padding <strong>[Pro]</strong></li>
<li>Link margin <strong>[Pro]</strong></li>
</ul>
</li>
</ul>
</li>
<li>Variations <strong>[Pro]</strong>
<ul>
<li>List <strong>[Pro]</strong> </li>
<li>Grid <strong>[Pro]</strong> </li>
<li>Carousel <strong>[Pro]</strong> </li>
</ul>
</li>
</ul>
<h4>Demo</h4>
<p><a href="https://troytempleman.com/wordpress/blocks/posts-block/" rel="nofollow ugc">https://troytempleman.com/wordpress/blocks/posts-block/</a></p>
<h4>HTML</h4>
<p>Posts Block Lite will output a Posts block with the following HTML structure:</p>
<pre><code><ul class="wp-block-tt-posts wp-block-tt-posts-6">
    <li class="wp-block-tt-posts-post">
        <div class="wp-block-tt-posts-post-featured-image”>
            <img class=“wp-block-tt-posts-post-thumbnail” src=“#”>
        </div>
        <h3 class="wp-block-tt-posts-post-title">
            <a href=“#”>Title</a>
        </h3>
        <div class="wp-block-tt-posts-post-meta">
            <span class="wp-block-tt-posts-post-meta-date">Posted <time class="wp-block-tt-posts-post-meta-date-time" datetime="2023-11-01T12:00:00+00:00">November 1, 2023</time></span>
        </div>
        <div class="wp-block-tt-posts-post-excerpt">Excerpt</div>
        <a class="wp-block-tt-posts-post-link" href=“#”>Read more</a>
    </li>
</ul>
</code></pre>
<h3>Support</h3>
<p>If you need help with Posts Block Lite, please submit a ticket on the <a href="https://wordpress.org/support/plugin/posts-block-lite" rel="ugc">Support</a> forum.</p>
<h3>Donate</h3>
<p>If you like Posts Block Lite and would like to support it’s future development, how about <a href="https://www.buymeacoffee.com/troytempleman" rel="nofollow ugc">buying me a coffee</a>?</p>
<h3>Contribute</h3>
<p>If you would like to contribute to the development of Posts Block Lite, the repository is located on <a href="https://github.com/troytempleman/posts-block-lite" rel="nofollow ugc">GitHub</a>.</p>
<h3>License</h3>
<p>Posts Block Lite is released under the <a href="https://www.gnu.org/licenses/gpl-2.0.html" rel="nofollow ugc">GNU General Public License, version 2 (GPLv2)</a>.</p>
<h3>Requirements</h3>
<ul>
<li>WordPress 6.0 or greater</li>
<li>PHP version 7.4 or greater</li>
<li>MySQL version 5.7 or greater or MariaDB version 10.3 or greater.</li>
</ul>
<h3>Credits</h3>
<ul>
<li><a href="https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/latest-posts" rel="nofollow ugc">WordPress/gutenberg/packages/block-library/src/latest-posts on GitHub</a></li>
<li><a href="https://kenwheeler.github.io/slick/" rel="nofollow ugc">Slick</a></li>
</ul>


Posts Block Lite

A block that displays posts in a list, grid or carousel.

Recent Posts block vs Posts Block Lite