L’une des fonctionnalités les plus utiles (mais sous – utilisées) de l’éditeur de blocs WordPress (également connu sous le nom de gutenburg) est les blocs réutilisables. Si vous connaissez Divi ou un autre générateur de page, les blocs réutilisables exécutent les mêmes fonctions que les modules globaux. Ces blocs (ou groupes de blocs) peuvent être configurés une fois, mais peuvent être réutilisés. Vous pouvez les placer sur plusieurs pages et messages sans avoir à les modifier à nouveau. De plus, si vous voulez les modifier à nouveau, vous pouvez effectuer des changements à l’échelle du site, ce qui vous permet d’économiser des heures sur le cycle de vie du site. Regardons ensuite toutes les façons de gérer les blocs WordPress réutilisables.
Comment créer des blocs réutilisables dans WordPress il est relativement facile de créer des blocs réutilisables dans WordPress. Dans n’importe quel post édité avec l’éditeur de bloc (qui est le paramètre par défaut dans WP 5.x sauf si vous utilisez le plug – in d’éditeur classique), vous pouvez faire n’importe quel bloc que vous voulez réutiliser. Lorsque vous passez le curseur sur un bloc et sélectionnez ajouter à un bloc réutilisable, cliquez sur les trois points déroulants dans les paramètres. L’éditeur vous demandera de nommer le nouveau bloc pour une récupération ultérieure. Assurez – vous de lui donner un nom inoubliable car il fonctionnera sur votre site. Comme une photo de couverture d’un billet connexe ou d’un billet de blog, ou quelque chose de tout aussi descriptif.
Si une erreur s’est produite lors de la création d’un bloc réutilisable (ou seulement lors de la création), vous pouvez cliquer à nouveau sur les paramètres déroulants, puis cliquer sur Supprimer du bloc réutilisable. Cette option efface l’ensemble du bloc de la base de données et, si vous le souhaitez, vous pouvez répéter la procédure ci – dessus pour l’ajouter à la bibliothèque. De plus, une fois sauvegardé, il suffit de cliquer sur le bloc lui – même pour trouver le bouton Édition. Pour les blocs paragr
Dans ce cas, AfO vous donne l’option de le renommer. Cependant, les paramètres de chaque bloc seront différents. Pour les blocs d’images, vous pouvez obtenir d’autres options telles que l’insertion d’un autre fichier à partir de la médiathèque ou le téléchargement d’un nouveau fichier, ainsi que l’alignement ou l’URL du lien.
Cette procédure s’applique à tous les blocs réutilisables que vous créez. Mais gardez à l’esprit que toute modification apportée à un bloc réutilisable de cette façon s’appliquera à toutes les autres instances du bloc sur le site. Par conséquent, si vous changez l’image en bloc, la nouvelle image apparaît partout. Comment insérer des blocs réutilisables dans WordPress en utilisant des blocs réutilisables est en fait très simple. Dans l’éditeur de bloc, vous pouvez cliquer sur n’importe quelle instance de + dans le cercle pour trouver des onglets réutilisables. Les boutons + sont affichés sur le côté droit de n’importe quel bloc, sous chaque bloc et dans le coin supérieur gauche de l’écran.
Lorsque vous insérez des blocs réutilisables que vous créez dans différents messages et pages, ils peuvent également apparaître dans l’onglet le plus couramment utilisé, qui apparaît en haut de la liste chaque fois que vous appuyez sur le bouton +. Ils changent lorsque vous utilisez différents blocs, mais si vous utilisez le même bloc réutilisable, par exemple, comme pied de page pour chaque billet de blog, ils apparaissent généralement ici. Comment gérer tous les blocs réutilisables dans WordPress au bas de l’onglet réutilisables, vous trouverez le lien gérer tous les blocs réutilisables. Cliquez sur ce lien pour accéder à une page familière qui énumère chaque bloc réutilisable que vous créez. La liste ressemble plus ou moins exactement à la liste des messages et pages WordPress par défaut.
Lorsque vous regardez la liste, vous voyez quelques options importantes. Importer à partir de json, exporter vers json et modifier. L’utilisation de l’édition est exactement
Placez le bloc en haut lors de l’édition. Seuls les blocs sont affichés dans l’éditeur, pas dans un message particulier, comme un message dans lequel vous pouvez le mettre à jour et seulement le mettre à jour. De même, tout changement que vous apportez à ce bloc s’appliquera à chaque instance au niveau du site. Pour exporter vers json, cliquez sur le bouton (3) pour afficher une boîte de dialogue (selon les paramètres du navigateur) pour sélectionner l’emplacement où les fichiers json générés peuvent être téléchargés. Le fichier lui – même est un json simple. Il affiche le type de fichier (un bloc), le titre fourni lors de l’édition ou de la création, puis le HTML réel que WordPress va Insérer pour créer le bloc et son contenu à l’avant du site.
L’importation à partir de json est aussi simple: trouvez le fichier json sur votre ordinateur et téléchargez – le comme n’importe quelle pièce jointe ou fichier. Lorsque vous appuyez sur Import, il apparaît dans la liste des blocs réutilisables. Cependant, gardez à l’esprit que si vous avez déjà un bloc avec le même nom (dans ce cas, le bloc réutilisable 1), le bloc nouvellement importé ne sera pas renommé. Vous devez faire la distinction manuellement. Pourquoi importer et exporter des blocs réutilisables? Il existe de nombreuses raisons de les importer et de les exporter, mais principalement à des fins de sauvegarde et de portabilité. Vous voudrez peut – être conserver une sauvegarde de tous les blocs et contenus qui, à votre avis, méritent d’être propagés sur le site. La portabilité, le partage et la vente sont également importants.
Si vous avez besoin d’utiliser des blocs sur d’autres sites. Partagez avec vos coéquipiers. Ou vendu séparément au client sous forme de blocs réutilisables. Tout comme notre paquet de mise en page hebdomadaire Divi, les blocs d’importation et d’exportation vous permettent d’étendre le générateur de plusieurs façons. De plus, lorsque vous utilisez l’option bloc de groupe (voir ci – dessous), vous pouvez importer et exporter l’ensemble du modèle
La mise en page est un bloc réutilisable au format json. Comment créer des groupes de blocs réutilisables dans WordPress créer des groupes de blocs réutilisables aide à rafraîchir toute la fonctionnalité des blocs réutilisables. En plus des images, paragraphes ou titres individuels qui peuvent être insérés globalement, vous pouvez grouper les blocs Gutenberg et les enregistrer en tant que blocs réutilisables individuels. Cela signifie que vous pouvez grouper des blocs de titre, des blocs de segment, des blocs d’image et des blocs HTML personnalisés pour créer un formulaire global d’activation de courriel pour tous les messages de l’éditeur de bloc.
Pour créer un ensemble de blocs WordPress réutilisables, il suffit de déplacer et de cliquer sur n’importe quel bloc pour l’ajouter au Groupe. Tous les blocs sélectionnés sont mis en évidence avec une bordure bleue. Appuyez ensuite sur le bouton transformer (2) et sélectionnez le Groupe dans le menu déroulant (3). Vous verrez les blocs combinés en un seul bloc. Les blocs de groupe sont ensuite convertis en blocs réutilisables de la même manière que tout autre bloc individuel a été traité ci – dessus. Lorsque vous ajoutez un nouveau bloc à un message ou à une page, ce nouveau groupe apparaît dans la liste et les onglets réutilisables de tous les blocs réutilisables.
Comment créer des blocs réutilisables dans le modèle réutilisable WordPress dont nous avons discuté précédemment est un élément global. Cela signifie que tout changement apporté à une instance d’un bloc affectera toutes les autres instances. Si vous modifiez le texte ou l’image d’un bloc réutilisable, le changement s’étend à l’ensemble du site. Cependant, vous pouvez utiliser des blocs réutilisables comme modèles que vous pouvez modifier individuellement. De même, comme notre disposition Divi, l’éditeur de blocs peut insérer des blocs réguliers (ou des groupes de blocs) à partir de la bibliothèque, puis
Modifier le contenu d’un seul article ou d’une seule page (même bloc par bloc).
Pour ce faire, insérez un bloc réutilisable dans l’éditeur comme décrit ci – dessus. Appuyez sur la touche + dans le cercle, allez à réutilisable et sélectionnez le bloc à insérer. Lorsque le bloc apparaît, cliquez sur trois points pour ouvrir le menu déroulant. Sélectionnez Convertir en bloc normal. Remarque: Ne sélectionnez pas supprimer du bloc réutilisable. Convertir en bloc normal ne s’applique qu’à ce seul bloc. Lorsque vous utilisez Convert to normal Block, vous dites à WordPress que vous souhaitez (et seulement cela) que les blocs individuels soient indépendants des changements au niveau du site global. Les modifications apportées à d’autres blocs réutilisables ne s’appliquent pas aux blocs convertis et ne s’appliquent pas globalement. Sélectionnez Supprimer du bloc réutilisable pour supprimer tout le contenu du catalogue global. Les blocs que vous avez entrés resteront à leur emplacement d’origine, mais ne partageront plus de coups globaux. Vous ne pouvez pas non plus les ré – entrer à partir de l’onglet réutilisable (cela peut être évident). Cela supprimera l’utilisation de blocs réutilisables comme modèles, donc nous ne le recommandons pas. Cependant, en utilisant Convert to General Blocks, vous pouvez insérer un modèle de base pour un bloc (ou un groupe de blocs) et supprimer seulement ses instances spécifiques de la norme globale, de sorte que le bloc réutilisable original peut être utilisé comme modèle pour d’autres messages et pages. Vous pouvez voir cette fonctionnalité dans notre tutoriel sur l’ajout de blocs de mise en page Divi réutilisables à un billet de blog. Conclusion les blocs réutilisables sont l’une des principales fonctions de l’éditeur de blocs Gutenberg. En partageant des blocs et du contenu entre votre site et vos amis et en les utilisant comme modèles pour les éléments communs de votre site, vous pouvez profiter de la fonctionnalité de blocs réutilisables
La réaction et la conception des articles et des pages ont atteint de nouveaux niveaux d’utilité, de créativité et d’expérience utilisateur. Comment avez – vous utilisé les blocs réutilisables Gutenberg pour améliorer votre site Web? Helga khorimarko article \ photos en vedette de shutterstock. Com