Blocks CSS: Gutenberg/區塊編輯器的 CSS 編輯器

外掛說明

Blocks CSS 能讓使用者直接在區塊編輯器/Gutenberg 中將自訂 CSS 加入區塊中。

這個外掛能將具備語法醒目提示功能的 CSS 編輯器加入 Gutenberg/區塊編輯器區塊中,使用者便能為區塊自訂樣式。

螢幕擷圖

  • CSS 編輯器
  • CSS 編輯器

適用於區塊編輯器

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

  • Popup Display your content in beautiful popup with many customization options. Powered by Otter.
  • Form Display a form for your clients. Powered by Otter.
  • Lottie Animation Add Lottie animations to your WordPress. Powered by Otter.
  • Tabs Organize and allow navigation between groups of content with Tabs block. Powered by Otter.
  • Countdown Set a countdown for a date. Powered by Otter.
  • Google Maps Display Google Maps on your website with Google Map block. Powered by Otter.
  • Circle Counter Show your progress with a beautiful Circle Counter block. Powered by Otter.
  • Maps Display Open Street Maps on your website with Maps block. Powered by Otter.
  • Slider Minimal image slider to showcase beautiful images. Powered by Otter.
  • Progress Bar Show your progress with a beautiful Progress Bar block. Powered by Otter.
  • Accordion Vertically collapsing accordions perfect for displaying your FAQs. Powered by Otter.

使用者評論

2023 年 9 月 26 日 1 則留言
Can't think of Block Editor without this. Tiny powerful thing. Only thing I hate in this plugin is the following line: $render_css = empty( $file_name ) || strpos( $file_name, 'post-v2' ) === false; This means if you deactivate Otter, your content might just break 🙁
2022 年 10 月 5 日 1 則留言
it does exactly what it should. then, since the css is linked to each block, it can only be set on him the flaw is that you cannot set it on all blocks with the same class. but I don't think it's designed for that.
2021 年 12 月 23 日 1 則留言
genius, flexible, and extremely efficient. you can really make minor/major adjustments to the clumsy Gutenberg build-in blocks. 5 stars!!
閱讀全部 20 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Blocks CSS: Gutenberg/區塊編輯器的 CSS 編輯器〉的開發相關工作。

參與者

〈Blocks CSS: Gutenberg/區塊編輯器的 CSS 編輯器〉外掛目前已有 7 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Blocks CSS: Gutenberg/區塊編輯器的 CSS 編輯器〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

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

變更記錄

You can check the changelog here.