內容簡介
ZenBlocks 是一款擴展 WordPress 區塊編輯器（Gutenberg）的外掛，提供自訂區塊與進階樣式控制，讓使用者能夠無需撰寫程式碼即可設計響應式的專業按鈕和 UI 元素。
【主要功能】
• 自訂按鈕區塊，全面控制視覺元素
• 支援 4 種設備的響應式設計
• 內建 1,500 多個圖示可供選擇
• 提供 32 種設計預設模板
• 生成優化的 CSS，減少前端負擔
• 可選擇性使用 Pro 功能，如動畫和背景影片
外掛標籤
開發者團隊
原文外掛簡介
ZenBlocks extends the WordPress block editor (Gutenberg) with custom blocks and advanced styling controls. Design responsive, professional buttons and UI elements — without writing any code.
Button Basic Block
Create fully customizable buttons with granular control over every visual aspect:
Colors & Backgrounds — Solid color, gradient, or image backgrounds with hover state support
Typography — Font family, size, weight, line height, and letter spacing
Layout — Width, height, padding, and margin with fine-grained control
Borders — Width, style, color, and independent corner radius
Icons — 1,500+ built-in icons with size, color, and position options
Hover Effects — Separate styling for hover state with smooth transitions
32 Design Presets — Start from professionally designed templates and customize freely
Responsive Design
Every setting supports 4 breakpoints (PC / Tablet L / Tablet / Mobile) so your buttons look great on all devices. Customize values per device or let them cascade automatically.
Performance
ZenBlocks generates optimized CSS per page — only the styles you actually use are loaded on the frontend. No bloated global stylesheets.
Pro Features (Optional)
Additional features such as animations, thumbnails, and background video are available through a separate plugin (ZenBlocks Pro) from zenblockswp.com.
Source Code
This plugin includes compiled JavaScript and CSS files in the build/ directory. The original uncompiled source code is included in the src/ directory of this plugin.
To build from source:
Install Node.js (v18 or later)
Run npm install in the plugin root directory
Run npm run build to generate the production files in build/
The build process uses @wordpress/scripts (webpack-based).
External services
This plugin includes an optional media search feature that connects to third-party image and video APIs. These services are only used when the user configures API keys in the plugin settings and actively searches for media within the block editor. No data is sent to these services during normal frontend usage.
Unsplash
Used for searching and importing free-to-use images in the block editor.
Data sent: search query, page number
When: only when the user searches for images via the Unsplash media panel in the editor
Service provider: Unsplash
API endpoint: https://api.unsplash.com/
Terms of Service: https://unsplash.com/terms
Privacy Policy: https://unsplash.com/privacy
API Terms: https://unsplash.com/api-terms
Pexels
Used for searching and importing free images and videos in the block editor.
Data sent: search query, page number
When: only when the user searches for media via the Pexels media panel in the editor
Service provider: Pexels
API endpoint: https://api.pexels.com/
Terms of Service: https://www.pexels.com/terms-of-service/
Privacy Policy: https://www.pexels.com/privacy/
Pixabay
Used for searching and importing free images and videos in the block editor.
Data sent: search query, page number
When: only when the user searches for media via the Pixabay media panel in the editor
Service provider: Pixabay
API endpoint: https://pixabay.com/api/
Terms of Service: https://pixabay.com/service/terms/
Privacy Policy: https://pixabay.com/service/privacy/
Openverse
Used for searching and importing CC0-licensed images in the block editor.
Data sent: search query, page number
When: only when the user searches for images via the Openverse media panel in the editor
Service provider: Openverse (a project by WordPress.org)
API endpoint: https://api.openverse.org/
Terms of Service: https://openverse.org/terms-of-use
Privacy Policy: https://openverse.org/privacy
ZenBlocks Pro Services (zenblockswp.com)
Used for retrieving Pro upgrade pricing information on the plugin settings page.
Data sent: locale (for currency conversion)
When: only when the admin settings page is loaded
Service provider: ZenBlocks (Tsumiki LLC.)
API endpoint: https://zenblockswp.com/wp-json/zenblocks/v1/pricing
Terms of Service: https://zenblockswp.com/terms
Privacy Policy: https://zenblockswp.com/privacy
Icon Libraries (bundled, no external requests)
This plugin bundles SVG icon data from the following open-source icon libraries. All icon data is included locally within the plugin files — no external HTTP requests are made to any of these services at any time (neither in the editor nor on the frontend). The URLs listed below are the project homepages and license references for attribution purposes only.
Feather Icons — MIT License, by Cole Bemis
Website: https://feathericons.com/
License: https://github.com/feathericons/feather/blob/main/LICENSE
Font Awesome Free — Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT, by Fonticons Inc.
Website: https://fontawesome.com/
License: https://fontawesome.com/license/free
Tabler Icons — MIT License, by Paweł Kuna & Tabler Team
Website: https://tabler-icons.io/
License: https://github.com/tabler/tabler-icons/blob/main/LICENSE
Heroicons — MIT License, by Tailwind Labs
Website: https://heroicons.com/
License: https://github.com/tailwindlabs/heroicons/blob/master/LICENSE
Lucide Icons — ISC License, by Lucide Contributors
Website: https://lucide.dev/
License: https://github.com/lucide-icons/lucide/blob/main/LICENSE
Remix Icon — Apache License 2.0, by Remix Design
Website: https://remixicon.com/
License: https://github.com/Remix-Design/RemixIcon/blob/master/License
