Hé les créateurs de Divi ! Merci de vous joindre à nous pour le prochain épisode de notre initiative hebdomadaire Divi Design où chaque semaine, nous offrons de tout nouveaux freebies. Cette fois-ci, nous nous basons sur le pack de mise en page Home Baker avec un tout nouveau modèle d’article de blog qui s’accorde parfaitement avec le reste du pack. Nous espérons que vous l’apprécierez !

Vue du bureau

Blog Post Template for the Divi Home Baker Layout Pack
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Tablette et mobile

Tablet and Mobile View for the Blog Post Template of the Divi Home Baker Layout Pack
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Télécharger le modèle de billet de blog pour le pack de mise en page Home Baker

Pour mettre la main sur le modèle gratuit de billet de blog Home Baker, vous devez d’abord le télécharger à l’aide du bouton ci-dessous. Pour avoir accès au téléchargement, vous devez vous inscrire à notre newsletter en utilisant le formulaire ci-dessous. En tant que nouvel abonné, vous recevrez encore plus d’avantages de Divi et un pack de mise en page Divi gratuit chaque lundi ! Si vous êtes déjà sur la liste, entrez simplement votre adresse e-mail ci-dessous et cliquez sur télécharger. Vous ne serez pas « réinscrit » et ne recevrez pas d’e-mails supplémentaires.

Comment télécharger le modèle d’article de blog Home Baker ?

Allez sur Divi Theme Builder

Pour télécharger le modèle, accédez à Divi Theme Builder dans le backend de votre site WordPress.

Getting started with the Divi Conference Layout Pack
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Télécharger le modèle de site Web

Ensuite, dans le coin supérieur droit, vous verrez une icône avec deux flèches. Cliquez sur l’icône.

Importing the Header and Footer Layout into the Divi Theme Buidler
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Naviguez jusqu’à l’onglet d’importation, téléchargez le fichier JSON que vous avez pu télécharger dans ce post, et cliquez sur  » Importer les modèles de construction de thème Divi « .

Import settings for the header and footer layout pack
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Enregistrer les modifications apportées à Divi Theme Builder

Une fois que vous avez téléchargé le fichier, vous remarquerez un nouveau modèle avec une nouvelle zone de corps qui a été attribuée à All Posts. Enregistrez les modifications apportées par Divi Theme Builder dès que vous souhaitez activer le modèle.

Begin editing the blog post body template within the Divi Builder
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Comment modifier le modèle

Ouvrir le modèle de message

Pour modifier les éléments du modèle, commencez par ouvrir le modèle.

Begin editing the blog post body template within the Divi Builder
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

À l’intérieur de l’éditeur de mise en page du corps, vous pouvez modifier la conception sur le front-end en utilisant le Divi Builder, comme vous le feriez avec une page Divi normale.

Puisqu’il s’agit d’un modèle qui a été attribué à tous les articles du site, un module de contenu d’article est nécessaire pour afficher le contenu de l’article. Vous devrez conserver ce module en place, mais vous pouvez ajuster les éléments de conception du module de contenu de l’article, ce qui permettra de concevoir le contenu de l’article qui sera affiché de manière dynamique.

Various post content settings available to you to edit your post content with the Divi Theme Builder
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

À propos de la mise en page

Ce modèle d’article de blog comporte de nombreux éléments dynamiques qui fonctionneront immédiatement avec vos articles de blog. Par exemple, l’ensemble de l’en-tête de l’article est composé d’éléments dynamiques, notamment une image vedette, le titre de l’article et les articles connexes de la catégorie. Ce contenu n’a pas besoin d’être mis à jour, mais vous pouvez modifier la conception de chacun de ces éléments si nécessaire.

Les autres éléments dynamiques sont les suivants :

  • Module des articles connexes : Affiche les articles les plus récents qui partagent la même catégorie.
  • Nom, biographie et photo de l’auteur du message : Affiche les informations de profil, le nom et la biographie de l’utilisateur/auteur du message.
  • Module de contenu des messages : Affiche le contenu de l’article ajouté lors de l’édition de l’article dans le backend de WordPress.
  • Commentaires : Une zone de commentaires fonctionnelle pour l’article.

Voici une illustration rapide qui identifie les éléments du modèle d’article de blog Home Baker.

Divi Home Baker Blog Post Layout Module Breakdown
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

De nouveaux freebies chaque semaine !

Nous espérons que vous avez apprécié le pack de mise en page Home Baker et le modèle de billet de blog gratuit qui l’accompagne. Nous sommes impatients de connaître votre opinion dans la section des commentaires ci-dessous. N’oubliez pas de revenir la semaine prochaine pour découvrir de nouveaux freebies !