Flavor Block Visibility

Flavor Block Visibility

Door Vlad Zelinskyi

Download

Ondersteuning

Beschrijving

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.

Schermafbeeldingen

Toggle controls in the Advanced panel of the block sidebar.
Settings page for customizing breakpoints.

Installatie

Upload the flavor-block-visibility folder 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

FAQ

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.

Beoordelingen

Er zijn geen beoordelingen voor deze plugin.

Bijdragers & ontwikkelaars

“Flavor Block Visibility” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Vlad Zelinskyi

Vertaal “Flavor Block Visibility” in je eigen taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.

Changelog

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.

Waarderingen

Er zijn nog geen beoordelingen ingediend.