前言介紹
- 這款 WordPress 外掛「Block Responsive – Make Editor Blocks Responsive Easily」是 2025-08-25 上架。
- 目前有 100 個安裝啟用數。
- 上一次更新是 2025-12-06，距離現在已有 82 天。
- 外掛最低要求 WordPress 6.7 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 有 7 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
block-editor | custom-styles | mobile-friendly | block visibility | responsive design |
內容簡介
總結:
【Block Responsive】是一個強大的 WordPress 外掛，為 Gutenberg 區塊添加全面的響應式控制功能。它允許您根據不同螢幕尺寸（手機、平板電腦和桌面電腦）來控制區塊的可見性和樣式。
問題與答案:
1. Block Responsive 是一個提供什麼功能的 WordPress 外掛？
- Block Responsive 是一個提供全面響應式控制功能給 Gutenberg 區塊的 WordPress 外掛。
2. Block Responsive 具有哪些展示控制功能？
- 可隱藏/顯示特定裝置（手機、平板、桌面）上的區塊
- 使用帶有特定裝置圖示的簡單切換控制
- 隱藏區塊時提供視覺反饋
3. Block Responsive 提供哪些響應式樣式選項？
- 字體控制：針對每個裝置的字體大小、行高、字距和文本對齊
- 顏色控制：文本顏色、背景顏色和邊框顏色，具有特定裝置設置
- 尺寸控制：填充、邊距、寬度和高度控制，用於響應式佈局
- 對齊控制：不同螢幕尺寸的區塊對齊設定
- 背景圖像控制：響應式背景圖像設定
- 邊框和陰影控制：每個裝置的邊框半徑、邊框寬度和陰影效果
4. Block Responsive 具備哪些技術特點？
- 與所有核心 Gutenberg 區塊兼容
- 在區塊檢查器中提供整潔直觀的界面
- 生成優化的 CSS 用於前端顯示
- 兼容 WordPress 6.7 以上版本
- 以現代 WordPress 開發標準構建
5. Block Responsive 適合哪些特定使用者？
- 需要對響應式佈局具有精確控制的網頁開發人員
- 希望優化不同裝置上內容的內容創作者
- 需要具有特定裝置樣式能力的設計師
- 正在建構響應式 WordPress 網站的代理商
原文外掛簡介
Block Responsive is the ultimate WordPress plugin for creating mobile-friendly, responsive websites with Gutenberg blocks. This comprehensive responsive design tool gives you complete control over how your content appears across all devices, making it easy to build responsive layouts without any coding knowledge.
Perfect for creating mobile-responsive websites, this plugin automatically adds responsive breakpoints and device-specific styling options to every core WordPress block. Whether you’re optimizing for mobile SEO, improving tablet user experience, or fine-tuning desktop layouts, Block Responsive provides the responsive web design tools you need.
Key Features
📱 Display Controls
Hide/show blocks on specific devices (mobile, tablet, desktop)
Simple toggle controls with device-specific icons
Visual feedback for hidden blocks
🎨 Responsive Styling Options
Alignment Controls: Block alignment settings for different screen sizes
Colors Controls: Text color, background color, and link color with device-specific settings
Background Image Controls: Responsive background image settings
Typography Controls: Font size, line height, letter spacing, and text transform for each device
Dimensions Controls: Padding, margin, width, and height controls for responsive layouts
Border & Shadow Controls: Border radius, border width, and shadow effects per device
How It Works
Block Inspector Integration: Responsive controls appear in the block inspector panel
Device-Specific Settings: Configure different styles for mobile, tablet, and desktop
Real-time Preview: See changes immediately in the editor
Frontend Rendering: Automatically generates and applies responsive CSS
Have feedback, suggestions, or feature ideas?
Feel free to share them with me at [email protected]. I’d love to hear your thoughts!
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Block Responsive – Make Editor Blocks Responsive Easily」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | trunk |
延伸相關外掛（你可能也想知道）
Classic Editor 》Classic Editor 是由 WordPress 團隊維護的官方外掛程式，可還原之前（也就是「經典」）的 WordPress 編輯器和「編輯文章」畫面，使使用者可以使用延伸這個畫...。
Advanced Editor Tools 》高級編輯工具（以前稱為 TinyMCE Advanced）引入了一個「經典段落」區塊，供區塊編輯器（Gutenberg）使用。, 如果您還沒有準備好切換到區塊編輯器，或者有插...。
Starter Templates – AI-Powered Templates for Elementor & Gutenberg 》免費模板，支援 Elementor、Beaver Builder 和 Block Editor, 使用 Starter Templates 外掛，只需數分鐘即可建立專業且完美的網站。此外掛為使用者提供超過 2...。
Disable Gutenberg 》此外掛可禁用新的 Gutenberg 編輯器 (也稱為區塊編輯器)，並以經典編輯器取代它。你可以完全禁用 Gutenberg，或從文章、頁面、角色、文章類型和主題模板中有...。
Gutenberg Essential Blocks – Page Builder for Gutenberg Blocks & Patterns 》使用 Essential Blocks for Gutenberg，即可實現您的創意視覺效果，這是適用於 WordPress 的最終區塊庫！, 使用我們易於使用的區塊，增強您使用 Gutenberg 的...。
Blocks Animation: CSS Animations for Gutenberg Blocks 》Blocks Animation 可以讓您以優雅的方式，為所有的 Gutenberg 區塊添加 CSS 動畫。, Blocks Animation 的用戶介面非常原生且直觀，您甚至不會注意到它已經被...。
GutenKit – Page Builder Blocks, Patterns, and Templates for Gutenberg Block Editor 》總結：GutenKit for Gutenberg 是一個在 WordPress 區塊編輯器中提供輕鬆網頁建置體驗的終極解決方案，讓您無需編碼技能就能設計令人驚艷的專業網頁內容。, ,...。
Ultimate Blocks – 25+ Gutenberg Blocks for Block Editor 》k, HowTo Schema Block lets you create step-by-step instructions with images and video, perfect for tutorials and guides. It is also Schema Markup e...。
Lightbox for Gallery & Image Block 》這個 WordPress 外掛為標準 WordPress 圖庫及圖像區塊新增了一個簡單輕量的 Lightbox，它可以偵測文章是否包含圖庫或圖像區塊，然後載入並啟動 baguetteBox.j...。
Classic Editor and Classic Widgets 》這個免費的 Classic Editor & Classic Widgets 外掛可幫助您輕鬆地完全停用 Gutenberg 編輯器，並啟用 Classic Editor 和 Classic Widgets。, Classic Ed...。
PublishPress Blocks – Block Controls, Block Visibility, Block Permissions 》PublishPress Blocks 提供您在 WordPress 區塊編輯器中建立專業網站所需的所有功能，其中包括佈局選項、輪播、按鈕、圖示、圖片庫、地圖、選項卡、推薦、手風...。
Nexter Gutenberg Blocks – Website Builder & 1000+ Starter Templates 》「Gutenberg」外掛 「The Plus Addons for Block Editor」提供了85多個高級WordPress區塊、300多個預建UI區塊和模板，具有強大的功能，如Blog Builder、WooCo...。
PDF viewer for Elementor & Gutenberg 》「PDFjs Viewer for Elementor」外掛是一個強大的工具，可輕鬆將 PDF 檔案嵌入到您的 Elementor 頁面建構器頁面中。它專為 Elementor 設計，因此您可以輕鬆在...。
Genesis Custom Blocks 》Genesis Custom Blocks 為 WordPress 開發人員提供了必要的工具，以應對現代 WordPress 「區塊先行」的實境。, WordPress 區塊編輯器（又稱 Gutenberg）為我...。
BlockArt Blocks – Gutenberg Blocks, Page Builder Blocks ,WordPress Block Plugin, Sections & Template Library 》BlockArt Gutenberg Blocks – 最佳 WordPress Gutenberg 外掛程式之一, 擁有強大功能的 BlockArt 提供了無縫的網站建立體驗。它提供了六種獨特且響應式的區塊...。