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.

ishitaka

<p>Add a block to display a list of latest posts.</p>


New Posts Block

Add a block to display a list of latest posts.

Posts Block Lite vs New Posts Block