Title: DisplayKit – Page, Post & Product Display Block Author: Upluggit Published: 26 avril 2026 Last modified: 21 mai 2026 --- Recherche d’extensions ![](https://ps.w.org/displaykit/assets/banner-772x250.png?rev=3515830) ![](https://ps.w.org/displaykit/assets/icon.svg?rev=3527093) # DisplayKit – Page, Post & Product Display Block Par [Upluggit](https://profiles.wordpress.org/upluggit/) [Télécharger](https://downloads.wordpress.org/plugin/displaykit.1.1.0.zip) * [Détails](https://fr-be.wordpress.org/plugins/displaykit/#description) * [Avis](https://fr-be.wordpress.org/plugins/displaykit/#reviews) * [Installation](https://fr-be.wordpress.org/plugins/displaykit/#installation) * [Développement](https://fr-be.wordpress.org/plugins/displaykit/#developers) [Support](https://wordpress.org/support/plugin/displaykit/) ## 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. ## Captures d’écran * [[ * DisplayKit block in the Gutenberg Block editor. * [[ * Grid layout with customizable card dimensions and alignment. * [[ * List layout with customizable card dimensions and alignment. ## Blocs Cette extension fournit 1 bloc. * DisplayKit – Page, Post & Product Display Block A flexible block for displaying pages, posts, and WooCommerce products with multiple layouts, rich customization, and dynamic querying. ## Installation 1. Upload the plugin files to the `/wp-content/plugins/displaykit` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the ‘Plugins’ screen in WordPress. 3. In the block editor, search for « DisplayKit » and add it to your page. ## FAQ ### Does it work with Custom Post Types? Yes! The block dynamically fetches all public post types registered on your site. ### Does it work with WooCommerce? Yes! Select the « Products » post type and DisplayKit will automatically show product- specific information like price, ratings, sale badges, and an Add to Cart button. WooCommerce must be installed and activated separately. ### Can I sort products by price, popularity, or rating? Yes! When the Products post type is selected with WooCommerce active, additional« Order By » options appear: Price, Popularity, Rating, etc. ### Can I display specific posts or products? Yes! Use the « Specific Posts/Products » control in the Query panel to search and hand-pick individual items to display. ### What are the minimum requirements? WordPress 6.2 or higher and PHP 7.4 or higher. For WooCommerce product features, WooCommerce must be installed and active. ## Avis Il n’y a aucun avis pour cette extension. ## Contributeurs & développeurs « DisplayKit – Page, Post & Product Display Block » est un logiciel libre. Les personnes suivantes ont contribué à cette extension. Contributeurs * [ Upluggit ](https://profiles.wordpress.org/upluggit/) [Traduisez « DisplayKit – Page, Post & Product Display Block » dans votre langue.](https://translate.wordpress.org/projects/wp-plugins/displaykit) ### Le développement vous intéresse ? [Parcourir le code](https://plugins.trac.wordpress.org/browser/displaykit/), consulter le [SVN dépôt](https://plugins.svn.wordpress.org/displaykit/), ou s’inscrire au [journal de développement](https://plugins.trac.wordpress.org/log/displaykit/) par [RSS](https://plugins.trac.wordpress.org/log/displaykit/?limit=100&mode=stop_on_copy&format=rss). ## Journal #### 1.0.0 * Initial release with page/post/product display, multiple layouts, WooCommerce integration, and rich customization. ## Méta * Version **1.1.0** * Last updated **il y a 2 semaines** * Active installations **Moins de 10** * WordPress version ** 6.2 ou plus ** * Tested up to **7.0** * PHP version ** 7.4 ou plus ** * Language * [English (US)](https://wordpress.org/plugins/displaykit/) * Tags * [Gutenberg block](https://fr-be.wordpress.org/plugins/tags/gutenberg-block/)[post grid](https://fr-be.wordpress.org/plugins/tags/post-grid/) [post list](https://fr-be.wordpress.org/plugins/tags/post-list/)[product display](https://fr-be.wordpress.org/plugins/tags/product-display/) [woocommerce](https://fr-be.wordpress.org/plugins/tags/woocommerce/) * [Vue avancée](https://fr-be.wordpress.org/plugins/displaykit/advanced/) ## Notes No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/displaykit/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/displaykit/reviews/) ## Contributeurs * [ Upluggit ](https://profiles.wordpress.org/upluggit/) ## Support Quelque chose à dire ? Besoin d’aide ? [Voir le forum de support](https://wordpress.org/support/plugin/displaykit/) ## Faire un don Souhaitez-vous soutenir l’avancement de cette extension ? [ Faire un don à cette extension ](https://upluggit.com/)