外掛說明
Block Visibility Scope gives you full responsive control over any WordPress block.
You can decide where each block should be visible: small phones, tablets, laptops, desktops, or wide screens.
How to use this plugin:
1. Edit any page/post with the Gutenberg block editor.
2. Select a block, then in the right-hand Block Inspector, locate the Visibility Control panel.
3. Toggle the switches to choose where the block should be hidden or visible across different screen sizes.
Features:
* Hide or show blocks based on screen size:
– Extra Small (<576px – small phones)
– Small (576–767px – large phones)
– Medium (768–991px – tablets)
– Large (992–1199px – laptops)
– Extra Large (1200–1399px – desktops)
– XXL (≥1400px – wide screens)
* Works with all WordPress blocks.
* Live preview: blocks with visibility rules are highlighted in the editor for easy identification.
* Lightweight – minimal code, no heavy dependencies.
* 100% compatible with the WordPress block editor (Gutenberg).
This is the simplest way to add responsive block visibility in WordPress without writing a single line of code.
Get Involved
The plugin is developed openly on GitHub—follow the project, contribute, or give it a ⭐ to show your support!
* View on GitHub
螢幕擷圖
Visibility controls in block inspector – Toggle options for each screen size. 
Highlighted editor preview – Blocks with visibility rules appear highlighted in the editor.
安裝方式
Installation from within WordPress
- Visit Plugins > Add New.
- Search for Block Visibility Scope.
- Install and activate the Block Visibility Scope plugin.
Manual installation
- Upload the entire
block-visibility-scopefolder to the/wp-content/plugins/directory. - Visit Plugins.
- Activate the Block Visibility Scope plugin.
After activation
- Edit any page/post with the block editor (Gutenberg).
- Select a block open the right-hand Block Inspector find the Visibility Control panel.
- Use the toggle switches to hide/show the block on different screen sizes.
常見問題集
-
Where can I find the visibility toggles in the editor?
-
Once the plugin is activated, open the block editor (Gutenberg). Select any block, and in the right-hand sidebar under “Block Settings,” you will find a new panel named “Visibility Control.” This panel includes toggle switches to hide the selected block on specific screen sizes.
-
Does this work with all blocks?
-
Yes. The plugin adds visibility options to every block available in the WordPress block editor.
-
Does this plugin provide any new block?
-
No. It does not add new blocks. Instead, it extends all existing blocks with visibility controls.
-
Will it slow down my website?
-
No. The plugin is lightweight and only adds minimal CSS classes to blocks.
-
Can I use it with page builders?
-
This plugin is designed for the WordPress block editor (Gutenberg). It will not work with other page builders.
使用者評論
這個外掛目前沒有任何使用者評論。
參與者及開發者
變更記錄
1.0.1
- Applied review feedback from Plugin Review Team.
1.0.0
- Initial release.
- Add responsive visibility toggles (XS, SM, MD, LG, XL, XXL).
- Highlights the editor hidden blocks.
- Apply frontend classes for visibility control.