外掛說明
Flavor Block Visibility adds three simple toggle switches to the Advanced panel of every Gutenberg block:
- Hide on Desktop — hides the block on large screens
- Hide on Tablet — hides the block on medium screens
- Hide on Mobile — hides the block on small screens
Features
- Works with every core and third-party Gutenberg block
- Controls appear in the native Advanced panel — no extra sidebars
- Customizable breakpoints via Settings Block Visibility
- Lightweight — CSS is only loaded on pages that actually use visibility toggles
- Visual indicators in the editor show which blocks have visibility rules
- No JavaScript on the frontend — pure CSS media queries
- No build step required
- Clean uninstall — removes all plugin data
Default Breakpoints
- Mobile: 0 – 767px
- Tablet: 768px – 1024px
- Desktop: 1025px and above
Breakpoints can be customized in Settings Block Visibility.
螢幕擷圖
Toggle controls in the Advanced panel of the block sidebar. 
Settings page for customizing breakpoints.
安裝方式
- Upload the
flavor-block-visibilityfolder to/wp-content/plugins/ - Activate through the Plugins menu in WordPress
- Select any block open the Advanced panel in the sidebar use the toggles
- Optionally adjust breakpoints in Settings Block Visibility
常見問題集
-
Does this work with third-party blocks?
-
Yes. The plugin adds responsive controls to every registered Gutenberg block, including blocks from other plugins and themes.
-
How does the hiding work?
-
The plugin uses CSS media queries with
display: none !important. No JavaScript is used on the frontend. The CSS is only loaded on pages where at least one block uses a visibility toggle. -
Can I customize the breakpoints?
-
Yes. Go to Settings Block Visibility to change the pixel values for mobile, tablet, and desktop breakpoints.
-
Will this affect SEO?
-
CSS-based responsive hiding is a standard web practice. Search engines understand media queries and do not penalize content that is responsively hidden.
-
Does it work with Full Site Editing (FSE)?
-
Yes. The plugin supports both classic themes and block themes with Full Site Editing.
使用者評論
這個外掛目前沒有任何使用者評論。
參與者及開發者
變更記錄
1.1.0
- Editor: blocks hidden on the current preview device now display a grey overlay with a label — so it’s clear they won’t appear on that device.
- Editor: blocks with any hide rule show a thin blue outline and a small badge on other devices — visual confirmation the plugin is active.
- Removed the old dashed outline in favour of the new per-device-aware indicators.
1.0.0
- Initial release.
- Hide on Desktop, Tablet, and Mobile toggles for all Gutenberg blocks.
- Customizable breakpoints via Settings page.
- Conditional CSS loading — styles only load when needed.
- Visual editor indicators for hidden blocks.