Le bloc de mise en page Divi reste une mise à jour utile du thème Divi et nous permet d’ajouter n’importe quelle mise en page Divi à un billet de blog dans l’éditeur Gutenberg. Nous pouvons même convertir des blocs de mise en page Divi en blocs Gutenberg réutilisables, comme d’autres blocs WordPress. Cela ouvre la porte à la simplification de certains projets de mise en page utiles qui sont divisés en processus d’écriture normal pour les postes Gutenberg. Dans ce tutoriel, nous montrerons comment créer des blocs de mise en page Divi réutilisables pour les billets de blog Gutenberg. Pour illustrer ce point, nous créerons un séparateur de section pour l’exemple de bloc de mise en page Divi réutilisable de cet article. Mais nous pouvons facilement appliquer la même technique pour créer des blocs de mise en page Divi réutilisables pour n’importe quoi dans Divi Builder.
On y va. Créer un bloc de mise en page Divi pour un billet Gutenberg créer ou modifier un billet pour commencer, nous devons créer un nouveau billet ou modifier un billet existant. Dans cet exemple, nous utilisons des blocs de titre et de paragraphe pour ajouter du contenu fictif au titre et au corps de l’article. Ensuite, ajoutez l’image de premier plan et sélectionnez aucune barre latérale pour la mise en page dans la configuration de la page Divi. Une fois que vous avez créé la plupart des messages, tout ce que nous avons à faire est d’ajouter un nouveau bloc de mise en page Divi n’importe où dans la zone de contenu du message.
Pour l’ajouter, passez le curseur sur la zone où vous voulez ajouter des options de courriel. Puis cliquez sur l’icône Blue plus pour ajouter un nouveau bloc. Dans la liste déroulante des blocs, sélectionnez le bloc de mise en page Divi. Construire une nouvelle mise en page dans un bloc de mise en page Divi une fois que vous sélectionnez un bloc de mise en page Divi, vous pouvez sélectionner créer une nouvelle mise en page ou télécharger à partir de la bibliothèque. Parce que nous devons
Dans Divi. Le bloc peut être utilisé plusieurs fois, mais le contenu et l’apparence de toutes les instances sont identiques. Lorsque nous changeons un bloc de mise en page réutilisable, les changements s’appliquent à toutes les instances du bloc de mise en page dans l’ensemble du site. Une fois qu’un bloc de mise en page est réutilisable dans WordPress, il est disponible dans la liste des blocs lors de l’écriture de l’article. Il est donc très pratique d’ajouter le même bloc de mise en page plusieurs fois dans plusieurs billets de blog.
Convertissez le bloc de mise en page Divi en bloc de mise en page réutilisable, faites du bloc de mise en page Divi un bloc réutilisable, passez le curseur sur le bloc de mise en page, puis cliquez sur l’icône en trois points pour ouvrir le menu de configuration. Sélectionnez ensuite l’option Ajouter à un bloc réutilisable dans la liste. Ensuite, nommez le bloc réutilisable et cliquez sur le bouton Enregistrer pour enregistrer le bloc en tant que bloc réutilisable. Maintenant, lorsque nous ajoutons un nouveau bloc à notre billet de blog, nous pouvons trouver un nouveau bloc de mise en page réutilisable (sous le commutateur de catégorie réutilisable) dans la liste. Il suffit de cliquer sur un bloc de mise en page réutilisable et il est ajouté au post.
Maintenant, si nous regardons Live Post, nous pouvons voir deux exemples du même séparateur de partitions. Après avoir utilisé des blocs réutilisables plus d’une fois dans un billet ou un site, nous pouvons modifier une instance d’un bloc de mise en page réutilisable, et ces changements s’appliqueront à toutes les instances d’un bloc dans l’ensemble du site. Pour modifier un bloc de mise en page réutilisable, passez le curseur sur le bloc et cliquez sur le bouton Édition dans le coin supérieur droit du bloc. Sélectionnez ensuite (cliquez) pour réutiliser la disposition dans le bloc et cliquez sur l’icône Édition dans le menu supérieur qui apparaît. Nous pouvons également cliquer sur le lien modifier la mise en page sous SC
Bloquez Heath dans la barre latérale droite.
Par conséquent, changez la disposition au besoin. Par exemple, nous pouvons changer la couleur utilisée pour l’arrière – plan de la rampe. Après avoir sauvegardé la mise en page, assurez – vous de cliquer sur le bouton Enregistrer dans le coin supérieur droit du bloc de mise en page réutilisable. Ensuite, mettez à jour le billet et visualisez les changements sur le site en direct. Vous remarquerez que les modifications de conception ont été mises à jour pour toutes les instances d’une mise en page réutilisable. Astuce: utilisez des blocs de mise en page réutilisables comme modèles parfois, nous voulons utiliser des versions modifiées des blocs de mise en page réutilisables dans nos messages. Cela nous permet d’ajouter un bloc de mise en page réutilisable comme modèle de départ au post afin que vous puissiez personnaliser le bloc de mise en page pour une instance spécifique sans affecter le bloc réutilisable pour l’ensemble du site.
Pour utiliser un bloc de mise en page réutilisable comme modèle, ajoutez d’abord un bloc de mise en page réutilisable à votre message. Ensuite, ouvrez le menu bloc et sélectionnez l’option convertir en bloc normal. Nous pouvons maintenant changer la disposition en une conception spécifique pour cette instance sans affecter d’autres blocs réutilisables. La création de blocs de mise en page Divi réutilisables est utile, en particulier pour les éléments de conception Divi tels que les séparateurs de section. Cela nous permet de réutiliser les séparateurs lors de l’affichage. Non seulement il simplifie le processus d’écriture des messages, mais il nous permet également de mettre à jour plus facilement la conception des blocs pour l’ensemble du site. Dans cet article, nous montrons comment ajouter un séparateur de partitions comme bloc réutilisable, mais pour de nombreuses autres raisons, la même technique peut être utilisée pour créer des blocs de mise en page Divi réutilisables sans fin.
Pouvez – vous identifier des méthodes utiles pour intégrer des blocs de mise en page Divi réutilisables dans votre journal? Je ne comprends pas.