Comment utiliser des presets globaux avec des blocs de mise en page Divi pour simplifier la conception des billets de blog

Les presets affectent toutes les instances de preset au niveau du site. Cela signifie que vous pouvez utiliser des presets globaux lors de la conception d’un projet dans l’éditeur de blocs de mise en page et que ces presets sont mis à jour en conséquence. Par conséquent, si vous souhaitez ajouter un CTA au contenu d’un billet de blog en utilisant le bloc de mise en page Divi, vous pouvez créer un CTA en ajoutant un module avec un preset global, tout comme vous ajoutez une page ou un article régulier. Cela vous permet d’ajouter rapidement et efficacement des éléments de conception correspondants à vos messages.
Utilisez des presets globaux avec des blocs de mise en page Divi pour simplifier le Guide de style de preset global de chargement de la conception de blogs pour ce tutoriel, nous allons immédiatement commencer à créer des presets globaux en utilisant des mises en page de guide de style de preset global pour les mises en page de proxy web. Après avoir téléchargé le Guide de style, nous utiliserons quelques presets globaux à utiliser lors de l’ajout d’éléments de conception à un billet de blog en utilisant le bloc de mise en page Divi. Pour télécharger un preset global, allez sur un billet de blog. Faites défiler vers le bas vers la section intitulée télécharger le Guide de style global preset. Saisissez ensuite votre adresse e – mail et cliquez pour recevoir le téléchargement. Une fois le fichier zip téléchargé sur votre ordinateur, décompressez – le et retournez au tableau de bord WordPress. Pour importer le fichier json du Guide de style dans Divi… Allez à la Bibliothèque Divi > Divi. Cliquez sur les boutons Importer et exporter. Dans la fenêtre contextuelle Portability, sélectionnez l’onglet importation. Sélectionnez le fichier json pour le Guide de style global de l’agent Web. Assurez – vous que les valeurs par défaut d’importation sont sélectionnées. Puis cliquez sur le bouton importer. Tous ces presets globaux sont maintenant disponibles dans Divi Builder. Charger le modèle de message maintenant que le Guide de style est prêt, nous allons sauter à
Blog importe le modèle de billet de blog de l’agent Web qui correspond déjà aux éléments du Guide de style.
Pour télécharger le modèle, allez sur le billet de blog, Saisissez votre adresse e – mail, puis cliquez sur télécharger le fichier. Pour importer un modèle de message… Allez à Divi > Theme Builder. Cliquez ensuite sur l’icône Portabilité. En mode portabilité, sélectionnez l’onglet importation. Sélectionnez le fichier json pour le modèle de message téléchargé. Puis cliquez sur le bouton importer. Une fois que vous avez installé un modèle de poste personnalisé en utilisant le modèle de poste de mise à jour \/ conception par défaut, cliquez pour modifier le modèle de corps personnalisé. Vous pouvez également voir la conception du modèle post – template et effectuer des modifications en utilisant les presets globaux disponibles dans le Guide styles importés. Si vous créez votre propre modèle de poste à partir de zéro, vous pouvez utiliser des presets globaux pour aider à faire correspondre la conception du modèle de poste à d’autres éléments du site. Par exemple, vous pouvez utiliser le preset \ Alternativement, vous pouvez utiliser le module Blurb par défaut \
Par exemple, vous pouvez copier le style de texte global par défaut de l’en – tête créé pour tous les styles de texte dans un formulaire de texte
– Oui. Ensuite, collez le style de texte du titre dans le formulaire de contenu du message du modèle de message. Cela aidera à s’assurer que tous les titres utilisés pour le contenu des messages correspondent au style du site. Il est important ici que vous ayez un modèle de post qui correspond au style de votre site. Si vous Concevez un modèle à partir de zéro, l’utilisation de presets globaux peut grandement aider ce processus.
Utiliser des presets globaux avec des blocs de mise en page Divi une fois la conception du modèle terminée, nous pouvons commencer à utiliser des presets globaux avec des blocs de mise en page Divi pour concevoir d’autres éléments de contenu de post en utilisant l’éditeur de blocs par défaut de WordPress. Pour ce faire, modifiez (ou créez) un billet de blog. Par conséquent, assurez – vous d’avoir du contenu fictif (comme certains titres et paragraphes et des images de premier plan). À ce stade, si vous regardez le message à l’avant, le contenu du message est affiché dans le modèle et le contenu du message (titre, texte, etc.) Hérite des styles des paramètres du module de contenu de publication. Le module de contenu post ne traitera que des styles pour le contenu textuel de base. Si vous souhaitez ajouter d’autres éléments à votre message en utilisant l’éditeur de bloc WordPress par défaut, vous devrez modifier le style de ces éléments en utilisant le CSS personnalisé dans le Sous – thème. C’est une erreur à moins que vous n’utilisiez le bloc de mise en page Divi. Pour ajouter du contenu supplémentaire qui correspond au modèle de billet et au site Web, vous pouvez utiliser le bloc de mise en page Divi. Cela vous permettra d’ajouter tout ce que vous voulez et de le modéliser en utilisant Divi Builder. De plus, comme nous pouvons également utiliser des presets globaux, nous pouvons simplifier davantage la conception du contenu de nos billets de blog. Design # 1: créer une invitation à l’action du blog en utilisant Divi dans les presets globaux et les blocs de mise en page
Dans le premier exemple, nous avons créé une invitation personnalisée à l’action blog qui correspond au modèle de billet et à la conception du site. Pour ce faire, ajoutez un bloc de mise en page Divi au contenu du message. Puis cliquez sur créer une nouvelle mise en page. Ceci ouvre l’éditeur de bloc de mise en page, qui est généralement Divi Builder. Assigne des lignes aux colonnes de la section par défaut. Ouvrez la disposition globale prédéfinie dans un autre navigateur et assurez – vous de cliquer pour construire à l’avant pour voir le projet. Cela vous permet d’ouvrir l’éditeur de mise en page dans un navigateur et l’assistant de style dans un autre. Si vous n’avez pas de guide de style, vous pouvez ouvrir la mise en page sur le site pour accéder à tous les éléments de conception que vous souhaitez transférer. Copiez l’arrière – plan de ce guide de style CTA et nous utiliserons l’arrière – Plan bleu réel du Guide de style. Ouvrez les paramètres du formulaire texte et copiez l’arrière – plan. Ensuite, ouvrez les paramètres de section dans l’éditeur de mise en page et collez l’arrière – plan de la section. Utilisez le preset H3 pour ajouter un formulaire texte, puis ajoutez un nouveau formulaire texte à la ligne. Ensuite, ouvrez les paramètres et mettez à jour ce qui suit: ajoutez un en – tête H3 à l’appel d’action en collant le code HTML suivant dans le corps: Découvrez comment un client peut augmenter ses revenus de 500% Ouvrez le menu déroulant global display, sélectionnez le preset de titre H3 (walp – H3 – 1) pour mettre à jour la conception, puis mettez à jour la couleur du texte blanc et centrez l’alignement. Ajouter un bouton avec un preset global sous le formulaire de texte, ajouter un nouveau bouton. Ensuite, Rafraîchissez le texte du bouton et sélectionnez une conception globale par défaut du bouton. Dans cet exemple, nous utilisons \
Dans le coin gauche, ajoutez un module Blurb. Ajoutez une nouvelle image d’icône à Blurb. Ensuite, ouvrez le menu déroulant preset et sélectionnez le preset Blurb \