Vue du bureau

Category Page Template for Divi's Home Baker Layout Pack Desktop View
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Vue Tablette et Mobile

Category Page Template for Divi's Home Baker Layout Pack Tablet and Mobile View
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Télécharger le modèle de page de catégorie pour le pack de mise en page Home Baker

Pour mettre la main sur le modèle de page de catégorie Home Baker gratuit, vous devez d’abord le télécharger en utilisant le bouton ci-dessous. Pour avoir accès au téléchargement, vous devez vous abonner à 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

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 vers l’onglet d’importation, téléchargez le fichier JSON que vous avez pu télécharger dans cet article, et cliquez sur  » Importer les modèles de Divi Theme Builder « .

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 à toutes les pages de catégorie. Enregistrez les modifications apportées par Divi Theme Builder dès que vous souhaitez activer le modèle.

Save the imported category page layout within the Divi Theme Builder
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Comment modifier le modèle

Ouvrir la mise en page du corps du modèle de page de catégorie

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

Begin the process for editing the Category Page Layout
  • 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, vous pouvez modifier la conception sur le front-end en utilisant le Divi Builder comme vous le feriez avec une page Divi normale.

À propos du modèle

Ce modèle de page de catégorie comporte quelques éléments dynamiques qui fonctionnent automatiquement, notamment :

  • Titre de la page de catégorie Post/Archive : Il affiche le nom de la catégorie.
  • Module de blog 1 : affiche les deux articles les plus récents de la catégorie actuelle.
  • Module 2 du blog : ce module comporte un décalage de 2 messages qui affiche les 6 messages suivants, après les deux premiers. Ce module est affiché dans un format de grille de maçonnerie et dispose d’une pagination.

Voici une illustration rapide qui identifie les éléments dynamiques du modèle de page de catégorie de Home Baker.

Illustration of Prepopulated Modules in the Category Page Template for Divi's Home Baker Layout Pack
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Mise à jour des éléments dynamiques du modèle

Module(s) de blog

Messages de la page actuelle

Étant donné que ce modèle a été affecté à toutes les pages de catégorie du site, un ou plusieurs modules de blog sont configurés pour afficher les articles de la page en cours. C’est ainsi que le modèle affiche les messages de manière dynamique pour chaque page de catégorie.

Showcasing the blog posts for the specific category chosen
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Vous pouvez mettre à jour le reste des paramètres (comme le nombre d’articles) pour ajuster les éléments et le design du module. Toutefois, veillez à ce que l’option Affichages pour la page actuelle soit réglée sur OUI.

Décalage des messages

Si plus d’un module de blog est utilisé sur le modèle, l’option de décalage des articles est utilisée conjointement avec le module de blog précédent pour préserver l’ordre des articles dynamiques en reprenant là où le module de blog précédent s’est arrêté. Dans notre cas, le module de blog précédent avait un nombre d’articles de 2, le module de blog suivant aura un décalage d’articles de 2 pour afficher les articles à partir du numéro 3.

Understanding the post offsets for the second Blog Module
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Gardez cela à l’esprit lorsque vous mettez à jour le nombre d’articles et les décalages des modules de blog.

Mise à jour des éléments statiques du modèle

Certains éléments d’un modèle de page de catégorie nécessitent une attention immédiate avant d’être utilisés en direct sur votre propre site Web. Ces éléments sont dits statiques car ils ne sont pas mis à jour dynamiquement.

Module d’optin par courriel

Pour que le module d’optin d’email s’affiche dans votre conception, vous devez lier un compte email.

Connect email marketing platform of choice to Email Optin Module
  • https://www.facebook.com/lafactoryworld
  • https://twitter.com/lafactory
  • Gmail
  • https://www.linkedin.com/company/lafactory-inc

Mise à jour du contenu statique des autres pages de catégorie

Les autres contenus qui ne seront pas modifiés dynamiquement doivent également être mis à jour. Il s’agit de tous les modules affichant du texte, des liens, des icônes de suivi des médias sociaux, etc.

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 page de catégorie 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 !