內容簡介
Modern Design Library 是一款專為 WordPress 設計的 Gutenberg 區塊工具包，提供多種可自訂的區塊，無需 JavaScript 建置步驟或 Node.js 工具。此外掛讓使用者輕鬆創建美觀的網頁佈局。
【主要功能】
• 彩色分隔線：可自訂的橫向分隔區塊，提供多種樣式
• 高級分隔符：可調整寬度、高度、內邊距等屬性
• 高級標題：13 種裝飾標題樣式，支援完整排版控制
• 滾動標語：可配置速度與方向的無限滾動文本
• 行動呼籲：具備標題、按鈕的 CTA 橫幅
• 作者框：顯示用戶卡片，包括頭像與簡介
外掛標籤
開發者團隊
原文外掛簡介
Modern Design Library is a toolkit of opinionated Gutenberg blocks for WordPress. All optional blocks are registered using PHP-only block registration (autoRegister) — no JavaScript build step or Node.js tooling required.
The plugin ships with:
Colored Line — a fully customisable horizontal separator block with striped, shade, and dotted style variants (classic JS-registered block).
Advanced Separator (experimental) — a PHP-only separator with configurable width, height, padding, alignment, and three decorative variants.
Advanced Heading (experimental) — 13 decorative heading styles, heading level selector (H1–H6), optional tagline, and full typography/spacing/border block support controls. Accent decorations automatically follow the text colour.
Marquee (experimental) — a single infinitely scrolling text row. Stack multiple blocks for multi-row layouts. Speed (Slow/Medium/Fast) and direction (Left/Right) are configurable. Animation script is loaded lazily — only on pages containing the block.
Call to Action (experimental) — a CTA banner with heading, subheading, button label/URL, three visual variants (Primary/Secondary/Dark), and native colour overrides.
Author Box (experimental) — displays a user card with avatar, bio, email, and LinkedIn link. User is selected from a dropdown. LinkedIn URL is stored as user meta (set on the user’s profile page).
Optional blocks are enabled from Settings → Modern Design Library → Modules.
The optional blocks require the Gutenberg plugin or WordPress 7.0+ for the autoRegister block support.
Read more on getButterfly.
Explore more WordPress Plugins.
For a deep dive into how the PHP-only blocks work, read PHP-Only Block Registration in WordPress 7.0.
