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.

GS Plugins

Md. Sarwar Zaman

<p>GS Posts Grid is a flexible WordPress plugin that lets you display posts in clean, responsive grid layouts without writing any custom code. It helps organize blog posts and content in a structured, visually appealing way, making it easy for visitors to browse and discover important content.</p>
<p>Designed to work smoothly with standard WordPress themes and popular page builders, the plugin offers multiple layout options for blogs, news sites, magazines, and content-heavy websites. You can control how posts appear, how much content is shown, and how posts are grouped, all while keeping performance and responsiveness in mind across different screen sizes.</p>
<p>🎬 <a href="https://posts-grid.gsplugins.com/" rel="nofollow ugc">Live Demo</a>  ⬆️ <a href="https://www.gsplugins.com/product/wordpress-posts-grid/" rel="nofollow ugc">Upgrade to PRO</a>  📚 <a href="https://docs.gsplugins.com/wordpress-posts-grid/" rel="nofollow ugc">Documentation</a>  🙋‍♂️ <a href="https://www.gsplugins.com/contact/" rel="nofollow ugc">Support</a></p>
<h3>Why do well-organized post layouts make a difference?</h3>
<p>As a website grows, managing and presenting posts in a clear way becomes more important. A structured layout helps visitors understand and browse content more comfortably.</p>
<ul>
<li>Help visitors scan posts quickly and find relevant content.</li>
<li>Keep large amounts of content visually structured.</li>
<li>Highlight important or featured posts naturally.</li>
<li>Improve consistency across desktop and mobile devices.</li>
<li>Reduce clutter compared to long, unstructured post lists.</li>
</ul>
<h3>What makes GS Posts Grid practical to use?</h3>
<ul>
<li><strong>Simple and familiar setup</strong>: GS Posts Grid is designed to work with standard WordPress content, making it easy to display posts without changing your existing workflow. You can manage layouts using straightforward settings while keeping full control over your content.</li>
<li><strong>Flexible display options</strong>: Display posts on any page, post, or custom template using grids that adapt to different content needs. Whether you are showcasing recent posts, category-based content, or custom post types, the plugin fits naturally into your site structure.</li>
<li><strong>Clean and responsive layouts</strong>: Posts are presented in organized, responsive grids that adjust smoothly across devices. Layout consistency helps maintain visual balance while improving readability on both desktop and mobile screens.</li>
<li><strong>Better content organization</strong>: By grouping and structuring posts visually, GS Posts Grid helps reduce clutter and makes content easier to browse. Visitors can explore multiple posts without losing context or focus.</li>
</ul>
<p>GS Posts Grid provides a practical way to organize and present WordPress content, keeping layouts clear, manageable, and easy to maintain over time.</p>
<h3>Core features of GS Posts Grid</h3>
<p><em>GS Posts Grid</em> provides a focused set of tools to organize, filter, and display WordPress content in structured grid layouts while keeping setup and management simple.</p>
<ul>
<li>Grid display for posts, pages, and custom post types</li>
<li>Multiple grid layout variations</li>
<li>Category, tag, and taxonomy filtering</li>
<li>Post count control per grid</li>
<li>Post ordering by date, title, ID, or custom order</li>
<li>Featured image support with adjustable sizes</li>
<li>Toggle display of title, excerpt, and meta</li>
<li>Responsive column controls for all devices</li>
<li>Theme-compatible, consistent layouts</li>
<li>Shortcode-based grid placement</li>
<li>Gutenberg block support</li>
<li>Page builder and theme compatibility</li>
<li>Lightweight structure with optimized assets</li>
<li>Custom CSS support</li>
<li>Standard WordPress query support</li>
<li>Localization-ready</li>
<li>Developer-friendly, standards-compliant markup</li>
<li>No-code setup</li>
</ul>
<p>🎬 <a href="https://posts-grid.gsplugins.com/" rel="nofollow ugc">View live Demos »</a><br />
⬆️ <a href="https://www.gsplugins.com/product/wordpress-posts-grid/" rel="nofollow ugc">Upgrade to PRO »</a></p>
<p>There are numerous additional options available to cater to various content needs.</p>
<h3>Who is GS Posts Grid best suited for?</h3>
<p>GS Posts Grid is ideal for users who need a structured and flexible way to display WordPress content without custom development.</p>
<ul>
<li>Bloggers who want to present posts in clean, organized layouts</li>
<li>Content-heavy websites such as magazines or news portals</li>
<li>Website owners showcasing posts by category, tag, or topic</li>
<li>Agencies creating reusable post layouts for client websites</li>
<li>Users who prefer shortcode or block-based content management</li>
</ul>
<p>GS Posts Grid works especially well when clarity, consistency, and content organization are more important than complex design effects.</p>
<h3>Additional Fields for displaying post information</h3>
<ul>
<li>Custom URL</li>
<li>Subtitle</li>
<li>Written By</li>
<li>PDF URL</li>
<li>Secondary Image</li>
<li>Image Gallery</li>
<li>Media Options
<ul>
<li>Video</li>
<li>Audio</li>
<li>Media Type Selection: Video/Audio/Gallery Carousel/Thumbnail</li>
</ul>
</li>
</ul>
<h3>General Settings</h3>
<p>Go to <strong>GS Posts Grid <span aria-hidden="true" class="wp-exclude-emoji">→</span> Shortcode</strong> to create or edit a shortcode. The <strong>General</strong> Settings tab lets you control the basic layout, structure, and content display of your posts grid.</p>
<p>Set a shortcode name and adjust column numbers for desktop, tablet, and both horizontal and vertical mobile views to ensure proper layout across devices. Choose a view type and enable pagination when displaying a larger set of posts.</p>
<p>You can control how grid items are linked, including link behavior and link type. Image size options help maintain visual consistency, while <strong>Pro</strong> settings such as title tag, title length type, and date format give you additional control over content presentation. The <strong>Details Control</strong> option allows you to manage which post information is shown.</p>
<p>These settings keep your grid flexible while remaining easy to set up and manage.</p>
<h3>Style Settings</h3>
<p>The <strong>Style Settings</strong> tab lets you control the visual appearance of your posts grid, helping it blend naturally with your website’s design.</p>
<p>You can apply image filters and hover effects to featured images for a more polished look. Background options allow you to set category background colors or use gradient backgrounds, with angle control for fine-tuning the visual direction.</p>
<p>Typography settings give you control over how text elements appear across the grid. You can customize title typography, while <em>Pro</em> options allow additional control over category, tag, author, date, details, and excerpt typography. These options help maintain visual consistency and improve readability across different layouts.</p>
<p>Style Settings are designed to give you flexible design control while keeping customization simple and straightforward to manage.</p>
<h3>Query Settings</h3>
<p>The <strong>Query Settings</strong> tab controls which posts are displayed in your grid and how they are organized.</p>
<p>You can choose how many posts to show and define the order in which they appear using options such as date, title, or custom order. Category-specific ordering options let you control how posts are sorted within selected categories.</p>
<p>Filtering options allow you to display posts from specific categories or tags, helping you focus on relevant content. With the <em>Pro</em> option, you can also select specific posts to display, giving you more precise control over what appears in the grid.</p>
<p>These settings make it easy to build targeted post grids while working with familiar WordPress query behavior.</p>
<h3>Visibility Settings</h3>
<p>The <strong>Visibility Settings</strong> tab controls which post information is displayed in the grid and how it behaves based on the selected <strong>Link Type</strong>.</p>
<p>When <strong>Link Type</strong> is set to <strong>Single Page</strong>, visibility options are applied directly to the post grid. You can choose to show or hide elements such as post title, category, tags, author, excerpt, details, and thumbnail for different devices. This allows you to keep the grid clean while showing only the most relevant information.</p>
<p>When <strong>Link Type</strong> is set to <strong>Popup</strong>, an additional <strong>Popup Fields</strong> section becomes available. These fields control what information appears inside the popup instead of the grid itself. Popup fields can be easily reordered using drag and drop, allowing you to define the content flow inside the popup view.</p>
<p>This flexible visibility system lets you control content display separately for grid and popup views, helping you present posts in a structured and user-friendly way across different layouts and devices.</p>
<h3>Page Builder Support</h3>
<ul>
<li>Gutenberg.</li>
<li>Elementor.</li>
<li>WPBakery.</li>
<li>Divi Builders.</li>
<li>Beaver Builder.</li>
<li>Oxygen Builder.</li>
<li>UX Builder.</li>
<li>TagDiv.</li>
<li>Genesis.</li>
</ul>
<h3>Documentation</h3>
<p>If you have any questions regarding the <strong>GS Posts Grid</strong> plugin and how to work with it, We recommend referring to our comprehensive online documentation. It provides detailed information and instructions to assist you in navigating and utilizing the plugin effectively. You can find the <a href="https://docs.gsplugins.com/wordpress-posts-grid/" rel="nofollow ugc">Documentation</a> here.</p>
<h3>Quick Support & Bug Reporting</h3>
<p>If you encounter any problems or discover bugs, please post them in our <a href="https://www.gsplugins.com/contact/" rel="nofollow ugc">Support</a> channel. We aim to respond as soon as possible (excluding holidays).</p>
<p><strong><em>Pro users are requested to contact our support channel for dedicated assistance.</em></strong></p>
<p>🙋‍♂️ Alternatively, you can reach out to us through our <a href="https://www.gsplugins.com/contact/" rel="nofollow ugc">Support</a> or <a href="https://wordpress.org/support/plugin/posts-grid/" rel="ugc">WordPress.org</a> support forum.</p>
<h3>Development Team</h3>
<p>Crafted and Developed with Passion by <a href="https://www.gsplugins.com/" rel="nofollow ugc">GS Plugins</a></p>
<h3>GS Posts Grid’s Shortcode Usage</h3>
<pre><code>[gs-posts-grid id=1]
</code></pre>
<p><strong>Shortcode PHP Usage</strong></p>
<pre><code><?php echo do_shortcode( '[gs-posts-grid id=1]' ); ?>
</code></pre>
<h3>Confused?</h3>
<p>🎬 <a href="https://posts-grid.gsplugins.com/" rel="nofollow ugc">View live Demos »</a><br />
📚 <a href="https://docs.gsplugins.com/wordpress-posts-grid/" rel="nofollow ugc">Documentation »</a></p>
<h3>🔥 You may like other plugins from <a href="https://www.gsplugins.com/" rel="nofollow ugc">GS Plugins</a></h3>
<p><strong><a href="https://wordpress.org/plugins/gs-testimonial" rel="ugc">Testimonial Slider</a></strong> – Testimonials slider displays rotating customer endorsements and recommendations, helping to build trust and credibility for a business or product.</p>
<p><strong><a href="https://wordpress.org/plugins/gs-logo-slider" rel="ugc">Logo Slider</a></strong> – Logo slider displays rotating logos of partners, clients, or sponsors, showcasing a business’s relationships and endorsements.</p>
<p><strong><a href="https://wordpress.org/plugins/gs-portfolio/" rel="ugc">Portfolio</a></strong> – Filterable Portfolio plugin for WordPress allows you to easily display and showcase your projects, highlighting your skills and abilities.</p>
<p><strong><a href="https://wordpress.org/plugins/gs-team-members" rel="ugc">Team Members</a></strong> – Build a Stunning Team Page or Section and Show off Your Team’s Talents!</p>
<p><strong><a href="https://wordpress.org/plugins/gs-projects" rel="ugc">Projects</a></strong> – Projects showcase displays detailed information including client reviews, ratings, galleries, and videos for a business’s work.</p>
<p><strong><a href="https://wordpress.org/plugins/gs-books-showcase" rel="ugc">Books Showcase</a></strong> – Books showcase displays detailed information including author, published date, reviews, ratings, and gallery, allowing users to easily find and explore books.</p>
<p><strong><a href="https://wordpress.org/plugins/gs-coach" rel="ugc">Coaches</a></strong> – Coaches plugin displays coaches’ experience, skills, reviews, ratings, and certifications, helping users find the right coach for their needs.</p>
<p><strong><a href="https://wordpress.org/plugins/posts-widget" rel="ugc">Posts Widget</a></strong> –  WordPress Posts Widget plugin displays the latest posts in an elegant format on the sidebar or any widget area, allowing for easy navigation and quick access to new content on a website.</p>
<h3>🎯 WooCommerce Plugins</h3>
<p><strong><a href="https://wordpress.org/plugins/gs-woocommerce-products-slider" rel="ugc">WooCommerce Products Slider</a></strong> – WooCommerce Product Slider plugin displays products in a visually pleasing, sliding manner, making it easy for customers to browse and find the products they want on an online store.</p>
<p><strong><a href="https://wordpress.org/plugins/gs-woo-variation-swatches" rel="ugc">WooCommerce Variation Swatches</a></strong> – WooCommerce Variation Swatches plugin replaces the default dropdown fields for variable products with visually appealing swatches, making it easier for customers to select product options and improve the overall shopping experience.</p>
<p><strong><a href="https://wordpress.org/plugins/gs-woo-brands" rel="ugc">WooCommerce Brands</a></strong> – WooCommerce Brands taxonomy plugin allows for easy cataloging of products by adding a brand taxonomy, making it simple to organize and filter products on an online store.</p>
<h3>📣 Social Plugins</h3>
<p><strong><a href="https://wordpress.org/plugins/gs-dribbble-portfolio" rel="ugc">Dribbble Portfolio</a></strong> – Dribbble Portfolio WP plugin enables you to display your Dribbble shots on your website in a portfolio layout, allowing you to showcase your design work to a wider audience.</p>
<p><strong><a href="https://wordpress.org/plugins/gs-behance-portfolio" rel="ugc">Behance Portfolio</a></strong> – Behance Portfolio WordPress plugin allows you to display your Behance projects on your website in a visually appealing layout, making it easy for your audience to view and appreciate your work.</p>
<p><strong><a href="https://wordpress.org/plugins/gs-pinterest-portfolio" rel="ugc">Pinterest Portfolio</a></strong> – Pinterest plugin for WordPress allows you to display your Pinterest pins on your website, giving your audience a chance to view and interact with your boards, and potentially drive more traffic to your Pinterest profile.</p>
<p><strong><a href="https://wordpress.org/plugins/gs-envato-portfolio" rel="ugc">Portfolio – Envato</a></strong> – Envato Portfolio Plugin allows you to display your Themeforest and Codecanyon items on your website, showcasing your digital products and making them easily accessible for potential customers.</p>
<p><strong><a href="https://wordpress.org/plugins/gs-youtube-gallery" rel="ugc">Youtube Gallery</a></strong> – YouTube Gallery plugin allows you to display videos from a YouTube channel or playlist on your website, creating a visually appealing gallery and making it easy for visitors to access and watch your videos.</p>
<h3>🏆 Branding Plugin</h3>
<p><strong><a href="https://wordpress.org/plugins/gs-custom-login" rel="ugc">Custom Login</a></strong> – GS Custom Login allows you to customize the WordPress login screen, providing an easy way to create a unique and visually appealing login experience for your website users.</p>
<p><strong><a href="https://wordpress.org/plugins/powerup" rel="ugc">PowerUp</a></strong> – Enhance Your WordPress Experience with the Ultimate Security & Convenience Solution – Hide Admin Bar, Login & Logout Redirection, Disable Comments & Restrict WP-Admin Module.</p>


GS Posts Grid – Recent Posts, Category Posts, Post Filter, Slider & List

GS Posts Grid – A flexible plugin to display posts in Grid, Masonry, Slider, Popup, List, Card, Table, Filter & Justified Gallery views.

Posts Block Lite vs GS Posts Grid – Recent Posts, Category Posts, Post Filter, Slider & List