विवरण
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.
स्क्रिनसटहरू
ब्लकहरू
यो प्लगिनले 1 ब्लक उपलब्ध गराउँछ।
- DisplayKit – Page, Post & Product Display Block A flexible block for displaying pages, posts, and WooCommerce products with multiple layouts, rich customization, and dynamic querying.
स्थापना
- Upload the plugin files to the
/wp-content/plugins/displaykitdirectory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress.
- In the block editor, search for “DisplayKit” and add it to your page.
प्रश्नोत्तर
-
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.
समीक्षाहरू
यस प्लगिनको लागि कुनै समीक्षाहरू छैनन्।
योगदानकर्ता र डेभलपरहरू
“DisplayKit – Page, Post & Product Display Block” खुला स्रोत सफ्टवेयर हो। निम्न व्यक्तिहरूले यो प्लगिनमा योगदान गरेका छन्।
योगदानकर्ताहरू
“DisplayKit – Page, Post & Product Display Block” लाई आफ्नो भाषामा अनुवाद गर्नुहोस्
विकासमा रुचि छ?
आरएसएस द्वारा कोड ब्राउज गर्नुहोस्, एसभीएन रिपजिटरी हेर्नुहोस्, वा विकास लग को सदस्यता लिनुहोस्।
चेन्जलग
1.0.0
- Initial release with page/post/product display, multiple layouts, WooCommerce integration, and rich customization.