Title: Plover Kit – Blocks, Patterns, Responsive Layout and Gutenberg Editor Enhancements
Author: WP Plover
Published: <strong>2024 年 8 月 29 日</strong>
Last modified: 2026 年 5 月 22 日

---

搜索插件

![](https://ps.w.org/plover-kit/assets/banner-772x250.png?rev=3468166)

![](https://ps.w.org/plover-kit/assets/icon.svg?rev=3165323)

# Plover Kit – Blocks, Patterns, Responsive Layout and Gutenberg Editor Enhancements

 作者：[WP Plover](https://profiles.wordpress.org/plover/)

[下载](https://downloads.wordpress.org/plugin/plover-kit.1.6.4.zip)

 * [详情](https://cn.wordpress.org/plugins/plover-kit/#description)
 * [评价](https://cn.wordpress.org/plugins/plover-kit/#reviews)
 * [开发进展](https://cn.wordpress.org/plugins/plover-kit/#developers)

 [支持](https://wordpress.org/support/plugin/plover-kit/)

## 描述

Tired of the limitations of the standard WordPress block editor? Plover Kit is a
powerful WordPress blocks plugin that enhances the Gutenberg block editor with a
beautiful pattern library, advanced custom blocks, and extensive responsive design
controls for core blocks. Add magazine layouts, table of contents, icons, animations,
and more—all while keeping your site fast with its modular design. Build professional
websites faster, without touching code.

### 🚀 核心功能与增强特性

#### 🎨 Advanced Layout & Core Block Controls

突破默认设置的局限。Plover Kit 为标准 WordPress 模块（如 **封面**、**列布局**、**
查询分页**、**按钮** 等）增添了高级设计选项。您将获得对以下功能的精准控制：

 * **[Flex Layout](https://wpplover.com/docs/plover-kit/modules/advanced-layout/#flex-layout)**:
   Add responsive Flexbox Layout controls to WordPress core blocks, allowing you
   to create advanced and flexible layouts without any code. (**[Flex Layout](https://wpplover.com/docs/plover-kit/modules/advanced-layout/#flex-layout)**).
 * **Layout & Positioning**: Set block position (relative, absolute, sticky, fixed),
   Z-Index, Order (**[CSS Position](https://wpplover.com/docs/plover-kit/modules/advanced-layout/#css-position)**)
   and display properties with responsive controls (**[CSS Display](https://wpplover.com/docs/plover-kit/modules/advanced-layout/#css-display)**).
 * **Spacing & Sizing**: Set height, width, min/max dimensions with responsive controls(**
   [Block Sizing](https://wpplover.com/docs/plover-kit/modules/advanced-layout/#block-sizing)**).
 * **Visual Styles**: Apply advanced text-shadow, drop-shadow, and box-shadow to
   any blocks (**[Block Shadow](https://wpplover.com/docs/plover-kit/modules/block-shadow/)**).
 * **[Block Sticky](https://wpplover.com/docs/plover-kit/modules/block-sticky/)**:
   Make elements sticky on scroll.
 * **[Event Handler](https://wpplover.com/docs/plover-kit/modules/block-event-handler/)**:
   Add custom JavaScript event handlers (click, double-click, hover, etc.) to button
   block for advanced interactions.
 * **[Code Highlight](https://wpplover.com/docs/plover-kit/modules/code-highlight/)**:
   Enhance the core Code block with syntax highlighting.

#### 🆕 强大的自定义区块

通过专用模块即时添加复杂功能：

 * **[杂志版式](https://wpplover.com/docs/plover-kit/modules/magazine-layout/)**：
   通过杂志版式动态内容展示，提升您的WordPress网站体验。
 * **[目录](https://wpplover.com/docs/plover-kit/modules/table-of-contents/)**：
   自动生成嵌套标题列表，提升导航体验。
 * **[面包屑导航](https://wpplover.com/docs/plover-kit/modules/breadcrumb/)**：简单
   且可自定义的面包屑导航。
 * 图标与图标按钮：访问包含2000多个免费图标的库，丰富您的设计。
 * **[计数器特效](https://wpplover.com/docs/plover-kit/modules/counter-block/)**：
   为属性值和里程碑添加带数字的动画计数器。
 * **[阅读时间块](https://wpplover.com/docs/plover-kit/modules/reading-time-block/)**：
   为您的文章显示预计阅读时间。
 * **[ 代码片段块（高级版）](https://wpplover.com/docs/plover-kit/modules/code-snippets/#code-snippet-block)**：
   将您在[代码片段库](https://wpplover.com/docs/plover-kit/modules/code-snippets/)
   中保存的代码片段插入到页面任意位置。

### 💎 完整图标解决方案

使用我们的集成图标系统，在任何位置添加精美图标。访问包含2000多款免费图标的图库，
或上传您自己的SVG文件。

 * **[图标块](https://wpplover.com/docs/plover-kit/modules/icon-block/)**：将图标
   作为独立元素放置在页面任意位置。
 * **[内联图标（高级版）](https://wpplover.com/docs/plover-kit/modules/icon-block/#inline-icon)**：
   将图标直接插入任何文本或标题中，紧邻文字显示。
 * **[图标按钮](https://wpplover.com/docs/plover-kit/modules/icon-button/)**：轻松
   为标准按钮区块添加图标，让您的行动号召脱颖而出。
 * **[图标库](https://wpplover.com/docs/plover-kit/modules/icon-library/)**：集中
   管理、上传和整理您的自定义SVG图标，或从2000+在线图标中选择——一站式满足所有需求。

#### ✨ 动态与视觉特效

增添动态效果与时尚感，同时不拖慢网站速度：

 * **[入口动画](https://wpplover.com/docs/plover-kit/modules/entrance-animation/)**：
   让元素在滚动进入视野时栩栩如生。
 * **[悬停动画](https://wpplover.com/docs/plover-kit/modules/hover-animation/)**：
   通过互动悬停效果吸引访客。
 * **[打字动画](https://wpplover.com/docs/plover-kit/modules/typing-animation/)**：
   创建动态、引人注目的文字动画效果。
 * **[形状分隔符](https://wpplover.com/docs/plover-kit/modules/shape-divider/)**：
   在不同板块间打造精美的视觉分隔效果。
 * **[粒子特效](https://wpplover.com/docs/plover-kit/modules/particles-effect/)**：
   为您的设计增添微妙而现代的背景粒子效果。
 * **[粗略标注](https://wpplover.com/docs/plover-kit/modules/rough-notation/)**：
   模拟手绘标注效果，如圆圈和下划线。
 * **[预加载器](https://wpplover.com/docs/plover-kit/modules/preloader/)**：在网站
   内容加载时显示动画元素。

### 🧩 节省时间的库

 * **[模式库](https://wpplover.com/docs/plover-kit/modules/pattern-library/)**：
   一键插入现成的专业布局。
 * **[图标库](https://wpplover.com/docs/plover-kit/modules/icon-library/)**：从2000
   多个在线图标中选择，或上传并管理您自己的自定义SVG图标。
 * **[代码片段](https://wpplover.com/docs/plover-kit/modules/code-snippets/)**：
   创建并插入HTML、JavaScript或CSS代码片段至网站头部或底部区域，例如Google Analytics
   代码、AdSense代码、Facebook像素代码等。无需再编辑主题文件（如`header.php`）——
   即使更换主题，您的代码也能安全保留。

### 为什么您应该选择Plover套件？

 * **模块化设计**：仅激活所需功能，实现最佳性能。
 * **专为区块编辑器打造**：与WordPress及大多数区块主题无缝集成。
 * **Unlocks Design Potential**: Responsive layout, animations, advanced extensions——
   Plover Kit Turns the block editor into a true page builder alternative.

### 隐私

此插件下面的特性将访问我们的 [外部服务](https://api.wpplover.com/)。

 * 图标库
 * 模板库

阅读此插件的 [隐私政策](https://wpplover.com/privacy-policy/) 和[ 使用条款 ](https://wpplover.com/terms-conditions/)。

## 屏幕截图

[⌊Plover Kit 模块屏幕⌉⌊Plover Kit 模块屏幕⌉[

Plover Kit 模块屏幕

[⌊模板库⌉⌊模板库⌉[

模板库

[⌊图标工具⌉⌊图标工具⌉[

图标工具

[⌊图标库⌉⌊图标库⌉[

图标库

[⌊杂志版式区块⌉⌊杂志版式区块⌉[

杂志版式区块

[⌊粒子效果⌉⌊粒子效果⌉[

粒子效果

[⌊悬停动画⌉⌊悬停动画⌉[

悬停动画

[⌊打字动画⌉⌊打字动画⌉[

打字动画

[⌊入场动画⌉⌊入场动画⌉[

入场动画

[⌊计数器区块⌉⌊计数器区块⌉[

计数器区块

[⌊手绘标记⌉⌊手绘标记⌉[

手绘标记

[⌊内容目录⌉⌊内容目录⌉[

内容目录

[⌊面包屑设置⌉⌊面包屑设置⌉[

面包屑设置

[⌊形状分隔符⌉⌊形状分隔符⌉[

形状分隔符

[⌊代码高亮选项和预览⌉⌊代码高亮选项和预览⌉[

代码高亮选项和预览

[⌊预加载器⌉⌊预加载器⌉[

预加载器

[⌊块阴影预览⌉⌊块阴影预览⌉[

块阴影预览

[⌊粘性块选项⌉⌊粘性块选项⌉[

粘性块选项

[⌊JavaScript 事件处理程序⌉⌊JavaScript 事件处理程序⌉[

JavaScript 事件处理程序

## 区块

该插件提供了 6 个区块.

 *   Plover: Table of Contents Add a Table of Contents block to your posts and pages.
 *   Plover: Breadcrumb Let’s you easily display breadcrumb navigation on your WordPress
   site, easy customization.
 *   Plover: Reading Time Let’s you easily add an estimated reading time to your
   WordPress posts.
 *   Plover: Code Snippet Insert code snippets to current post
 *   Plover: Patterns Add beautiful, ready-to-go layouts to your site with one click.
 *   Plover: Counter Add an animated numbered counter to your page

## 常见问题

### Plover Kit 是否兼容任何 WordPress 主题？

是的。Plover Kit 专为块编辑器（古腾堡）设计，可与任何支持块的现代 WordPress 主题
配合使用，包括启用了块编辑器的经典主题。为获得最佳体验，我们建议使用块主题，例如
[Plover Themes](https://wpplover.com/themes/)、Twenty Twenty-Four 或任何其他兼容
FSE 的主题。

### Plover Kit 会减慢我的网站速度吗？

Plover Kit 采用模块化设计——您只需启用实际需要的模块。未使用的模块将完全禁用，不会
在您的网站上加载任何代码。这确保了最佳性能，并最大限度地减少了对页面速度的影响。

### 使用Plover Kit需要编程技能吗？

无需编码。所有功能均可直接在WordPress区块编辑器中使用——无需短代码、无需自定义PHP、
无需修改主题文件。只需点击几下，即可添加图标、动画、布局控制等丰富功能。

### 免费版和高级版有什么区别？

免费版包含大部分基础功能，而部分高级选项和模块需要升级至高级版才能使用。高级版用户
还将获得优先级和专属技术支持。

查看详情请访问我们的[免费版与高级版对比页面](https://wpplover.com/plugins/plover-kit/#free-vs-premium)。

### 我能否将Plover Kit与其他页面构建器（如Elementor、Beaver Builder等）配合使用？

Plover Kit专为WordPress块编辑器（古腾堡）设计。虽然它可与其他页面构建器共存，但其
功能仅在块编辑模式下可用。我们建议配合基于块的主题和工作流程使用。

### 如何启用或禁用特定模块？

安装并激活插件后，请前往WordPress管理后台的Plover Kit  模块页面。您将看到所有可用
模块的列表及对应的开关按钮。只需开启所需模块，关闭不需要的模块即可。

### Plover Kit 会收集任何数据吗？/ 隐私方面如何保障？

某些功能（如图标库和图案库）会从外部服务器获取内容，以提供最新的图标和图案。此过程
不会收集任何个人数据。您可查阅我们的完整[隐私政策](https://wpplover.com/privacy-policy/)
和[条款与条件](https://wpplover.com/terms-conditions/)。

### 我发现缺少一个功能。可以申请添加吗？

当然！我们非常欢迎反馈。请访问我们的[支持论坛](https://wordpress.org/support/plugin/plover-kit/)
或通过网站联系我们，提出新功能建议。

### 是否支持多语言？

是的。Plover Kit 已准备好进行翻译，并已被翻译成多种语言。您可以通过 [translate.wordpress.org](https://translate.wordpress.org/projects/wp-plugins/plover-kit/)
贡献翻译。

### 如何获取支持？

对于免费用户，请使用 [WordPress.org 支持论坛](https://wordpress.org/support/plugin/plover-kit/).
高级用户可通过电子邮件获得优先支持——详情请查阅您的购买凭证。

## 评价

![](https://secure.gravatar.com/avatar/8dae874fffbb5dd5118961d1bf4aeacf8f102120fd30f65cba0340d13dbfe268?
s=60&d=retro&r=g)

### 󠀁[Very useful plugin](https://wordpress.org/support/topic/very-useful-plugin-1648/)󠁿

 [itoyuko](https://profiles.wordpress.org/itoyuko/) 2025 年 10 月 17 日

I know this plugin from the Vene theme, and the Plover Kit plugin offers many useful
modules. You can enable only the modules you need, so there’s no need to worry about
it slowing down your site.

![](https://secure.gravatar.com/avatar/0d336db7ca63e0afdbf1fe871b3c4aff73ceb80b7967f52a5ff9cdb885ecd98c?
s=60&d=retro&r=g)

### 󠀁[Best plugin for dark mode](https://wordpress.org/support/topic/best-plugin-for-dark-mode-2/)󠁿

 [Sarah Schopick](https://profiles.wordpress.org/time2livelife/) 2025 年 7 月 18
日

This plugin has a lot of useful features that are available without a subscription,
including a dark mode icon that actually works. It works best with the Plover theme
or child theme.

![](https://secure.gravatar.com/avatar/4bea3b7b9fe30d51b058bf5388a0c55bd7a8fe8357f3426d9eb9505b98d30bd0?
s=60&d=retro&r=g)

### 󠀁[Very useful plugin for block editor](https://wordpress.org/support/topic/very-useful-plugin-for-block-editor/)󠁿

 [Levi](https://profiles.wordpress.org/levi1998/) 2024 年 8 月 31 日

If you are using a block editor, don’t miss this plugin, very helpful.

 [ 阅读所有3条评价 ](https://wordpress.org/support/plugin/plover-kit/reviews/)

## 贡献者及开发者

「Plover Kit – Blocks, Patterns, Responsive Layout and Gutenberg Editor Enhancements」
是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ WP Plover ](https://profiles.wordpress.org/plover/)

「Plover Kit – Blocks, Patterns, Responsive Layout and Gutenberg Editor Enhancements」
插件已被翻译至 1 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/plover-kit/contributors)
为本插件所做的贡献。

[帮助将「Plover Kit – Blocks, Patterns, Responsive Layout and Gutenberg Editor Enhancements」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/plover-kit)

### 对开发感兴趣吗?

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

## 更新日志

#### 1.6.4

 * Ref: WordPress v7.0 compatible
 * Ref: Update core to v1.3.4
 * Fix: Numeric dynamic CSS vars error

#### 1.6.3

 * Ref: Prefixed vendor packages to avoid conflict
 * Ref: Update core to v1.3.3
 * Ref: Update Freemius SDK
 * Fix: Remove the_content filter to avoid side-effect

#### 1.6.2

 * Ref: Improve patterns library user experience
 * Ref: Better sticky style when user logged in
 * Ref: Update core to v1.3.2

#### 1.6.1

 * Fix: Multi same navigation block causing infinite loop error
 * Ref: Update core to v1.3.1

#### 1.6.0

 * Add: Responsive flex layout controls
 * Add: Responsive text-align controls
 * Add: New advanced layout modules
 * Add: Blocks select control that allow extension support any blocks
 * Ref: Update dashboard modules group
 * Ref: Track upsell link
 * Ref: Merge the Measure, Position, and Display modules into the Advanced Layout
   module
 * Ref: Update core to v1.3.0

#### 1.5.11

 * Add: Accessibility controls to icon button
 * Ref: Update text shadow controls
 * Ref: Update core to v1.2.10

#### 1.5.10

 * Add: Premium inline icon text format
 * Add: Z-Index control for particles block
 * Ref: Update icon library design
 * Ref: Update core to v1.2.9
 * Fix: .icon-library-not-available style error
 * Fix: Table of Contents JavaScript scrolling Invalid ID Error
 * Fix: Rough Notation may cause editor errors in certain situations

#### 1.5.9

 * Ref: Update icon library design
 * Ref: Update core to v1.2.8

#### 1.5.8

 * Ref: Update core to v1.2.7
 * Add: New magazine layout module

#### 1.5.7

 * Ref: WordPress v6.9 compatible
 * Ref: Update Freemius SDK
 * Fix: `sprintf` missing in toc extension

#### 1.5.6

 * Add: New Preloader module
 * Ref: Update Freemius SDK

#### 1.5.5

 * Ref: Update core to v1.2.5
 * Ref: Update Freemius SDK
 * Add: Premium breadcrumb module

#### 1.5.4

 * Ref: Update core to v1.2.4
 * Ref: Update Freemius SDK
 * Fix: Counter block alignment error

#### 1.5.3

 * Add: New Rough Notation Module
 * Fix: Nonce check error when importing patterns

#### 1.5.2

 * Add: Premium typing animation module
 * Ref: Update core to v1.2.2
 * Fix: Dashboard translation error

#### 1.5.1

 * 新增：高级阅读时间块
 * 重构：更新核心到 v1.2.1
 * 修复：图片和按钮阴影错误

#### 1.5.0

 * 新增：新的计数器区块
 * 新增：高级入场动画和选项
 * 新增：高级悬停动画
 * 重构：更新核心到 v1.2.0
 * Ref: Update Freemius SDK

#### 1.4.0

 * 新增：高级 CSS 显示选项
 * 新增：新的块测量高级模块
 * 新增：新的形状分割符模块
 * 新增：新的粒子效果模块
 * 新增：新的 CSS 位置模块
 * 重构：改善模板库用户体验
 * 修复：响应式数值在前端不起效
 * 修复：模板库性能问题

#### 1.3.4

 * 新增：附属链接页面
 * 重构：在模块设置界面禁用主题促销
 * 重构：更新核心到 v1.0.16

#### 1.3.3

 * 新增：Plover 主题建议
 * 修复：移除 URL 中多余的斜线
 * 重构：移除 WP_Filesystem 依赖
 * Ref: Update Freemius SDK
 * 重构：更新核心到 v1.0.15

#### 1.3.2

 * Add: TOC scroll offset (Premium)
 * Add: TOC JavaScript scrolling (Premium)
 * Add: TOC indent size support (Premium)
 * Add: More TOC list style (Premium)
 * Add: Heading linkable (Premium)
 * Fix: TOC crashes under WP6.4
 * Ref: Update core to v1.0.13

#### 1.3.1

 * Fix: SVN error

#### 1.3.0

 * Add: New table of contents module

#### 1.2.6

 * Ref: Update core to v1.0.9
 * Fix: Editor performance issues

#### 1.2.5

 * Ref: WP6.7 compatible
 * Ref: Update core to v1.0.8
 * Fix: https://wordpress.org/support/topic/missing-plus-button-for-new-posts-when-
   the-plugin-is-active/

#### 1.2.4

 * Add: Exclude code snippet by post types (Premium)
 * Add: Exclude code snippet by author (Premium)
 * Add: Exclude code snippet by posts, pages or products (Premium)
 * Add: Code snippet shortcode or snippet block for individual pages or posts (Premium)

#### 1.2.3

 * Ref: Update core to v1.0.7

#### 1.2.2

 * Fix: Resource url is broken in edge case
 * Ref: Update Freemius SDK
 * Ref: Update core to v1.0.6

#### 1.2.1

 * Ref: Update code snippet status error

#### 1.2.0

 * Add: New Code Snippets module, https://wpplover.com/docs/plover-kit/modules/code-
   snippets/
 * Ref: Avoid enqueuing core styles on frontend
 * Ref: Update core to v1.0.5

#### 1.1.2

 * Fix: Pattern library empty list error
 * Ref: Ready for plover theme
 * Ref: Update Freemius SDK
 * Ref: Update core to v1.0.4
 * Ref: Update dashboard design

#### 1.1.1

 * Ref: Import pattern icons
 * Fix: Icon editor preview error

#### 1.1.0

 * Add: Pattern library

#### 1.0.1

 * Ref: Guideline compatible

#### 1.0.0

 * 你好，世界！

## 额外信息

 *  版本 **1.6.4**
 *  最后更新：**3 周前**
 *  活跃安装数量 **3,000+**
 *  WordPress 版本 ** 6.4 或更高版本 **
 *  已测试的最高版本为 **7.0**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [Chinese (China)](https://cn.wordpress.org/plugins/plover-kit/) 和 [English (US)](https://wordpress.org/plugins/plover-kit/).
 *  [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/plover-kit)
 * 标签
 * [block](https://cn.wordpress.org/plugins/tags/block/)[full-site-editing](https://cn.wordpress.org/plugins/tags/full-site-editing/)
   [gutenberg](https://cn.wordpress.org/plugins/tags/gutenberg/)[page builder](https://cn.wordpress.org/plugins/tags/page-builder/)
   [pattern](https://cn.wordpress.org/plugins/tags/pattern/)
 *  [高级视图](https://cn.wordpress.org/plugins/plover-kit/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  3 条 5 星评价     ](https://wordpress.org/support/plugin/plover-kit/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/plover-kit/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/plover-kit/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/plover-kit/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/plover-kit/reviews/?filter=1)

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

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

## 贡献者

 *   [ WP Plover ](https://profiles.wordpress.org/plover/)

## 支持

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

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