Title: DisplayKit – Page, Post & Product Display Block Author: Upluggit Published: 2026년 4월 26일 Last modified: 2026년 5월 21일 --- 플러그인 검색 ![](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 작성자: [Upluggit](https://profiles.wordpress.org/upluggit/) [다운로드](https://downloads.wordpress.org/plugin/displaykit.1.1.0.zip) * [세부사항](https://ko.wordpress.org/plugins/displaykit/#description) * [평가](https://ko.wordpress.org/plugins/displaykit/#reviews) * [설치](https://ko.wordpress.org/plugins/displaykit/#installation) * [개발](https://ko.wordpress.org/plugins/displaykit/#developers) [지원](https://wordpress.org/support/plugin/displaykit/) ## 설명 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. ## 스크린샷 [⌊DisplayKit block in the Gutenberg Block editor.⌉⌊DisplayKit block in the Gutenberg Block editor.⌉[ DisplayKit block in the Gutenberg Block editor. [⌊Grid layout with customizable card dimensions and alignment.⌉⌊Grid layout with customizable card dimensions and alignment.⌉[ Grid layout with customizable card dimensions and alignment. [⌊List layout with customizable card dimensions and alignment.⌉⌊List layout with customizable card dimensions and alignment.⌉[ List layout with customizable card dimensions and alignment. ## 블록 이 플러그인은 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. ## 설치 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. ## 후기 이 플러그인에 대한 평가가 없습니다. ## 기여자 & 개발자 “DisplayKit – Page, Post & Product Display Block”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다. 기여자 * [ Upluggit ](https://profiles.wordpress.org/upluggit/) [자국어로 “DisplayKit – Page, Post & Product Display Block”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/displaykit) ### 개발에 관심이 있으십니까? [코드 탐색하기](https://plugins.trac.wordpress.org/browser/displaykit/)는, [SVN 저장소](https://plugins.svn.wordpress.org/displaykit/) 를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/displaykit/) 을 [RSS](https://plugins.trac.wordpress.org/log/displaykit/?limit=100&mode=stop_on_copy&format=rss) 로 구독하세요. ## 변경이력 #### 1.0.0 * Initial release with page/post/product display, multiple layouts, WooCommerce integration, and rich customization. ## 기초 * 버전 **1.1.0** * 최근 업데이트: **1개월 전** * 활성화된 설치 **10보다 적음** * 워드프레스 버전 ** 6.2 또는 그 이상 ** * 다음까지 시험됨: **7.0** * PHP 버전 ** 7.4 또는 그 이상 ** * 언어 * [English (US)](https://wordpress.org/plugins/displaykit/) * 태그: * [Gutenberg block](https://ko.wordpress.org/plugins/tags/gutenberg-block/)[post grid](https://ko.wordpress.org/plugins/tags/post-grid/) [post list](https://ko.wordpress.org/plugins/tags/post-list/)[product display](https://ko.wordpress.org/plugins/tags/product-display/) [woocommerce](https://ko.wordpress.org/plugins/tags/woocommerce/) * [고급 보기](https://ko.wordpress.org/plugins/displaykit/advanced/) ## 평점 아직 제출된 리뷰가 없습니다. [Your review](https://wordpress.org/support/plugin/displaykit/reviews/#new-post) [모든 리뷰 보기](https://wordpress.org/support/plugin/displaykit/reviews/) ## 기여자 * [ Upluggit ](https://profiles.wordpress.org/upluggit/) ## 지원 할 말 있으신가요? 도움이 필요하신가요? [지원 포럼 보기](https://wordpress.org/support/plugin/displaykit/) ## 기부 이 플러그인이 발전하도록 도우시겠습니까? [ 이 플러그인에 기부하기 ](https://upluggit.com/)