[WordPress] 外掛分享： Draft – Tailwind CSS for WordPress.

WordPress 外掛 Draft – Tailwind CSS for WordPress. 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Draft – Tailwind CSS for WordPress.」是 2021-08-08 上架。
  • 目前有 1000 個安裝啟用數。
  • 上一次更新是 2024-09-23，距離現在已有 223 天。
  • 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
  • 有 4 人給過評分。
  • 論壇上目前有 1 個提問，問題解答率 0%

外掛協作開發者

leeshadle |

外掛標籤

blocks | tailwind | responsive | tailwindcss | tailwind css |

內容簡介

在區塊編輯器中輕鬆地添加具有狀態和響應式的 Tailwind CSS 實用程式類別外掛。

免費外掛功能：

配置 Tailwind
添加自訂 CSS（包括能力 @apply Tailwind CSS 實用程式類別）

專業版外掛功能：

清除未使用的 CSS
區塊編輯器強化功能：
暗色模式切換
GDPR 規範的 Google 字型（Bunny Fonts）
群組區塊連結
專題標題篩選器
Meta 描述標籤
相片集輪播
升級至專業版

免費全網站編輯（FSE）區塊主題：

瞭解更多

免費即可使用的複製貼上區塊範式：

探索範式

免費即可使用的複製貼上區塊模板：

探索模板

免費視頻教程

學習如何通過為 Gutenberg 區塊添加 Tailwind CSS 實用程式類別來加速開發：
教程

版權聲明

Draft Pro WordPress 外掛，版權所有 2021 年 leeshadle。
Draft Pro WordPress 外掛在 GNU GPL 條款下發行。

原文外掛簡介

Install the free plugin and start using Tailwind CSS in WordPress, instantly.
⏰ Start using Tailwind CSS in WordPress in seconds, no setup required.
⚙️ Effortlessly configure Tailwind CSS right from WordPress.
⚡️ Build even faster with 50+ responsive, copy & paste block patterns.
Current Tailwind CSS version: 3.4.5
How It Works:

Install free Draft plugin
Configure Tailwind CSS right in the page, post, or site editor or from WP Admin > Settings > Draft settings
Add Tailwind CSS utility classes to blocks
Go Pro to improve site performance by purging unused CSS

Free plugin features:

Configure Tailwind
Add Custom CSS ( including ability to @apply Tailwind CSS utility classes )
Add Tailwind CSS utility classes to Gutenberg blocks
Add Tailwind CSS utility classes inline to text ( such as headings and paragraphs )

Pro plugin features:

Purge Unused CSS ( make your WordPress site blazing fast )

Block-Editor Add-ons:

Dark mode toggle block – add dark mode toggle blocks anywhere to toggle using the Tailwind CSS darkMode ‘selector’ strategy
Group block link – add links to the Group block for creating linkable cards and layouts
Archive title filter – add text before/after archive titles for better archive labeling
Go Pro

Free full-site-editing (FSE) block theme:
Learn more
Free ready-to-use copy & paste block patterns:
Explore patterns
Free ready-to-use copy & paste block templates:
Explore templates
Free Video Tutorials
Learn how to speed up your development by adding Tailwind CSS utility classes to Gutenberg blocks:
Tutorials
Copyright
Draft WordPress Plugin, Copyright 2021 leeshadle
Draft WordPress Plugin is distributed under the terms of the GNU GPL

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Draft – Tailwind CSS for WordPress.」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0.0 | 1.0.1 | 1.0.2 | 2.0.0 | 3.0.0 | 3.0.1 | 3.0.2 | 3.0.3 | 3.0.4 | 3.0.5 | 3.0.6 | 3.0.7 | 3.0.8 | 3.0.9 | trunk |

延伸相關外掛（你可能也想知道）

  • WindPress – Tailwind CSS integration for WordPress 》**總結：** , WindPress 是唯一針對 WordPress 開發的 Tailwind CSS v4 整合外掛，讓您能在 WordPress 生態系統中充分發揮 Tailwind CSS v4 的強大功能。, ,...。
  • TailPress – Tailwind for WordPress 》Tailwind CSS 是建立基於區塊的 WordPress 網站的絕佳夥伴。不幸的是，由於它需要使用 Node.js 編譯才能投入實際生產環境，因此在 WordPress 中添加 Tailwind...。
  • ska-blocks 》總結：, 透過使用 Tailwind 類別及低階區塊，在區塊編輯器中實現任何設計。只要輸入 Tailwind 類別，外掛就會編譯其 CSS 並加載到區塊編輯器和前端，避免浪費...。
  • Taily 》總結：透過在WordPress中完全動態地添加Tailwind框架，您可以使用這個強大的框架設計和風格化您網站的所有部分。這個外掛也是一個新的且適合以更優化和快速的...。
  • Blaze CSS 》現在有一些建構工具像是PurgeCSS被像TailwindCSS這樣的框架所使用，移除已建立的 CSS 檔案中所有未使用的 CSS 類別變得非常重要。, 然而，這些工具只能在原始...。
  • Aspect Blocks 》總結：Aspect Blocks 是一個功能強大的 WordPress 外掛，專為 Gutenberg 編輯器設計，旨在使內容創建和設計輕鬆無憂。使用 Tailwind CSS 構建，提供高度可定...。
  • Add Bootstrap and Tailwind Css 》, , , ,

    WordPress Bootstrap 與 Tailwind CSS 整合外掛

    , ,

    總結：
  • MR.Utils 》這個外掛可以輕易地在區塊編輯器介面中使用 Mr.Utils 的前端工具包，不需要任何程式知識、類別或函數。, 您可以將父層區塊（例如列或群組）轉換為元件，如搜...。

文章
Filter
Mastodon