Περιγραφή
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');
Στιγμιότυπα
The 'Responsive Block Control' toggles at work in the block editor.
Εγκατάσταση
- Upload
responsive-block-control.phpto the/wp-content/plugins/directory - Activate the plugin through the ‘Plugins’ menu in WordPress
Συχνές Ερωτήσεις
-
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');
Κριτικές
Συνεισφέροντες & Προγραμματιστές
“Responsive Block Control – Hide blocks based on display width” είναι λογισμικό ανοιχτού κώδικα. Οι παρακάτω έχουν συνεισφέρει στη δημιουργία του.
Συντελεστές
Το “Responsive Block Control – Hide blocks based on display width” έχει μεταφραστεί σε 1 γλώσσα. Ευχαριστούμε τους μεταφραστές για τις συνεισφορές τους.
Μεταφράστε το “Responsive Block Control – Hide blocks based on display width” στην γλώσσα σας.
Ενδιαφέρεστε για την ανάπτυξη;
Περιηγηθείτε στον κώδικα, ανατρέξτε στο αποθετήριο SVN ή εγγραφείτε στο αρχείο καταγραφής αλλαγών ανάπτυξης μέσω RSS .
Σύνοψη αλλαγών
1.2.7
Recompiled assets for distribution
1.2.6
- fixed translation for visiblity information
- added check for Classic Block and disabled display of settings there
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