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://ja.wordpress.org/plugins/yabe-bricksbender/#description)
 * [レビュー](https://ja.wordpress.org/plugins/yabe-bricksbender/#reviews)
 * [開発](https://ja.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/)をチェック
するか、[開発ログ](https://plugins.trac.wordpress.org/log/yabe-bricksbender/)を 
[RSS](https://plugins.trac.wordpress.org/log/yabe-bricksbender/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 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://ja.wordpress.org/plugins/tags/bricks-builder/)[tailwind css](https://ja.wordpress.org/plugins/tags/tailwind-css/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/yabe-bricksbender/advanced/)

## 評価

 5つ星中4.2つ星

 *  [  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)