DisplayKit – Page, Post & Product Display Block Wordpress Plugin - Rating, Reviews, Demo & Download
Plugin Description
DisplayKit allows WordPress users to display content from any post type — including pages, posts, and WooCommerce products — with powerful layout and styling options, all without writing a single line of code.
Key Features
- Any Content Type — Display Posts, Pages, WooCommerce Products, or any registered Custom Post Type.
- Specific Item Selection — Hand-pick individual posts or products to showcase by searching and selecting them in the editor.
- Multiple Layouts — Grid (1–6 columns) and List layouts with customizable card dimensions, alignment, and responsive breakpoints.
- WooCommerce Integration — Product price, sale badges, star ratings, stock status, and Add to Cart buttons are displayed automatically when showcasing products.
- Post Card Customization — Toggle featured images, titles, excerpts, author/date meta, and read-more buttons. Control image aspect ratios, typography, colors, spacing, and border radius.
- Open in New Tab — Optionally open all card links in a new browser tab.
- Performance Optimized — Skeleton loading states, lazy-loaded images, and smooth CSS transitions ensure great Core Web Vitals scores.
- Mobile-First Design — Layouts adapt beautifully to any screen size with responsive breakpoints.
- Security — All inputs are sanitized and outputs are properly escaped.
Editor Experience
Settings are organized into intuitive panels in the block sidebar:
- Query Panel — Post type, taxonomy, terms, author, order, count, specific posts/products selection
- Layout Panel — Grid/List, columns, gaps, card dimensions, alignment
- Display Panel — Toggle post card elements, open in new tab, image aspect ratio
- WooCommerce Panel — Price, rating, sale badge, add to cart controls (appears when product post type is selected)
- Style Panel — Colors, typography, spacing, border radius
Third-Party Services
This plugin does not connect to any third-party or external services. All data is queried and rendered locally from your WordPress installation using the WordPress REST API.
Screenshots
DisplayKit block in the Gutenberg Block editor.
Grid layout with customizable card dimensions and alignment.
List layout with customizable card dimensions and alignment.
