Documentation du plugin Gutenberg Visibility

Prérequis

WordPress : Version 5.9 ou supérieure
PHP : Version 7.0 ou supérieure

Installation

Pour l’installation du plugin, veuillez vous référer au tutoriel « Installer un plugin ».

Exemple

Nous vous invitons à réduire votre fenêtre pour faire apparaitre les blocs suivants.

Ce bloc est toujours visible.

Ce bloc est visible pour les écrans supérieurs à 1200px.

Ce bloc est visible pour les écrans supérieurs à 992px.

Ce bloc est visible pour les écrans supérieurs à 768px.

Ce bloc est visible pour les écrans supérieurs à 576px.

Ce bloc est visible pour les écrans supérieurs à 400px.

Personnalisation

Blocs

Par défaut, les réglages sont disponibles sur tous les blocs, il est possible d’exclure des blocs avec le code PHP suivant à mettre dans le fichier functions.php de votre thème:

PHP

add_filter( "habefast_gutenberg_visibility_get_excludes_blocks",function($array){
	$exludesBlocks = ["core/heading"]; //array with excluded blocks name
	return array_merge($exludesBlocks,$array);
},11);

Points de rupture (Breakpoints)

Par défaut le plugin ajoute les breakpoints suivants:

PHP

["size"=>1200,"prefix"=>'xl'],
["size"=>992,"prefix"=>'lg'],
["size"=>768,"prefix"=>'md'],
["size"=>576,"prefix"=>'sm'],
["size"=>400,"prefix"=>'xs'],

Ajouter un breakpoint

PHP

add_filter("habefast_gutenberg_visibility_get_breakpoints",function($array){
 	return array_merge([
 		["size"=>1500,"prefix"=>"xxl"],
 	],$array);
 },11);

Modifier un breakpoint

PHP

//Comme le préfix est déjà utilisée, sa valeur sera remplacée
add_filter("habefast_gutenberg_visibility_get_breakpoints",function($array){
	return array_merge([
 		["size"=>600,"prefix"=>"md"],
 	],$array);
 },11);

Suprimer un breakpoint

PHP

add_filter("habefast_gutenberg_visibility_get_breakpoints",function($array){
	unset($array[1]);
	return $array;
},11);