Title: Modal Builder Block
Author: Rodrigo Leon
Published: <strong>2021 年 8 月 26 日</strong>
Last modified: 2025 年 3 月 22 日

---

搜索插件

![](https://ps.w.org/modal-builder-block/assets/banner-772x250.png?rev=3260132)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://ps.w.org/modal-builder-block/assets/icon.svg?rev=3260132)

# Modal Builder Block

 作者：[Rodrigo Leon](https://profiles.wordpress.org/rodrigoleon/)

[下载](https://downloads.wordpress.org/plugin/modal-builder-block.1.1.0.zip)

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

 [支持](https://wordpress.org/support/plugin/modal-builder-block/)

## 描述

This small plugin allows you to create a modal / popup / lightbox with WordPress’
default Block editor (Gutenberg). The plugin provides you with a block that can 
be used for the modal’s trigger and the modal’s window contents. Anything you can
do with the block editor, you can use for the modal trigger or the contents.

 * Multiple trigger methods. Use the power of the Block Editor to create your trigger(
   buttons, images, covers, and more).
 * Flexible modal content. Similarly to the trigger, use the Block Editor to define
   the content inside your modal content.
 * Supports multiple modals on the same page.
 * More to come.

To create a modal, simply use the Modal Builder block to create a trigger. Use another
Modal Builder block to create the content (make sure you select the appropriate 
content type under the modal settings). On both instances, set the “Content ID” 
to whatever you want as long as both instances match. You are set.

#### Donations

If you like the plugin, consider leaving a donation to support further development
of the plugin. [Click here](https://paypal.me/rodxleon). If you would like custom
solutions or the like, please visit [HTR.Design](https://htr.design).

## 屏幕截图

 * [[
 * Modal Builder block in action. Adding a trigger.
 * [[
 * Adding a button block inside the trigger block.
 * [[
 * Add another Builder block and change “content type” to content. Add your modal
   content (like an image).

## 区块

该插件提供了 1 个区块.

 *   Modal Builder Block Build a modal with the power of WordPress' block editor.
   Anything you can do with the editor works inside of the modal content window 
   or the modal trigger.

## 常见问题

### Will there be more options for customization?

Certainly. Provided there is support and interest, more features will be added as
often as we are able to!

### Can there be multiple triggers for one Modal?

Yes! You can create as many triggers with different inner blocks as you like.

### The plugin does not work properly on auto loaded posts?

Plugins are tested with first party WordPress plugins and themes (Jetpack, Twitenty
Twenty-Five). The plugin is not tested with third party plugins or themes. Please
try turning those plugins off or switching themes. If you need more assistance, 
please reach out. Please do note that we won’t have any plugin or theme you have
purchased in order to test and troubleshoot with.

## 评价

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

### 󠀁[Simple yet flexible popup modal view plugin that works with Gutenberg editor](https://wordpress.org/support/topic/simple-yet-flexible-popup-modal-view-plugin-that-works-with-gutenberg-editor/)󠁿

 [skylabb](https://profiles.wordpress.org/skylabb/) 2025 年 12 月 13 日

This is a simple yet flexible modal view plugin, exactly what I need. You can assign
hot link to any Gutenberg block element and trigger a popup with any other block
content. Works right in the Gutenberg editor. All other popup and modal view plugins
are bloated with crap I don’t need.

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

### 󠀁[Not working on WordPress Version 6.4.3](https://wordpress.org/support/topic/not-working-on-wordpress-version-6-4-3/)󠁿

 [arnoldwender](https://profiles.wordpress.org/arnoldwender/) 2024 年 3 月 5 日

The Plugin Modal Builder Block is not working on WordPress Version 6.4.3. It seemed
to be a great plugin; maybe the developer is willing to update it? Cheers

 [ 阅读所有2条评价 ](https://wordpress.org/support/plugin/modal-builder-block/reviews/)

## 贡献者及开发者

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

贡献者

 *   [ Rodrigo Leon ](https://profiles.wordpress.org/rodrigoleon/)

[帮助将「Modal Builder Block」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/modal-builder-block)

### 对开发感兴趣吗?

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

## 额外信息

 *  版本 **1.1.0**
 *  最后更新：**1 年前**
 *  活跃安装数量 **700+**
 *  WordPress 版本 ** 5.8 或更高版本 **
 *  已测试的最高版本为 **6.7.5**
 *  PHP 版本 ** 7.0 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/modal-builder-block/)
 * 标签
 * [gutenberg](https://cn.wordpress.org/plugins/tags/gutenberg/)[lightbox](https://cn.wordpress.org/plugins/tags/lightbox/)
   [modal](https://cn.wordpress.org/plugins/tags/modal/)[popup](https://cn.wordpress.org/plugins/tags/popup/)
   [window](https://cn.wordpress.org/plugins/tags/window/)
 *  [高级视图](https://cn.wordpress.org/plugins/modal-builder-block/advanced/)

## 评级

 5 星（最高 5 星）。

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

[Your review](https://wordpress.org/support/plugin/modal-builder-block/reviews/#new-post)

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

## 贡献者

 *   [ Rodrigo Leon ](https://profiles.wordpress.org/rodrigoleon/)

## 支持

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

 [查看支持论坛](https://wordpress.org/support/plugin/modal-builder-block/)

## 捐助

您愿意支持这个插件的发展吗?

 [ 捐助此插件 ](https://paypal.me/rodxleon)