Comment utiliser Divi pour modéliser vos publications WordPress

Si vous cherchez à structurer vos publications WordPress, un modèle est un excellent moyen de le faire. Divi est un thème WordPress populaire fourni avec un système de modèles intégré. Dans cet article, nous allons vous montrer comment utiliser Divi pour modéliser vos publications WordPress. Tout d'abord, vous devrez créer une nouvelle page dans WordPress et sélectionner le modèle "Divi Page Builder". Cela vous donnera une toile vierge avec laquelle travailler. Ensuite, vous voudrez ajouter quelques sections à votre page. Pour chaque section, vous pouvez choisir parmi une variété de mises en page prédéfinies ou créer la vôtre. Une fois que vous avez configuré vos sections, vous pouvez commencer à y ajouter du contenu. Vous pouvez utiliser Divi Builder pour ajouter du texte, des images, des vidéos, etc. Une fois que vous êtes satisfait de votre article, vous pouvez le publier sur votre site WordPress. C'est tout ce qu'on peut en dire! En utilisant Divi, vous pouvez facilement modéliser vos publications WordPress pour ajouter de la structure et du style.

Dans cet article, nous allons vous montrer comment utiliser le Theme Builder de Divi pour concevoir un template d'article de blog. Un modèle d'article de blog est un modèle à l'échelle du site Web que vous utilisez pour tous (ou une partie) des articles de blog. Avec Divi Theme Builder , vous pouvez facilement créer des centaines de conceptions visuellement attrayantes (et modifier la combinaison de contenu statique et dynamique dans votre modèle) en toute simplicité. Les modèles de publication de blogs sont des modèles prédéfinis avec un contenu dynamique, de sorte que toute publication nouvelle ou existante héritera automatiquement de sa mise en page et de sa conception. À l'aide des fonctionnalités de contenu dynamique intégrées de Divi Theme Builder, des blogs peuvent être créés à l'aide de modèles de publication de blog. Avant de pouvoir commencer à travailler sur le projet, vous devez d'abord comprendre quels modules utiliser et comment incorporer du contenu dynamique dans le modèle. Les modèles d'articles de blog sont créés à l'aide de Divi Theme Builder.

En naviguant vers WordPress et en sélectionnant Divi, Theme Builder, vous pouvez créer un nouveau template . En cliquant sur le bouton Ajouter un corps personnalisé, vous pouvez créer une nouvelle zone pour le corps du modèle de publication. Si vous sélectionnez l'option Build From Scratch, vous pourrez commencer le processus de création de votre propre logiciel. Dans les paramètres de présentation, cliquez sur l'icône de contenu dynamique, suivie de la zone de saisie Titre. L'élément de contenu dynamique de l'auteur de la publication peut être ajouté au contenu du titre. Voici les instructions pour modifier les paramètres de conception. Ajoutez le nombre de commentaires au module Blurb en tant que fonctionnalité de contenu dynamique.

En tant que contenu dynamique, vous pouvez inclure l'image du profil de l'auteur de la publication comme image du module. Le module de contenu de publication contient le contenu principal de la publication. Il est possible de mettre à jour les paramètres du module de publication de contenu de la même manière que n'importe quel autre module. Cette fonctionnalité est essentielle car elle détermine à quelle catégorie postuler. Cela pourra extraire tous les messages précédents de la même catégorie à partir du modèle de message. Les commentaires seront ajoutés dans la dernière section de ce modèle d'article de blog. Le module de commentaire peut être situé dans le champ de commentaire d'une ligne de colonne unique.

Si vous souhaitez enregistrer les modifications apportées à la mise en page ou au générateur de thèmes, veuillez mettre à jour leurs paramètres de conception. Lors de la conception d'un modèle de publication, gardez à l'esprit toutes les excellentes options qui s'offrent à vous. Comme vous pouvez le voir, j'espère que ce tutoriel est un bon point de départ pour créer votre propre modèle d'article de blog à l'aide de Divi Builder. Il est essentiel de comprendre comment le modèle de publication sera structuré ainsi que les différents outils disponibles. Alors qu'un beau modèle permet au blogueur de se concentrer sur la création de contenu, il permet également au modèle de terminer tout le travail du blogueur.

Comment afficher les articles de blog dans Divi ?

Une façon d'afficher les articles de blog dans Divi consiste à créer un modèle de page de blog . Cela peut être fait en créant une nouvelle page et en sélectionnant le modèle de page de blog dans le menu des attributs de page. Une fois le modèle appliqué, les articles de blog seront affichés dans la zone de contenu principale de la page.

Les blogs se trouvent dans le module Divi Builder , qui est destiné à afficher les articles de blog. Un module de blog peut être stylisé pour le rendre plus intéressant lorsqu'il est ajouté à une page. Le module Blog de Divi Builder fournit un nombre limité d'options de style. Si vous souhaitez que vos articles de blog apparaissent sous forme de liste, par exemple, vous devez désactiver le module. Sélectionnez l'option Pleine largeur dans le bloc Design du panneau Paramètres du blog. L'ID CSS sera visible sous le bloc Classes. Utilisez le champ de classe CSS left-blog-image pour copier l'identifiant CSS du blog de gauche. Vous pouvez modifier le code ci-dessus si nécessaire.

Ai-je besoin de l'éditeur Gutenberg si j'utilise Divi ?

Si vous utilisez le thème Divi, vous n'avez pas besoin de l'éditeur Gutenberg. Divi est un thème WordPress qui comprend un outil de création de pages qui vous permet de créer des pages et des publications personnalisées sans avoir à utiliser de code.

WordPress 5.0 introduit un tout nouvel éditeur de blocs (alias Gutenberg) sur la plateforme. Notre nouvelle expérience Divi Builder améliore non seulement l'expérience de conception, mais elle inclut également de nouvelles fonctionnalités. Vous découvrirez les options WordPress, les étapes nécessaires pour réussir l'intégration de la nouvelle expérience Divi Builder, et comment l'utiliser dans votre site WordPress dans ce tutoriel. Vous pouvez accéder aux options de thème dans le menu Divi en vous rendant sur votre tableau de bord WordPress. L'éditeur classique (WordPress) peut être activé en accédant à l'onglet Options du générateur et en sélectionnant l'onglet Avancé. Ensuite, choisissez comment vous souhaitez commencer à concevoir votre page parmi les trois options disponibles. La construction sur le bouton frontal remplace l'utilisation traditionnelle du bouton de création visuelle.

Dans le front-end, il utilisera Divi Builder pour créer une expérience de conception visuellement convaincante. Le nouveau Divi Builder inclut toutes ses fonctionnalités et le Visual Builder dans son backend. L'expérience du constructeur visuel peut être activée dans le backend en sélectionnant les modes d'affichage en haut du constructeur. Lorsque vous éditez une page dans la dernière version de Divi, il est extrêmement simple de revenir au Classic Divi Builder . Divi Builder dispose désormais de toutes les nouvelles fonctionnalités puissantes qui n'étaient auparavant disponibles que dans Visual Builder. Vous devez vous assurer que Classic Divi Builder est également activé sur le backend. De plus, WordPress 5.0 doit être mis à jour, ainsi que les correctifs de compatibilité de Divi.

Il est possible de revenir au constructeur de page Classic Divi depuis l'éditeur de page en utilisant le nouveau Divi Builder sur le backend WordPress. Les deux peuvent être utilisés en même temps, mais celui qui est préféré doit être déterminé. Bientôt, vous pourrez utiliser vos modules Divi préférés dans Gutenberg ou enregistrer des blocs Gutenberg dans Divi Builder.

Utiliser Divi et Gutenberg ensemble

Dois-je utiliser l'éditeur Gutenberg ? Comment utilisez-vous Divi ?
Utiliser à la fois Gutenberg et Divi comme éditeurs ne nécessite plus l'utilisation de l'éditeur à utiliser. Divi et Elementor sont tous deux conviviaux et offrent un large éventail d'options de conception. Elementor peut être une bonne alternative à Gutenberg si vous préférez son fonctionnement mais souhaitez plus de flexibilité. Divi vous permettra de sélectionner les options et les options de conception les plus optimales.
Comment utilisez-vous l'éditeur Gutenberg ?
Une fois installé et activé, allez dans les paramètres et cliquez sur Oui sur l'option "Autoriser les utilisateurs à changer d'éditeur". Une fois que vous avez choisi entre classique et Gutenberg, vous pouvez basculer entre eux.

Modèles de publication de blog Divi

Il existe de nombreuses façons de créer un modèle d'article de blog. Une façon consiste simplement à créer un nouveau fichier dans votre dossier de thèmes WordPress et à le nommer quelque chose comme "blog-post.php". Ensuite, vous pouvez copier et coller le code du fichier "single.php" de votre thème WordPress existant dans ce nouveau fichier. Cela vous donnera un modèle de base avec lequel travailler. Une autre façon de créer un modèle d'article de blog consiste à utiliser un plugin comme WordPress Customizer. Ce plugin vous permet de créer un nouveau fichier de modèle, puis de le sélectionner dans un menu déroulant lorsque vous créez un nouveau message. Une fois que vous avez créé votre modèle, vous pouvez alors commencer à y ajouter votre propre code pour le personnaliser à votre guise. Par exemple, vous pouvez ajouter une image en vedette à votre modèle d'article de blog. Pour ce faire, vous devez ajouter le code suivant à votre fichier de modèle : Ce code vérifiera si le message actuel a un ensemble d'images en vedette. Si c'est le cas, il affichera l'image en vedette en haut de la publication. Vous pouvez également ajouter un autre code à votre modèle pour le personnaliser davantage. Par exemple, vous souhaiterez peut-être ajouter un lien "en savoir plus" à votre modèle d'article de blog. php the_content( 'En savoir plus' ); ? > Ce code affichera le contenu complet de votre message, suivi d'un lien "en savoir plus". Les possibilités de personnalisation de votre modèle d'article de blog sont infinies. Ce ne sont là que quelques exemples de ce que vous pouvez faire. Expérimentez et voyez ce que vous pouvez trouver!

Nous offrons cette semaine un modèle de publication de blog gratuit dans le cadre de notre initiative hebdomadaire Divi Design. Vous pouvez télécharger le modèle en vous rendant sur le Divi Theme Builder dans le backend de votre site WordPress. Lorsque vous téléchargez un nouveau modèle, une nouvelle zone de corps appelée Tous les messages apparaît dans le modèle. Avant de commencer à modifier les éléments du modèle, vous devez d'abord l'ouvrir. Ce modèle d'article de blog regorge d'éléments dynamiques qui fonctionneront avec vos articles de blog dès que vous l'installerez. Pour inclure les modules Email Optin dans votre conception, vous devez lier un compte de messagerie. Simplifiez l'ajout de votre propre contenu à la barre latérale, comme du texte, des URL de lien pour les boutons et une adresse e-mail d'activation.

Divi : la solution de blog la plus puissante

Divi, une plateforme de blog puissante, est un excellent choix pour ceux qui recherchent une solution de blog. Vous pouvez choisir d'afficher votre contenu sur une variété de pages en utilisant le puissant module de blog. La fonction Archives vous permet d'ajouter des publications à des pages spécifiques et de les afficher dans des publications uniques ou multiples. De plus, Divi possède une variété de fonctionnalités supplémentaires qui en font une fantastique plateforme de blogs.

Disposition Divi Single Post

L'éditeur visuel de Divi Builder vous permet de créer rapidement une publication unique qui peut être glisser-déposer. Il n'est pas nécessaire d'interagir avec une seule ligne de code HTML ou CSS. Que vous créiez une mise en page unique pour l'ensemble de votre site ou pour certains articles/pages en fonction de critères tels que la balise ou la catégorie, elle sera affichée.