Advanced Post Block – Display Your Posts Exactly How You Want vs Lightweight Accordion

​The Ultimate Gutenberg Block to Display Posts, Pages, and Custom Content Beautifully Advanced Post Block | Documentation | Pricing | Support | Demo Advanced Post Block is a Gutenberg blocks plugin for displaying posts, pages, and custom post types in WordPress with advanced query controls, filtering, and multiple layout options. It supports grid, list, masonry, slider, ticker, accordion, and news-style layouts, allowing you to create dynamic post displays for blogs, magazines, and content-heavy websites. The plugin includes flexible query parameters such as category, tag, author, keyword search, and custom taxonomy filtering, along with query presets for faster setup. Recent additions include AJAX-based post loading, pagination, load more, and infinite scroll, enabling seamless content browsing without page reloads. It also supports post view tracking and sorting by popularity, helping highlight trending or most-viewed content. A built-in Template Library lets you skip the setup entirely — import ready-made, professionally designed post layouts in one click straight from the editor toolbar, with search, category and Free/Pro filters, live previews, and a favorites tab to keep the layouts you use most within reach. You can control the visibility and structure of post elements, including featured images, titles, metadata, excerpts, and read more links. Built for performance and responsiveness, the plugin integrates directly with the WordPress block editor to create structured, customizable content layouts without coding. Layout Options Choose from various display styles: Grid: Arrange posts in a column-based format. Masonry: Automatically position posts in a staggered, flowing layout. Slider: Create carousel-style post sections. Ticker: Show content as a scrolling headline list. Accordion: Display posts as collapsible panels that expand on click — perfect for FAQs, documentation, and long lists. Magazine 1: Pair a large hero post with a scrollable sidebar list of secondary posts — the classic editorial front page. Each layout includes sub-layouts such as Title Meta, Left or Right Image, Overlay Content, and Overlay Half Content. Filtering and Query Controls Easily select and organize the content you want to display: Display standard posts, pages, or any custom post type. Filter by categories, tags, or authors. Control post order and offset. Include or exclude exact posts by ID. Split long lists across pages with pagination or prev/next navigation. Design Customization Fine-tune the look and feel of your content listings: Show or hide featured images, and choose whether they link to the post. Customize post titles, excerpts, and read more links. Display post metadata such as date, author, and categories, with control over visibility and styling. Responsive and Performance-Focused All layouts are optimized for mobile and desktop devices. The plugin is built to load efficiently and minimize impact on performance. Key Features – Free Version Everything you need to build a professional and modern content display: Template Library: Import ready-made post layouts in one click from the editor toolbar, with search (title, category, keyword), category and Free/Pro filters with live counts, live scrolling previews, and a Favorites tab to save the layouts you use most. Core Layouts: Choose from professional Grid, Masonry, Slider, Ticker and News Ticker views. Accordion Layout: Display posts as collapsible panels with Classic and Card Stack themes, single open mode, expand icon controls, and header styling. Magazine 1 Layout: Front-page editorial look — a large hero post beside a scrollable sidebar list, with its own sidebar list layout and a responsive hero min-height. Flexible Sub-layouts: Optimize displays with Default, Left/Right Image, Overlay Content, Overlay Half Content, and Title-Meta layouts. Slider Options: Customize the slider layout with loop, touch move, autoplay, speed, effect, pagination and navigation with the customization and styling. Dynamic Post Query: Advanced filtering by post type (posts, pages, or any custom post type), posts per page, categories, tags, authors, taxonomy relation (AND/OR), and post order. Post Precision: Use Post Offset to skip the first “N” posts, or target exact content with Include Posts and Exclude Posts by ID. Pagination & AJAX: Numbered Pagination and prev/next Navigation — with custom labels, alignment, colors, active/hover colors, padding, spacing, and back-to-top on page change. Element Visibility: Full control to show or hide thumbnails, titles, metadata, excerpts, and read more buttons. Sortable Elements: Drag and drop to rearrange the Post Title, Metadata, and Excerpt inside each post. Feature Image Settings: Pick the image size, set a fallback image, toggle link, set dimensions (Width/Height), adjust image fitting (Cover/Contain), and animate the corner radius on hover. Title Control: Customize post title with enable link, select tag, word/character limit, typography, alignment, colors, and margin. Flexible Metadata: Show or hide post author, date, categories with position, and comment counts with a custom separator, typography, different colors and margin. Dynamic Excerpt: Display excerpt from post excerpt or content with limit, alignment, typography, colors, and margin. Customized Read More: Show Read More button with custom label and icon with link tab and style for alignment, typography, padding, colors, borders, shadows and hover animation. Interactive Container Design: Alignment, backgrounds, borders, and shadows with padding support for article blocks and content areas. Shortcode Support: Seamlessly display post blocks anywhere on your site using shortcodes. Responsive Ready: Fully optimized for a perfect experience on mobile, tablet, and desktop devices. Developer Friendly: Built with clean code following the best WordPress developmental standards. Pro Version – Unlock Premium Power Advanced Post Block Pro adds precision filtering, layout enhancements, and deeper content control for high-performing websites. What’s Included in Pro: Premium Templates: Unlock the full Template Library — import Pro-only, professionally designed post layouts in one click. Exclusive Layouts: Unlock the Grid 1, Magazine 2, and Timeline layouts, plus the List Left/Right Even-Odd and Overlay Content Box sub-layouts. Timeline Layout: Lay posts out as a dated sequence, Vertical or Horizontal, with control over max width, orientation, line width, dot style, dot position and dot size, a date shown Inline, in the Gutter or on a Badge, and Year/Month grouping. Accordion Pro: Unlock the With Thumbnail, Numbered FAQ, Split Panel, and Minimal Lines themes, multiple open panels, custom animation speed, 12 extra indicator icon sets, and Lift/Zoom hover animations. Ticker Options: Set the ticker direction, speed, interval, height, visible post count, and pause on mouse hover. News Ticker Options: Set the news ticker label, theme, type, direction, speed, animation, and pause on mouse hover. Query Presets: Instant query configurations for Popular, Random, Sticky, Most Comments, Related Posts, and more. Deeper Filtering: Filter by Custom Taxonomies, run a Search Query, and order by Post ID, Name (Slug), Comment Count, or Include Posts order. Post Precision: Exclude the current post and Exclude sticky posts from any query. More Load More Types: Infinite Scroll with a trigger offset, spinner and loading label, plus a Load More button with a custom label. Feature Image: Lazy load images and apply normal/hover grayscale with the Scale Up hover animation. Title Ellipsis: Append a trailing ellipsis to titles trimmed by the word/character limit. Excerpt Control: Pull the excerpt from the Yoast SEO, Rank Math, or All in One SEO meta description, and toggle its trailing ellipsis. Advanced Read More: 14 extra arrow icons, an icon gap and left/right icon position, an Auto/Bottom button position, and a pulse hover animation. Metadata Customization: Set the gap between meta items, drag-and-drop reorder them, and set the meta alignment and separator color. Meta Author: Link the author name and set a custom author icon. Meta Date: Preset or custom date formats, a “Time Ago” display, and a custom date icon. Meta Category: Top Left, Top Right and Bottom Right on-image positions, a custom category icon, and padding and border radius for the category badge. Tags & Custom Taxonomies: Show tags and custom taxonomy terms in the meta row, each with its own custom icon. Meta Reading Time: Show the estimated reading time with seconds, a custom label, and a custom icon. Meta Comment Icon: Replace the default comment icon with your own. Post View Count: Track and display post views in the meta row with a custom icon. Custom Query Hook: Leverage the apb_query filter for deep developer-level control. How to Use – Step-by-Step Setup Getting started is fast and beginner-friendly. You can set up your first post grid in just a few clicks. Step-by-Step Setup: Install and activate the Advanced Post Block plugin. Open a post or page in the Gutenberg editor. Click the + icon. Find the block called Advanced Post Block under the “Advanced Post Block” category. Choose your layout style, post type, and configure display settings. Save and publish. That’s it! Gutenberg Block Support Using the Block Editor? You’re covered. Easily find the Advanced Post Block in the Gutenberg block library. Drag and drop to add dynamic post lists to any page or post. Customize layout and design using the right-hand block settings panel. Live Demo | Upgrade to Pro User Feedback ⭐⭐⭐⭐⭐ Excellent Plugin ❛❛Amazing plugin, with now option to showcase pages instead of posts as well. Just perfect!❜❜ –sophibee ⭐⭐⭐⭐⭐ It does what I need it to do very well ❛❛This plugin works good, has many options and sounds like more to come. What I like best is the support. Nothing better then a quick reply and they were able help out too! Looking forward to much more style control maybe in a future update.❜❜ –eMBurr ⭐⭐⭐⭐⭐ Great Job! ❛❛I love the layout! Makes things fast and easy.❜❜ –Tori Chambers ⭐⭐⭐⭐⭐ Wonderful plugin, exceptional support ❛❛I’ll be completely honest, the level of support offered by the plugin creator is exceptional! This is the best plugin for your blog posts arrangement, it makes your blog look wonderful and well-organized.❜❜ –husainghasra – Did you like this plugin? Dislike it? Have a feature request? Please share your feedback with us Check out the Parent Plugin of this plugin- B Blocks – A blocks collection and page building tool for Gutenberg. Check out our other WordPress Plugins- Html5 Video Player – Display videos as single and playlist in multiple skins. PDF Poster – Display/Embed PDF files with different styles. Html5 Audio Player – Listen audios with awesome visuals. StreamCast – Customizable radio player with different skins. 3D Viewer – Embed 3D models and 3D products with interaction. Source Code You can find the source code, report bugs, and contribute to the development of this plugin on our GitHub repository: Advanced Post Block on GitHub Third-Party Libraries This plugin bundles the following third-party JavaScript/PHP libraries. jQuery Easy Ticker Source: https://github.com/vaakash/jquery-easy-ticker GitHub: https://github.com/vaakash/jquery-easy-ticker License: MIT – https://github.com/vaakash/jquery-easy-ticker/blob/master/LICENSE Purpose: Provides smooth vertical scrolling for the News Ticker layout. Swiper Source: https://swiperjs.com/ GitHub: https://github.com/nolimits4web/swiper License: MIT – https://github.com/nolimits4web/swiper/blob/master/LICENSE Purpose: Modern touch slider used for Slider and News Ticker components. react-responsive-masonry Source: https://www.npmjs.com/package/react-responsive-masonry GitHub: https://github.com/cedricdelpoux/react-responsive-masonry License: MIT – https://github.com/cedricdelpoux/react-responsive-masonry/blob/master/LICENSE Purpose: Handles responsive masonry layouts for post displays. Freemius Lite SDK Source: https://bplugins.com/ GitHub: https://github.com/bPlugins/freemius-lite-sdk License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html Purpose: Provides an opt-in consent form for usage tracking and analytics to help improve the plugin. No data is sent before explicit user consent. External Services: Communicates with api.bplugins.com (activation events) and wp.freemius.com (opt-in processing) only after user opt-in. See bPlugins Privacy Policy and Freemius Privacy Policy. bpl-tools Source / GitHub: https://github.com/bPlugins/bpl-tools License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls. External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made

Lightweight Accordion plugin for WordPress allows you to add collapse elements to posts using a Gutenberg block or a shortcode (via classic editor). By using the details HTML tag and a few lines of CSS this allows for a javascript-free accordion for minimum page load. Extremely Lightweight (<1kb): Without using Javascript the plugin uses the native details HTML tag and a few lines of code for almost no impact on front-end. Customizable: Options include customizing the HTML tag used for the accordion title, open by default, borders, colors, and accordion grouping (auto-close others when one opens). Shortcode Usage examples Here are a few examples of using the accordion plugin with shortcodes. [lightweight-accordion title="My Accordion"]My Content[/lightweight-accordion] Additionally you can display the accordion open on load with the accordion_open option. [lightweight-accordion title="My Accordion" accordion_open=true]My Content[/lightweight-accordion] You can also change the html tag wrapping the title of the accordion using the title_tag option. [lightweight-accordion title="My Accordion" title_tag="h3"]My Content[/lightweight-accordion] If you want to include FAQ schema you can add the schema option and set it to faq. [lightweight-accordion title="What is your return policy?" schema="faq"]You have 1 week to return your items[/lightweight-accordion] If you’d like put a border around the content of the accordion you can use the “bordered” attribute. [lightweight-accordion title="Bordered Content" bordered=true]My Content[/lightweight-accordion] If you want accordions to auto-close when another opens (exclusive accordion), use the “group” attribute with the same value on each accordion. [lightweight-accordion title="Question 1" group="faq"]Answer 1[/lightweight-accordion] [lightweight-accordion title="Question 2" group="faq"]Answer 2[/lightweight-accordion] [lightweight-accordion title="Question 3" group="faq"]Answer 3[/lightweight-accordion] If you’d like to swap the default triangle marker for a chevron or plus/minus icon (optionally on the right side of the title) use the “icon” and “icon_position” attributes. [lightweight-accordion title="My Accordion" icon="chevron" icon_position="right"]My Content[/lightweight-accordion] Shortcode Options Here is the full listing of shortcode options. Additionally all of these options are accessible when using the Gutenberg block. title (Required Default: null) The title of your accordion will be displayed at the top for users to click. A good example would be to include a user’s question so they could click it for more details. content (Required Default: null) Content that will go into your accordion element. title_tag (Default: “span”) This sets the html tag that wraps the title in the accordion summary. Useful if you want to make it a heading tag for SEO purposes. accordion_open (Default: false) Set this to true if you want your accordion to be open by default. bordered (Default: false) Set this to true if you want a border around the accordion content. title_text_color (Default: false) Set this to a hex value or CSS color to change the color of the accordion title text. title_background_color (Default: false) Set this to a hex value or CSS color to change the color of the accordion title text. schema (Default: false) Set this to faq if you’d like FAQ schema to be included. class (Default: false) Used to add a custom class to the parent container of the accordion. anchor (Default: null) Adds the value as an ID to the accordion div as an anchor. autop (Default: true) By default the shortcode will wrap text in a ‘p’ tag. Set this to false if you’d like this disabled for the specific accordion. group (Default: false) Set this to a group name to make accordions with the same group auto-close when another opens. Uses the native HTML details name attribute for zero JavaScript overhead. icon (Default: false) Set this to “chevron”, “plus”, or “none” to replace the default triangle marker. The chevron rotates and the plus becomes a minus when the accordion opens. icon_position (Default: false) Set this to “right” to display the chevron or plus icon on the right side of the accordion title. Additional Details If you’d like to remove the “lightweight-accordion.css” from being enqueued on your site use the filter below. It’s recommend you style the accordion yourself if you use this filter. add_filter('lightweight_accordion_include_frontend_stylesheet', '__return_false' ); If you’d like to remove the “lightweight-accordion/editor-styles.css” from being enqueued in the admin area of your site you can use the filter below. add_filter('lightweight_accordion_include_admin_stylesheet', '__return_false' ); If you’d like to remove processing of shortcodes in accordion content you can use this filter. add_filter('lightweight_accordion_process_shortcodes', '__return_false' ); If you’d like to use inline Microdata for FAQ schema you can use this filter. (Not recommended) add_filter('lightweight_accordion_output_microdata', '__return_true' ); If you’d like to force “lightweight-accordion.css” to load on all of your site you can use this filter. By default the plugin will detect if the block or shortcode is used and enqueue the CSS. add_filter('lightweight_accordion_always_include_frontend_stylesheet', '__return_true' ); When a page contains an accordion a tiny inline script is added to the footer that automatically opens accordions targeted by a URL hash (for example a link to an accordion’s anchor). If you’d like to disable this you can use the filter below. add_filter('lightweight_accordion_anchor_script', '__return_false' );