Title: Yabe Bricksbender
Author: Rosua
Published: <strong>2024 年 4 月 15 日</strong>
Last modified: 2024 年 6 月 7 日

---

搜索插件

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

![](https://ps.w.org/yabe-bricksbender/assets/icon.svg?rev=3071147)

# Yabe Bricksbender

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

[下载](https://downloads.wordpress.org/plugin/yabe-bricksbender.2.0.2.zip)

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

 [支持](https://wordpress.org/support/plugin/yabe-bricksbender/)

## 描述

### Yabe Bricksbender: The Bricks builder extension.

Yabe Bricksbender is a plugin that enhances the Bricks editor with functionalities
that are not available in the core plugin to make your workflow more efficient.

### Modules

Yabe Bricksbender is packed full of modules designed to streamline your workflow.

 * **Elements Manager**: Switch on/off the elements you want to use in the Bricks
   editor.
 * **HTML to Bricks** [Temp not available]: Convert HTML to Bricks elements.
 * **Plain Classes** [Temp not available]: Add the ability to write plain CSS classes
   to Bricks elements without adding the class to the Global Class database
 * **OpenAI Assistant** [Soon]: AI integration that do many tasks in the Bricks 
   editor.

### Elements

 * **Alpine.js Runtime**: Add Alpine.js runtime to your Bricks editor.
 * **Alpine.js Container**: The element that supports Alpine.js directives.
 * **Lottie**: Add Lottie animation to your Bricks editor.
 * **Rive** [Soon]: Add Rive animation to your Bricks editor.
 * **GSAP Runtime** [Soon]: Add GSAP runtime to your Bricks editor.

Visit [our website](https://bricksbender.yabe.land) for more information.

#### Love Yabe Bricksbender?

 * Join our [Facebook Group](https://www.facebook.com/groups/1142662969627943)
 * Or rate us on [WordPress](https://wordpress.org/support/plugin/yabe-bricksbender/reviews/?filter=5/#new-post)
   🙂

#### Credits

 * Image by [Freepik](https://www.flaticon.com/free-icon/brick-wall_3769316) on 
   Flaticon

#### Contributors & Developers

Interested in development?
 Visit the [GitHub repository](https://github.com/orgrosua/yabe-bricksbender)
to get involved.

## 屏幕截图

 * [[
 * [[
 * [[
 * [[
 * [[

## 评价

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

### 󠀁[Схоже що плагін заброшений](https://wordpress.org/support/topic/%d1%81%d1%85%d0%be%d0%b6%d0%b5-%d1%89%d0%be-%d0%bf%d0%bb%d0%b0%d0%b3%d1%96%d0%bd-%d0%b7%d0%b0%d0%b1%d1%80%d0%be%d1%88%d0%b5%d0%bd%d0%b8%d0%b9/)󠁿

 [yessoftmk](https://profiles.wordpress.org/yessoftmk/) 2024 年 11 月 16 日

It seems that the plugin has been abandoned…. Week passed and any answer from author(

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

### 󠀁[Best Free Addon for Converting HTML to Bricks Builder](https://wordpress.org/support/topic/best-free-addon-for-converting-html-to-bricks-builder/)󠁿

 [Ivan Nugraha](https://profiles.wordpress.org/mangwp/) 2024 年 5 月 16 日

This plugin is very usefull for building bricks builder website from any HTML template.
Great jobs for Rosua.

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

### 󠀁[Huge time saver, why is it free?](https://wordpress.org/support/topic/huge-time-saver-why-is-it-free/)󠁿

 [Anthony Keller](https://profiles.wordpress.org/antk3/) 2024 年 4 月 22 日

So far I am amazed to be able to get a plain classes UI inside bricks that lets 
me add / read classes on the fly with autocomplete and a sorter / previewer.If that
wasn’t enough, you can do the most useful thing ever: paste HTML right in and it
gets converted to Bricks elements.

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

### 󠀁[An essential plugin to work with Bricks and tailwind CSS](https://wordpress.org/support/topic/an-essential-plugin-to-work-with-bricks-and-tailwind-css/)󠁿

 [sabiertas](https://profiles.wordpress.org/sabiertas/) 2024 年 4 月 16 日

A plugin that makes our lives easier in our daily work with Bricks Builder and Tailwind
CSS, the flat classes work like a charm and copying HTML directly gives us a lot
of play when it comes to copying tailwind components directly

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

### 󠀁[Great addons](https://wordpress.org/support/topic/great-addons-25/)󠁿

 [tanaht](https://profiles.wordpress.org/tanaht/) 2024 年 4 月 16 日

(1) Yabe Siul – Tailwind CSS Intergration with (2) Yabe-Brickbender are must have
items for Bricks Builder.

 [ 阅读所有5条评价 ](https://wordpress.org/support/plugin/yabe-bricksbender/reviews/)

## 贡献者及开发者

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

贡献者

 *   [ Rosua ](https://profiles.wordpress.org/rosua/)
 *   [ Sua ](https://profiles.wordpress.org/suabahasa/)

[帮助将「Yabe Bricksbender」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/yabe-bricksbender)

### 对开发感兴趣吗?

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

## 更新日志

#### 2.0.2

 * **New**: [modules] Element Manager: Switch on/off the elements you want to use
   in the Bricks editor.

#### 2.0.0

 * **New**: [elements] Alpine.js Runtime and Alpine.js Container.
 * **New**: [elements] Lottie.
 * **Change**: [modules] Plain Classes and HTML to Bricks are removed from the plugin.
   They are now available on the [Yabe Siul](https://siul.yabe.land) plugin.

#### 1.0.13

 * **Change**: [plain-classes] Revert the “Hover the Class Name to preview the generated
   CSS code” feature that introduced in v1.0.8. It’s not working as expected and
   causing performance issues. We will revisit this feature in the future release
 * **Change**: [plain-classes] Revert the “Colorized background of the class based
   on the breakpoint/screen size” feature that introduced in v1.0.8. It’s not working
   as expected and causing performance issues. We will revisit this feature in the
   future release

#### 1.0.12

 * **New**: [html2bricks] Added the Paste button on the Structure panel header allowing
   to paste without needing selecting the element first.
 * **Fix**: [plain-classes] Freezed when moving the cursor to any line of the plain
   classes.

#### 1.0.11

 * **Improve**: Reduce the size of plugin file.

#### 1.0.10

 * **Fix**: [plain-classes] revert the Open the class suggestion on text selection[
   v1.0.6].
 * **Improve**: [plain-classes] Hover the Class Name performance.

#### 1.0.9

 * **New**: Yabe Bricksbender is now available on [WordPress.org](https://wordpress.org/plugins/yabe-bricksbender/)

#### 1.0.8

 * **Improve**: [plain-classes] Hover the Class Name to preview the generated CSS
   code.

#### 1.0.6

 * **Improve**: [plain-classes] Open the class suggestion on text selection.
 * **Improve**: [plain-classes] Add border to the text input for better visibility.
 * **Improve**: [plain-classes] Colorized background of the class based on the breakpoint/
   screen size.
 * **Improve**: [plain-classes] Automatic Class Sorting with Prettier. Based on 
   the official [Prettier plugin for Tailwind CSS](https://tailwindcss.com/blog/automatic-class-sorting-with-prettier).

#### 1.0.5

 * **Fix**: Comply to the WP.org plugin submission review.

#### 1.0.4

 * **Fix**: [html2bricks] Alpine.js compatibility issue.

#### 1.0.3

 * **Fix**: [html2bricks] Preserve the original tag name.

#### 1.0.2

 * **Fix**: Modules not loading in the Bricks editor.

#### 1.0.1

 * **New**: Introduced a new module, HTML to Bricks.
 * **New**: Introduced a new module, Plain Classes.

#### 1.0.0

 * 🐣 Initial release.

## 额外信息

 *  版本 **2.0.1**
 *  最后更新：**2 年前**
 *  活跃安装数量 **10+**
 *  WordPress 版本 ** 6.5 或更高版本 **
 *  已测试的最高版本为 **6.5.8**
 *  PHP 版本 ** 7.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/yabe-bricksbender/)
 * 标签
 * [bricks builder](https://cn.wordpress.org/plugins/tags/bricks-builder/)[tailwind css](https://cn.wordpress.org/plugins/tags/tailwind-css/)
 *  [高级视图](https://cn.wordpress.org/plugins/yabe-bricksbender/advanced/)

## 评级

 4.2 星（最高 5 星）。

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

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

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

## 贡献者

 *   [ Rosua ](https://profiles.wordpress.org/rosua/)
 *   [ Sua ](https://profiles.wordpress.org/suabahasa/)

## 支持

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

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

## 捐助

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

 [ 捐助此插件 ](https://ko-fi.com/Q5Q75XSF7)