Descrizione
Responsive Block Control adds responsive toggles to a “Visibility” panel of the block editor (i.e Gutenberg), to show or hide blocks according to screen width.
Configuration
Override existing breakpoints
function override_responsive_block_control_breakpoints($break_points) {
$break_points['base'] = 0;
$break_points['mobile'] = 400;
$break_points['tablet'] = 800;
$break_points['desktop'] = 1000;
$break_points['wide'] = 1600;
return $break_points;
}
add_filter('responsive_block_control_breakpoints', 'override_responsive_block_control_breakpoints');
Stop css output completely
function override_responsive_block_control_add_css() {
return false;
}
add_filter('responsive_block_control_breakpoints', 'override_responsive_block_control_add_css');
Screenshot
The 'Responsive Block Control' toggles at work in the block editor.
Installazione
- Upload
responsive-block-control.phpto the/wp-content/plugins/directory - Activate the plugin through the ‘Plugins’ menu in WordPress
FAQ
-
Is it possible to use different breakpoints?
-
Yes, use the following code in your functions.php or similar.
function override_responsive_block_control_breakpoints($break_points) { $break_points['base'] = 0; $break_points['mobile'] = 400; $break_points['tablet'] = 800; $break_points['desktop'] = 1000; $break_points['wide'] = 1600; return $break_points; } add_filter('responsive_block_control_breakpoints', 'override_responsive_block_control_breakpoints'); -
Can I write my own CSS and just use the classes?
-
Yes, that is absolutely possible. Just use the filter below to stop the plugin from injecting its’ styles:
function override_responsive_block_control_add_css() { return false; } add_filter('responsive_block_control_breakpoints', 'override_responsive_block_control_add_css');
Recensioni
Contributi e sviluppo
“Responsive Block Control – Hide blocks based on display width” è un software open source. Le persone che hanno contribuito allo sviluppo di questo plugin sono indicate di seguito.
Collaboratori
“Responsive Block Control – Hide blocks based on display width” è stato tradotto in 1 lingua. Grazie ai traduttori per i loro contributi.
Traduci “Responsive Block Control – Hide blocks based on display width” nella tua lingua.
Ti interessa lo sviluppo?
Esplora il Codice segui il Repository SVN iscriviti al Log delle Modifiche. Puoi farlo tramite RSS con un lettore di feed.
Changelog (registro delle modifiche)
1.2.0
- fixed some JS logic
- added visibility information to blocks in Gutenberg editor
1.1.1
- fixed regex for adding classes in the frontend
1.1.0
- Removed the “blocks.getSaveContent.extraProps” JS filter as it causes block validation errors
- Instead we are using the recommended PHP filter “render_block” to add the necessary classes vie preg_replace()
1.0.0
- Initial Release of the plugin