Title: ShelfBuilder Lite
Author: jkolodziej
Published: <strong>2026 年 3 月 22 日</strong>
Last modified: 2026 年 5 月 11 日

---

搜索插件

![](https://ps.w.org/shelfbuilder-lite/assets/banner-772x250.png?rev=3488386)

![](https://ps.w.org/shelfbuilder-lite/assets/icon-256x256.png?rev=3488386)

# ShelfBuilder Lite

 作者：[jkolodziej](https://profiles.wordpress.org/jkolodziej/)

[下载](https://downloads.wordpress.org/plugin/shelfbuilder-lite.1.0.2.zip)

 * [详情](https://cn.wordpress.org/plugins/shelfbuilder-lite/#description)
 * [评价](https://cn.wordpress.org/plugins/shelfbuilder-lite/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/shelfbuilder-lite/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/shelfbuilder-lite/#developers)

 [支持](https://wordpress.org/support/plugin/shelfbuilder-lite/)

## 描述

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:**

 1. Add the ShelfBuilder block to any page or post
 2. Choose a content type (Posts, Pages, or custom post types)
 3. Pick specific items from a searchable, scrollable list
 4. Drag and drop to arrange them in your preferred order
 5. 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](https://pixelsandpetals.net/product/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 个区块.

 *   ShelfBuilder Lite

## 安装

 1. Upload the `shelfbuilder-lite` folder to `/wp-content/plugins/`
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. 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](https://pixelsandpetals.net/product/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.

## 评价

此插件暂无评价。

## 贡献者及开发者

「ShelfBuilder Lite」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ jkolodziej ](https://profiles.wordpress.org/jkolodziej/)

[帮助将「ShelfBuilder Lite」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/shelfbuilder-lite)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/shelfbuilder-lite/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/shelfbuilder-lite/)，或通过[RSS](https://plugins.trac.wordpress.org/log/shelfbuilder-lite/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/shelfbuilder-lite/)。

## 更新日志

#### 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

## 额外信息

 *  版本 **1.0.2**
 *  最后更新：**4 周前**
 *  活跃安装数量 **不到10**
 *  WordPress 版本 ** 6.0 或更高版本 **
 *  已测试的最高版本为 **6.9.4**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/shelfbuilder-lite/)
 * 标签
 * [block](https://cn.wordpress.org/plugins/tags/block/)[drag drop](https://cn.wordpress.org/plugins/tags/drag-drop/)
   [gallery](https://cn.wordpress.org/plugins/tags/gallery/)[grid](https://cn.wordpress.org/plugins/tags/grid/)
   [layout](https://cn.wordpress.org/plugins/tags/layout/)
 *  [高级视图](https://cn.wordpress.org/plugins/shelfbuilder-lite/advanced/)

## 评级

尚未提交反馈。

[Your review](https://wordpress.org/support/plugin/shelfbuilder-lite/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/shelfbuilder-lite/reviews/)

## 贡献者

 *   [ jkolodziej ](https://profiles.wordpress.org/jkolodziej/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/shelfbuilder-lite/)