外掛說明
ShelfBuilder Lite is a Gutenberg block plugin that lets you create curated, hand-picked grids with full drag-and-drop ordering. Unlike query-based blocks that automatically pull content, ShelfBuilder gives you complete control over which items appear and in what order.
How it works:
- Add the ShelfBuilder block to any page or post
- Choose a content type (Posts, Pages, or custom post types)
- Pick specific items from a searchable, scrollable list
- Drag and drop to arrange them in your preferred order
- Customize the grid layout with sidebar controls
Features:
- Drag-and-drop grid ordering with visual gap indicators
- Searchable item picker with tag filtering
- Customizable columns (1-6), gap spacing, and card max width
- Image aspect ratio options (square, landscape, wide, portrait)
- Text alignment controls (left, center, right)
- Grid padding for centered layouts
- Responsive design (2 columns on tablet, 1 on mobile)
- Lightweight — no jQuery dependency, minimal CSS, zero frontend JavaScript
Looking for WooCommerce support?
ShelfBuilder Pro adds WooCommerce products, product categories, product tags, pricing display, item counts, add-to-cart buttons, hierarchical category browsing, and product tag filtering — all for a one-time $1 purchase.
螢幕擷圖
The drag-and-drop grid editor with visual reordering 
Sidebar controls for content source and item selection 
Grid settings with columns, gap, padding, and card width options 
A rendered grid on the frontend
適用於區塊編輯器
這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。
- ShelfBuilder Lite
安裝方式
- Upload the
shelfbuilder-litefolder to/wp-content/plugins/ - Activate the plugin through the ‘Plugins’ menu in WordPress
- Add the “ShelfBuilder Lite” block to any page or post using the block editor
常見問題集
-
Does this work with the block editor only?
-
Yes, ShelfBuilder is a Gutenberg block. It requires WordPress 6.0 or later with the block editor enabled.
-
Can I use this with WooCommerce products?
-
The Lite version supports Posts, Pages, and non-WooCommerce custom post types. For WooCommerce product grids, product categories, pricing, and add-to-cart buttons, check out ShelfBuilder Pro.
-
How many items can I add to a grid?
-
There is no hard limit. The item picker loads up to 200 items per content type, and you can select as many as you need.
-
Does this add any scripts to my frontend?
-
No. ShelfBuilder renders pure HTML and CSS on the frontend with zero JavaScript. The drag-and-drop editor interface only loads in the block editor.
-
Can I have multiple ShelfBuilder blocks on one page?
-
Yes, each block is independent with its own content type, item selection, and layout settings.
使用者評論
這個外掛目前沒有任何使用者評論。
參與者及開發者
變更記錄
1.0.2
- Fix: Selected items now refresh their thumbnails and titles when opening the editor, keeping grid data current with your content
1.0.0
- Initial release
- Drag-and-drop grid block with pointer-event-based reordering
- Searchable item picker with tag filtering
- Support for Posts, Pages, and custom post types
- Customizable columns, gap, aspect ratio, text alignment
- Grid padding and card max width controls
- Responsive frontend layout
- Vertical gap indicator during drag operations