Magic Block

外掛說明

Magic Block registers a container block with the block editor. This block has settings for element (div, section, etc), ID, classname, inline style, and any other attribute (including data-*, and aria-*) via a custom attributes section.

Magic Block is designed for people who want full control over post HTML structure, or wish to use the editor to create complex layouts such as Flexbox, CSS Grid, Bootstrap, etc…

This block does not add any CSS styles that you, as a developer, do not provide. Rather, it allows you to easily contain other blocks in parent elements with an arbitrary ID or Class. You may then easily target these container elements by ID or Class in your theme’s stylesheets or through CSS plugins. For smaller customizations there is an inline style field which maps to the “style” HTML attribute for the container element.

In the editor view, each Magic Block has a thin grey outline so you can easily see which child elements belong to it. It also provides a display of element type, ID, and classes so you can keep track of how to target them with your CSS.

As of WordPress 5.3 you might not need this plugin since the core now ships with a “Group Block” which is similar in purpose, although it has fewer options.

螢幕擷圖

  • You can nest magic blocks inside each other to build complex layouts.
  • Custom attributes supported

適用於區塊編輯器

這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

  • Magic Block

使用者評論

2021 年 10 月 24 日
Wonderful plugin, just hope this project keeps updated! thank you so much!
2021 年 5 月 26 日
This plugin is just perfect for a full control of gutenberg's based layouts. It just fills a very important functionality that gutenberg lacks and it should come built in with WordPress. Great job.
2019 年 10 月 3 日
This is the only plugin I can find that allows inline stylings. I needed this in order to use tcpdf with my website. Awesome plugin! Thank you so much.
閱讀全部 9 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Magic Block〉的開發相關工作。

參與者

Magic Block 外掛目前已有 1 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將 Magic Block 外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄