{"id":370365,"date":"2022-03-29T19:58:33","date_gmt":"2022-03-29T19:58:33","guid":{"rendered":"https:\/\/www.lafactory.online\/?p=370365"},"modified":"2022-03-30T00:16:18","modified_gmt":"2022-03-30T00:16:18","slug":"comment-creer-une-page-de-blog-avec-le-module-blog-de-divi","status":"publish","type":"post","link":"https:\/\/www.lafactory.com\/blog\/comment-creer-une-page-de-blog-avec-le-module-blog-de-divi\/","title":{"rendered":"Comment cr\u00e9er une page de blog avec le module Blog de Divi"},"content":{"rendered":"<article id=\"post-166896\" class=\"entry et_box clearfix post-166896 post type-post status-publish format-standard has-post-thumbnail category-divi-resources tag-build-a-blog-page\">En g\u00e9n\u00e9ral, chaque pack de mise en page publi\u00e9 sur notre blog comprend une mise en page de blog, ce qui vous permet de pr\u00e9parer votre blog en un rien de temps. Mais, avez-vous d\u00e9j\u00e0 voulu voir comment construire vous-m\u00eame une de ces pages de blog ? Dans cet article, nous allons utiliser l&rsquo;une de ces mises en page de blog pour voir comment construire une page de blog avec le module de blog de Divi. Nous allons passer en revue tous les param\u00e8tres, \u00e9tape par \u00e9tape.<\/p>\n<p>C&rsquo;est parti !<\/p>\n<h2>Aper\u00e7u de la page de blog<\/h2>\n<p>Tout d&rsquo;abord, regardons ce que nous sommes en train de construire.<\/p>\n<h3>Aper\u00e7u du bureau<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"with-border aligncenter size-full wp-image-167253\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Preview-Desktop.png\" alt=\"Preview Desktop\" width=\"960\" height=\"1167\"><\/p>\n<h3>Aper\u00e7u du mobile<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167254\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Preview-Mobile.png\" alt=\"Preview Mobile\" width=\"960\" height=\"3247\"><\/p>\n<h2>Cr\u00e9er une nouvelle page de blog<\/h2>\n<h3>Cr\u00e9er une nouvelle page<\/h3>\n<p>Tout d&rsquo;abord, nous allons cr\u00e9er notre page. Dans le tableau de bord de WordPress, s\u00e9lectionnez <strong>Pages<\/strong> &gt; <strong>Add New<\/strong>.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167247\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Create-New-Page.png\" alt=\"Create New Page\" width=\"959\" height=\"481\"><\/p>\n<p>Donnez \u00e0 la page un titre qui a du sens pour vous. J&rsquo;utilise le nom de la page du pack de mise en page, qui est Acai Blog Page. S\u00e9lectionnez les attributs de page que vous souhaitez dans la barre lat\u00e9rale droite. Je laisse les attributs \u00e0 leurs valeurs par d\u00e9faut.<\/p>\n<ul>\n<li>Titre de la page : Acai Blog Page<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167246\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Create-New-Page-2.png\" alt=\"Create New Page\" width=\"960\" height=\"464\"><\/p>\n<h3>Passez \u00e0 Divi Builder<\/h3>\n<p>Ensuite, il est temps de passer \u00e0 Divi Builder. Cliquez sur le bouton violet au centre de la page : <strong>Utiliser Divi Builder<\/strong>. Cela vous redirigera vers le front-end avec le Divi Builder actif, afin que nous puissions commencer \u00e0 construire la page.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167293\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Switch-Over-to-Divi-Builder.png\" alt=\"Switch Over to Divi Builder\" width=\"961\" height=\"424\"><\/p>\n<h2>Ajouter un h\u00e9ros avec le titre de la page de blog<\/h2>\n<h3>Styliser la section Hero<\/h3>\n<p>Nous allons commencer par la premi\u00e8re section. Ouvrez les <strong>param\u00e8tres de la section<\/strong>.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167286\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Hero-Section.png\" alt=\"Style the Hero Section\" width=\"961\" height=\"267\"><\/p>\n<p>Faites d\u00e9filer l&rsquo;\u00e9cran vers le bas jusqu&rsquo;\u00e0 <strong>Arri\u00e8re-plan<\/strong> et changez la couleur en #f9f3fd. Entrez Blog comme \u00e9tiquette d&rsquo;administration. Fermez les param\u00e8tres de la section.<\/p>\n<ul>\n<li>Arri\u00e8re-plan : #f9f3fd<\/li>\n<li>\u00c9tiquette administrative : Blog<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167285\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Hero-Section-2.png\" alt=\"Style the Hero Section\" width=\"961\" height=\"776\"><\/p>\n<h3>Cr\u00e9er le titre de la page du blog<\/h3>\n<p>Ensuite, nous allons ajouter une <strong>rang\u00e9e<\/strong> pour le titre. S\u00e9lectionnez l&rsquo;ic\u00f4ne verte et choisissez la rang\u00e9e \u00e0 colonne unique.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167252\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Create-the-Blog-Page-Title.png\" alt=\"Create the Blog Page Title\" width=\"961\" height=\"649\"><\/p>\n<p>Ensuite, ajoutez un <strong>module Texte<\/strong> \u00e0 la rang\u00e9e. Si la modale ne s&rsquo;ouvre pas lorsque vous ajoutez la rang\u00e9e, s\u00e9lectionnez l&rsquo;ic\u00f4ne plus grise et recherchez Texte.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167251\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Create-the-Blog-Page-Title-2.png\" alt=\"Create the Blog Page Title\" width=\"961\" height=\"720\"><\/p>\n<h3>Donnez du style au module Texte du titre du blog<\/h3>\n<p>Ouvrez <strong>les param\u00e8tres du module Texte<\/strong> et s\u00e9lectionnez Heading 1. Ajoutez le titre Notre blog.<\/p>\n<ul>\n<li>Police : Heading 1<\/li>\n<li>Texte : Notre blog<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167278\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Blog-Title-Text-Module.png\" alt=\"Style the Blog Title Text Module\" width=\"959\" height=\"532\"><\/p>\n<p>Ensuite, allez dans l&rsquo;<strong>onglet Conception<\/strong> et r\u00e9glez l&rsquo;alignement sur Centre. Pour le texte de l&rsquo;en-t\u00eate H1, choisissez la police Cormorant Infant et mettez-la en gras.<\/p>\n<ul>\n<li>Alignement du texte : Center<\/li>\n<li>Texte de l&rsquo;en-t\u00eate : H1<\/li>\n<li>Police de caract\u00e8res : Cormorant Infant<\/li>\n<li>Poids : Gras<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167274\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Blog-Title-Text-Module-2.png\" alt=\"Style the Blog Title Text Module\" width=\"961\" height=\"659\"><\/p>\n<p>D\u00e9finissez la couleur sur #442854, la taille sur 130px (pour l&rsquo;ordinateur de bureau, nous changerons pour la tablette et le t\u00e9l\u00e9phone dans une minute) et la hauteur de ligne sur 0,8em.<\/p>\n<ul>\n<li>Couleur : #442854<\/li>\n<li>Taille du texte sur le bureau : 130px<\/li>\n<li>Hauteur de ligne : 0.8em<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167275\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Blog-Title-Text-Module-3.png\" alt=\"Style the Blog Title Text Module\" width=\"960\" height=\"544\"><\/p>\n<p>Passez la souris sur les options de <strong>taille du texte de l&rsquo;en-t\u00eate<\/strong> et s\u00e9lectionnez l&rsquo;ic\u00f4ne de l&rsquo;\u00e9cran. Choisissez l&rsquo;ic\u00f4ne Tablet et d\u00e9finissez la taille \u00e0 60px.<\/p>\n<ul>\n<li>Taille du texte de la tablette : 60px<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167276\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Blog-Title-Text-Module-4.png\" alt=\"Style the Blog Title Text Module\" width=\"961\" height=\"679\"><\/p>\n<p>Enfin, s\u00e9lectionnez l&rsquo;ic\u00f4ne du t\u00e9l\u00e9phone et r\u00e9glez la taille sur 40px.<\/p>\n<ul>\n<li>T\u00e9l\u00e9phone : 40px<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167277\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Blog-Title-Text-Module-5.png\" alt=\"Style the Blog Title Text Module\" width=\"959\" height=\"671\"><\/p>\n<h3>Cr\u00e9er le dernier article et le CTA de la page du blog<\/h3>\n<p>Notre section h\u00e9ro\u00efque comprend le dernier article et une option d&rsquo;achat par courriel. <strong>Ajoutez une nouvelle rang\u00e9e<\/strong> sous notre premi\u00e8re rang\u00e9e et s\u00e9lectionnez le design Colonne avec 2\/3 \u00e0 gauche et 1\/3 \u00e0 droite.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167250\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Create-the-Blog-Page-Latest-Post-and-CTA.png\" alt=\"Create the Blog Page Latest Post and CTA\" width=\"960\" height=\"691\"><\/p>\n<p>Ouvrez les <strong>param\u00e8tres de<\/strong> la <strong>rang\u00e9e<\/strong> en cliquant sur l&rsquo;engrenage.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167248\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Create-the-Blog-Page-Latest-Post-and-CTA-2.png\" alt=\"Create the Blog Page Latest Post and CTA\" width=\"960\" height=\"323\"><\/p>\n<p>S\u00e9lectionnez l&rsquo;<strong>onglet Conception<\/strong>, faites d\u00e9filer la liste jusqu&rsquo;\u00e0 <strong>Espacement<\/strong>, et ajoutez 0px au Rembourrage inf\u00e9rieur. Fermez les param\u00e8tres.<\/p>\n<ul>\n<li>Rembourrage inf\u00e9rieur : 0px<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167249\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Create-the-Blog-Page-Latest-Post-and-CTA-3.png\" alt=\"Create the Blog Page Latest Post and CTA\" width=\"960\" height=\"649\"><\/p>\n<h3>Ajout et style du module Featured Blog Post<\/h3>\n<p>Ensuite, nous allons ajouter un <strong>module Blog<\/strong>. Il contiendra notre dernier article. Cliquez sur l&rsquo;ic\u00f4ne plus grise dans la colonne de gauche de notre nouvelle rang\u00e9e et ajoutez le module Blog.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167238\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Featured-Blog-Post-Module.png\" alt=\"Add and Style the Featured Blog Post Module\" width=\"961\" height=\"515\"><\/p>\n<h4>Contenu<\/h4>\n<p>Sous <strong>Contenu<\/strong>, entrez 1 pour le nombre de messages.<\/p>\n<ul>\n<li>Nombre de messages : 1<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167314\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Featured-Blog-Post-Module-2.png\" alt=\"Add and Style the Featured Blog Post Module\" width=\"960\" height=\"584\"><\/p>\n<h4>\u00c9l\u00e9ments<\/h4>\n<p>Faites d\u00e9filer jusqu&rsquo;\u00e0 <strong>Elements<\/strong> et d\u00e9cochez Author et Pagination. Nous laisserons les autres \u00e9l\u00e9ments \u00e0 leurs valeurs par d\u00e9faut.<\/p>\n<ul>\n<li>Afficher l&rsquo;auteur : Non<\/li>\n<li>Afficher la pagination : Non<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167315\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Featured-Blog-Post-Module-3.png\" alt=\"Add and Style the Featured Blog Post Module\" width=\"960\" height=\"654\"><\/p>\n<h4>Mise en page<\/h4>\n<p>Ensuite, s\u00e9lectionnez l&rsquo;<strong>onglet \u00ab\u00a0Design\u00a0\u00bb<\/strong>, choisissez \u00ab\u00a0Fullwidth\u00a0\u00bb pour la mise en page et d\u00e9sactivez la superposition de l&rsquo;image vedette.<\/p>\n<ul>\n<li>Disposition : Pleine largeur<\/li>\n<li>Image en vedette superpos\u00e9e : D\u00e9sactiv\u00e9<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167231\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Featured-Blog-Post-Module-4.png\" alt=\"Add and Style the Featured Blog Post Module\" width=\"960\" height=\"513\"><\/p>\n<h4>Texte du titre<\/h4>\n<p>Faites d\u00e9filer l&rsquo;\u00e9cran jusqu&rsquo;au <strong>texte du titre<\/strong>. S\u00e9lectionnez H2 et choisissez Cormoran Infant. S\u00e9lectionnez Gras et changez la couleur en #442854.<\/p>\n<ul>\n<li>Niveau de l&rsquo;en-t\u00eate : H2<\/li>\n<li>Police : Cormorant Infant<\/li>\n<li>Poids : Gras<\/li>\n<li>Couleur : #442854<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167232\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Featured-Blog-Post-Module-5.png\" alt=\"Add and Style the Featured Blog Post Module\" width=\"960\" height=\"566\"><\/p>\n<p>D\u00e9finissez la taille de la police sur le bureau \u00e0 30px, sur la tablette \u00e0 20px et sur le t\u00e9l\u00e9phone \u00e0 18px. Modifiez la hauteur de ligne \u00e0 1,1em.<\/p>\n<ul>\n<li>Taille : 30px pour le bureau, 20px pour la tablette, 18px pour le t\u00e9l\u00e9phone<\/li>\n<li>Hauteur de la ligne de titre : 1.1em<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167233\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Featured-Blog-Post-Module-6.png\" alt=\"Add and Style the Featured Blog Post Module\" width=\"960\" height=\"547\"><\/p>\n<h4>Texte du corps<\/h4>\n<p>Ensuite, faites d\u00e9filer jusqu&rsquo;\u00e0 <strong>Corps du texte<\/strong>. Choisissez la police Cabin, changez la couleur en #442854, et changez la hauteur de ligne en 1,8em.<\/p>\n<ul>\n<li>Police : Cabin<\/li>\n<li>Couleur : #442854<\/li>\n<li>Hauteur de la ligne : 1.8em<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167234\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Featured-Blog-Post-Module-7.png\" alt=\"Add and Style the Featured Blog Post Module\" width=\"960\" height=\"569\"><\/p>\n<h4>M\u00e9ta-Texte<\/h4>\n<p>Ensuite, faites d\u00e9filer jusqu&rsquo;\u00e0 <strong>Meta Text<\/strong>. Remplacez la police par la police Cormorant Infant, d\u00e9finissez le poids par Regular, supprimez le style TT et d\u00e9finissez la couleur par #442854. Pour la taille, d\u00e9finissez 16px pour le bureau, 15px pour la tablette et 14px pour le t\u00e9l\u00e9phone. Modifiez la hauteur de ligne \u00e0 1,8em.<\/p>\n<ul>\n<li>Police : Cormorant Infant<\/li>\n<li>Poids : R\u00e9gulier<\/li>\n<li>Style : Aucun<\/li>\n<li>Couleur : #442854<\/li>\n<li>Taille : Desktop 16px, Tablet 15px, Phone 14px<\/li>\n<li>Hauteur de ligne : 1.8em<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167235\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Featured-Blog-Post-Module-8.png\" alt=\"Add and Style the Featured Blog Post Module\" width=\"960\" height=\"604\"><\/p>\n<h4>Espacement<\/h4>\n<p>Ensuite, faites d\u00e9filer l&rsquo;\u00e9cran vers le bas dans la section <strong>Espacement<\/strong> et changez la marge sup\u00e9rieure en 0vw.<\/p>\n<ul>\n<li>Marge sup\u00e9rieure : 0vw<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167236\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Featured-Blog-Post-Module-9.png\" alt=\"Add and Style the Featured Blog Post Module\" width=\"960\" height=\"599\"><\/p>\n<h4>Ombre de la bo\u00eete<\/h4>\n<p>Enfin, faites d\u00e9filer jusqu&rsquo;\u00e0 <strong>Box Shadow<\/strong> et d\u00e9sactivez-la.<\/p>\n<ul>\n<li>Box Shadow : D\u00e9sactiver<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167237\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Featured-Blog-Post-Module-10.png\" alt=\"Add and Style the Featured Blog Post Module\" width=\"960\" height=\"513\"><\/p>\n<h3>Ajout et style du module de texte de l&rsquo;e-mail du blog<\/h3>\n<p>Nous allons maintenant passer \u00e0 la colonne de droite et <strong>cr\u00e9er le CTA de l&rsquo;e-mail<\/strong>. Tout d&rsquo;abord, ajoutez un module Texte \u00e0 la colonne de droite. Cliquez sur l&rsquo;ic\u00f4ne plus grise et recherchez Texte.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167313\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Blog-Email-Text-Module.png\" alt=\"Add and Style the Blog Email Text Module\" width=\"960\" height=\"539\"><\/p>\n<h4>Contenu<\/h4>\n<p>S\u00e9lectionnez la rubrique 2 et entrez le texte S&rsquo;abonner aux offres et recettes.<\/p>\n<ul>\n<li>Police : H2<\/li>\n<li>Texte : S&rsquo;abonner aux offres et aux recettes<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167309\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Blog-Email-Text-Module-2.png\" alt=\"Add and Style the Blog Email Text Module\" width=\"959\" height=\"619\"><\/p>\n<h4>Texte de l&rsquo;en-t\u00eate<\/h4>\n<p>Pour le <strong>texte de l&rsquo;en-t\u00eate<\/strong>, s\u00e9lectionnez Alignement central, choisissez H2, s\u00e9lectionnez Infanterie de cormoran et r\u00e9glez-le sur Gras.<\/p>\n<ul>\n<li>Alignement du texte : Centre<\/li>\n<li>Texte d&rsquo;en-t\u00eate : H2<\/li>\n<li>Police de caract\u00e8res : Cormorant Infant<\/li>\n<li>Poids : Gras<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167310\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Blog-Email-Text-Module-3.png\" alt=\"Add and Style the Blog Email Text Module\" width=\"959\" height=\"515\"><\/p>\n<p>Changez la couleur en #442854, la taille en 32px, et la hauteur de ligne en 0.95em.<\/p>\n<ul>\n<li>Couleur : #442854<\/li>\n<li>Taille : 32px<\/li>\n<li>Hauteur de la ligne : 0.95em<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167311\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Blog-Email-Text-Module-4.png\" alt=\"Add and Style the Blog Email Text Module\" width=\"961\" height=\"381\"><\/p>\n<h4>Espacement<\/h4>\n<p>Enfin, faites d\u00e9filer l&rsquo;<strong>espacement<\/strong> et ajoutez 10px \u00e0 la marge inf\u00e9rieure. Fermez les param\u00e8tres du module Texte.<\/p>\n<ul>\n<li>Marge inf\u00e9rieure : 10px<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167312\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Blog-Email-Text-Module-5.png\" alt=\"Add and Style the Blog Email Text Module\" width=\"960\" height=\"453\"><\/p>\n<h3>Ajouter et styliser le module d&rsquo;optin d&rsquo;e-mail du blog<\/h3>\n<p>Ensuite, nous allons <strong>cr\u00e9er le formulaire de courrier \u00e9lectronique<\/strong>. Ajoutez un module Email Optin sous le module Texte dans la colonne de droite.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167308\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Blog-Email-Optin-Module.png\" alt=\"Add and Style the Blog Email Optin Module\" width=\"961\" height=\"464\"><\/p>\n<h4>Contenu<\/h4>\n<p>Tout d&rsquo;abord, supprimez les textes Title et Body.<\/p>\n<ul>\n<li>Titre : Aucun<\/li>\n<li>Texte du corps : Aucun<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167299\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Blog-Email-Optin-Module-2.png\" alt=\"Add and Style the Blog Email Optin Module\" width=\"961\" height=\"576\"><\/p>\n<p>Faites d\u00e9filer la page jusqu&rsquo;\u00e0 <strong>Compte de messagerie<\/strong> et ajoutez votre fournisseur de services.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167300\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Blog-Email-Optin-Module-3.png\" alt=\"Add and Style the Blog Email Optin Module\" width=\"959\" height=\"539\"><\/p>\n<p>Ensuite, faites d\u00e9filer jusqu&rsquo;\u00e0 <strong>Arri\u00e8re-plan<\/strong> et d\u00e9s\u00e9lectionnez la couleur d&rsquo;arri\u00e8re-plan.<\/p>\n<ul>\n<li>Utiliser la couleur d&rsquo;arri\u00e8re-plan : non<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167301\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Blog-Email-Optin-Module-4.png\" alt=\"Add and Style the Blog Email Optin Module\" width=\"960\" height=\"412\"><\/p>\n<h4>Champs<\/h4>\n<p>Allez dans l&rsquo;<strong>onglet Conception<\/strong> et changez la couleur d&rsquo;arri\u00e8re-plan des champs en rgba(255,255,255,0) et la couleur du texte en #442854.<\/p>\n<ul>\n<li>Couleur d&rsquo;arri\u00e8re-plan : rgba(255,255,255,0)<\/li>\n<li>Couleur du texte des champs : #442854<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167302\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Blog-Email-Optin-Module-5.png\" alt=\"Add and Style the Blog Email Optin Module\" width=\"961\" height=\"563\"><\/p>\n<p>Faites d\u00e9filer les <strong>options de police<\/strong> et changez la police en Cabin, la taille en 16px et la hauteur de ligne en 1,8em.<\/p>\n<ul>\n<li>Police des champs : Cabin<\/li>\n<li>Taille : 16px<\/li>\n<li>Hauteur de ligne : 1,8 mm<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167303\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Blog-Email-Optin-Module-6.png\" alt=\"Add and Style the Blog Email Optin Module\" width=\"959\" height=\"575\"><\/p>\n<p>Ensuite, ajustez les champs Coin arrondi \u00e0 32px, la Largeur de la bordure \u00e0 2px, et changez la Couleur de la bordure \u00e0 #442854.<\/p>\n<ul>\n<li>Champs Coins arrondis : 32px<\/li>\n<li>Largeur de la bordure : 2px<\/li>\n<li>Couleur de la bordure : #442854<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167304\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Blog-Email-Optin-Module-7.png\" alt=\"Add and Style the Blog Email Optin Module\" width=\"959\" height=\"695\"><\/p>\n<h4>Bouton<\/h4>\n<p>Faites d\u00e9filer l&rsquo;\u00e9cran jusqu&rsquo;\u00e0 Bouton et s\u00e9lectionnez <strong>Utiliser des styles personnalis\u00e9s pour le bouton<\/strong>. Modifiez la taille \u00e0 18ps, la couleur du bouton \u00e0 blanc et la couleur d&rsquo;arri\u00e8re-plan du bouton \u00e0 #442854.<\/p>\n<ul>\n<li>Utilisez les styles personnalis\u00e9s pour le bouton : Oui<\/li>\n<li>Taille : 18px<\/li>\n<li>Couleur : #ffffff<\/li>\n<li>Arri\u00e8re-plan du bouton : #442854<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167305\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Blog-Email-Optin-Module-8.png\" alt=\"Add and Style the Blog Email Optin Module\" width=\"961\" height=\"815\"><\/p>\n<p>Modifiez le rayon de la bordure \u00e0 50px, la police \u00e0 Cormorant Infant, et mettez le poids en gras.<\/p>\n<ul>\n<li>Rayon de la bordure : 50px<\/li>\n<li>Police : Cormorant Infant<\/li>\n<li>Poids : Gras<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167306\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Blog-Email-Optin-Module-9.png\" alt=\"Add and Style the Blog Email Optin Module\" width=\"961\" height=\"528\"><\/p>\n<p>Enfin, ajoutons la <strong>marge et le remplissage des boutons<\/strong>. Saisissez 20 px pour la marge sup\u00e9rieure, 12 px pour le remplissage en haut et en bas et 32 px pour le remplissage \u00e0 gauche et \u00e0 droite. Fermez les param\u00e8tres de l&rsquo;option Email Optin.<\/p>\n<ul>\n<li>Marge sup\u00e9rieure du bouton : 20px<\/li>\n<li>Rembourrage en haut et en bas : 12px<\/li>\n<li>Marge gauche, droite : 32px<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167307\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-the-Blog-Email-Optin-Module-10.png\" alt=\"Add and Style the Blog Email Optin Module\" width=\"961\" height=\"556\"><\/p>\n<h2>Ajout d&rsquo;une nouvelle rang\u00e9e pour la liste de blogs de la page du blog<\/h2>\n<p>Nous allons maintenant <strong>cr\u00e9er la liste de blogs<\/strong> pour la page du blog. Tout d&rsquo;abord, ajoutez une nouvelle rang\u00e9e \u00e0 une colonne sous la rang\u00e9e du h\u00e9ros.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167243\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-New-Row-for-the-Blog-Listing.png\" alt=\"Add New Row for the Blog Listing\" width=\"960\" height=\"588\"><\/p>\n<h3>Param\u00e8tres de la rang\u00e9e de la liste de blogs<\/h3>\n<p>Allez dans l&rsquo;<strong>onglet Design<\/strong> et ajoutez 0px au Top Padding. Fermez les param\u00e8tres de la rang\u00e9e.<\/p>\n<ul>\n<li>Rembourrage sup\u00e9rieur : 0px<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167242\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-New-Row-for-the-Blog-Listing-2.png\" alt=\"Add New Row for the Blog Listing\" width=\"960\" height=\"673\"><\/p>\n<h3>Ajouter un module Blog \u00e0 votre rang\u00e9e<\/h3>\n<p>Ajoutez un <strong>module Blog<\/strong> \u00e0 votre nouvelle rang\u00e9e en cliquant sur l&rsquo;ic\u00f4ne plus grise et en cliquant sur Blog.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167295\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-a-Blog-Module-to-Your-Row.png\" alt=\"Add a Blog Module to Your Row\" width=\"959\" height=\"749\"><\/p>\n<h3>Donnez du style au flux du blog<\/h3>\n<p>Stylisons le flux de la page Blog.<\/p>\n<h4>Contenu du fil d&rsquo;actualit\u00e9 du blog<\/h4>\n<p>Ouvrez <strong>les param\u00e8tres du module Blog<\/strong> et entrez 3 pour le nombre de messages. Le nombre de messages vous permet de choisir le nombre de messages qui s&rsquo;affichent \u00e0 l&rsquo;\u00e9cran.<\/p>\n<p>Un nombre inf\u00e9rieur, tel que 3, nous permet de nous concentrer sur les derniers messages et de r\u00e9duire la taille de la page. C&rsquo;est un bon choix si vous ne postez pas souvent, ou si vous voulez garder la page plus propre. L&rsquo;affichage d&rsquo;un plus grand nombre de messages, par exemple de 6 \u00e0 9, est une bonne id\u00e9e si vous souhaitez vous concentrer sur le flux du blog.<\/p>\n<ul>\n<li>Nombre de messages : 3<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167273\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Blog-Feed.png\" alt=\"Style the Blog Feed\" width=\"960\" height=\"519\"><\/p>\n<p>Entrez 1 pour le d\u00e9calage. Cela indique \u00e0 Divi de commencer au deuxi\u00e8me article de blog, ce qui nous emp\u00eache d&rsquo;afficher le m\u00eame article que celui qui est d\u00e9j\u00e0 affich\u00e9 dans la rang\u00e9e d&rsquo;articles de blog en vedette au-dessus de celui-ci.<\/p>\n<ul>\n<li>Num\u00e9ro de d\u00e9calage de l&rsquo;article : 1<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167259\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Blog-Feed-2.png\" alt=\"Style the Blog Feed\" width=\"960\" height=\"500\"><\/p>\n<h4>\u00c9l\u00e9ments<\/h4>\n<p>Faites d\u00e9filer vers le bas jusqu&rsquo;\u00e0 <strong>\u00c9l\u00e9ments<\/strong>. Activez l&rsquo;image en vedette, la date, l&rsquo;extrait de cat\u00e9gorie et la pagination. D\u00e9sactivez le reste.<\/p>\n<ul>\n<li>Afficher l&rsquo;image vedette : Oui<\/li>\n<li>Date : Oui<\/li>\n<li>Cat\u00e9gories : Oui<\/li>\n<li>Extrait : Oui<\/li>\n<li>Pagination : Oui<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167260\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Blog-Feed-3.png\" alt=\"Style the Blog Feed\" width=\"960\" height=\"573\"><\/p>\n<h4>Arri\u00e8re-plan<\/h4>\n<p>Allez dans <strong>Arri\u00e8re-plan<\/strong> et d\u00e9finissez la couleur d&rsquo;arri\u00e8re-plan des tuiles de la grille \u00e0 rgba(255,255,255,0)<\/p>\n<ul>\n<li>Couleur d&rsquo;arri\u00e8re-plan des tuiles de la grille : rgba(255,255,255,0)<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167261\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Blog-Feed-4.png\" alt=\"Style the Blog Feed\" width=\"961\" height=\"561\"><\/p>\n<h4>Mise en page et superposition<\/h4>\n<p>Ensuite, allez dans l&rsquo;<strong>onglet Design<\/strong>. Laissez le param\u00e8tre Layout sur Grid. Nous avons choisi la mise en page pleine largeur pour l&rsquo;article de blog vedette situ\u00e9 au-dessus de celui-ci. Nous utiliserons la disposition en grille pour ce fil de blog, qui est l&rsquo;option par d\u00e9faut. D\u00e9sactivez la superposition de l&rsquo;image vedette.<\/p>\n<ul>\n<li>Disposition : Grille<\/li>\n<li>Image en vedette superpos\u00e9e : Off<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167262\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Blog-Feed-5.png\" alt=\"Style the Blog Feed\" width=\"959\" height=\"577\"><\/p>\n<h4>Texte du titre<\/h4>\n<p>Pour le <strong>texte du titre<\/strong>, s\u00e9lectionnez H2. Choisissez Cormorant Infant, mettez-le en gras et entrez #442854 comme couleur.<\/p>\n<ul>\n<li>Niveau de l&rsquo;en-t\u00eate : H2<\/li>\n<li>Police : Cormorant Infant<\/li>\n<li>Poids : Gras<\/li>\n<li>Couleur : #442854<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167263\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Blog-Feed-6.png\" alt=\"Style the Blog Feed\" width=\"960\" height=\"575\"><\/p>\n<p>Choisissez 20px pour la taille du texte du bureau. S\u00e9lectionnez l&rsquo;ic\u00f4ne du t\u00e9l\u00e9phone et r\u00e9glez-la sur 18px. D\u00e9finissez la hauteur de ligne sur 1,1em.<\/p>\n<ul>\n<li>Taille : 20px pour le bureau, 18px pour le t\u00e9l\u00e9phone<\/li>\n<li>Hauteur de ligne : 1,1 mm<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167264\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Blog-Feed-7.png\" alt=\"Style the Blog Feed\" width=\"959\" height=\"477\"><\/p>\n<h4>Texte du corps<\/h4>\n<p>Faites d\u00e9filer jusqu&rsquo;\u00e0 <strong>Body Text<\/strong> et choisissez Cabin. D\u00e9finissez la couleur sur #442854.<\/p>\n<ul>\n<li>Police : Cabin<\/li>\n<li>Couleur : #442854<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167265\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Blog-Feed-8.png\" alt=\"Style the Blog Feed\" width=\"961\" height=\"668\"><\/p>\n<p>D\u00e9finissez la hauteur de la ligne \u00e0 1,8em.<\/p>\n<ul>\n<li>Hauteur de ligne : 1.8em<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167266\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Blog-Feed-9.png\" alt=\"Style the Blog Feed\" width=\"961\" height=\"379\"><\/p>\n<h4>Texte M\u00e9ta<\/h4>\n<p>Faites d\u00e9filer vers le bas jusqu&rsquo;\u00e0 <strong>Meta Text<\/strong> et choisissez Cormorant Infant. D\u00e9finissez l&rsquo;\u00e9paisseur sur Regular, le style sur none et la couleur sur #442854.<\/p>\n<ul>\n<li>Police : Cormorant Infant<\/li>\n<li>Poids : Regular<\/li>\n<li>Style : Aucun<\/li>\n<li>Couleur : #442854<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167267\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Blog-Feed-10.png\" alt=\"Style the Blog Feed\" width=\"960\" height=\"535\"><\/p>\n<p>D\u00e9finissez la taille du bureau \u00e0 16px, de la tablette \u00e0 15px et du t\u00e9l\u00e9phone \u00e0 14px. Modifiez la hauteur de ligne \u00e0 1,8em.<\/p>\n<ul>\n<li>Taille : 16px pour le bureau, 15px pour la tablette, 14px pour le t\u00e9l\u00e9phone<\/li>\n<li>Hauteur de ligne : 1.8em<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167268\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Blog-Feed-11.png\" alt=\"Style the Blog Feed\" width=\"961\" height=\"399\"><\/p>\n<h4>Texte de pagination<\/h4>\n<p>Passons maintenant au <strong>texte de pagination<\/strong>. Pour la police, choisissez Cormorant Infant, s\u00e9lectionnez Bold et changez la couleur en #442854.<\/p>\n<ul>\n<li>Police : Cormorant Infant<\/li>\n<li>Gras : Gras<\/li>\n<li>Couleur : #442854<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167269\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Blog-Feed-12.png\" alt=\"Style the Blog Feed\" width=\"961\" height=\"537\"><\/p>\n<h4>Espacement<\/h4>\n<p>Ensuite, nous allons aller dans <strong>Espacement<\/strong> et ajouter une marge de 0vw en haut. Cela emp\u00eache notre module de chevaucher le module pr\u00e9c\u00e9dent.<\/p>\n<ul>\n<li>Marge sup\u00e9rieure : 0vw<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167270\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Blog-Feed-13.png\" alt=\"Style the Blog Feed\" width=\"960\" height=\"497\"><\/p>\n<h4>Bordure<\/h4>\n<p>Faites d\u00e9filer jusqu&rsquo;\u00e0 <strong>Bordure<\/strong> et entrez 0px pour les quatre coins. Nous obtenons ainsi notre forme carr\u00e9e pour la carte.<\/p>\n<ul>\n<li>Coins arrondis : 0px<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167271\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Blog-Feed-14.png\" alt=\"Style the Blog Feed\" width=\"959\" height=\"621\"><\/p>\n<h4>Ombre de la bo\u00eete<\/h4>\n<p>Enfin, faites d\u00e9filer jusqu&rsquo;\u00e0 <strong>Box Shadow<\/strong> et d\u00e9sactivez-la. Fermez les param\u00e8tres du blog. La section blog est termin\u00e9e.<\/p>\n<ul>\n<li>Ombre de la bo\u00eete : Aucune<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167272\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Blog-Feed-15.png\" alt=\"Style the Blog Feed\" width=\"959\" height=\"648\"><\/p>\n<h2>Ajout d&rsquo;une nouvelle section CTA \u00e0 la page du blog<\/h2>\n<p>Ensuite, nous allons <strong>cr\u00e9er la section CTA<\/strong> de la page. Cette section comprend une image d&rsquo;arri\u00e8re-plan pleine largeur en parallaxe, des informations de contact et des liens de suivi social.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167241\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-New-CTA-Section.png\" alt=\"Add New CTA Section\" width=\"960\" height=\"378\"><\/p>\n<h3>Ajouter une nouvelle section<\/h3>\n<p>Cliquez sur l&rsquo;ic\u00f4ne bleue pour <strong>ajouter une nouvelle section r\u00e9guli\u00e8re<\/strong> au bas de la page.<\/p>\n<ul>\n<li>Section : R\u00e9gulier<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167298\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-a-New-Section.png\" alt=\"Add a New Section\" width=\"960\" height=\"304\"><\/p>\n<h3>Styliser la section CTA<\/h3>\n<p>Ouvrez <strong>les param\u00e8tres de la section<\/strong> en cliquant sur son ic\u00f4ne en forme d&rsquo;engrenage.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167284\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-CTA-Section.png\" alt=\"Style the CTA Section\" width=\"961\" height=\"325\"><\/p>\n<h4>Arri\u00e8re-plan<\/h4>\n<p>Faites d\u00e9filer l&rsquo;\u00e9cran jusqu&rsquo;\u00e0 <strong>Arri\u00e8re-plan<\/strong> et choisissez l&rsquo;onglet Image. Cliquez sur l&rsquo;ic\u00f4ne grise intitul\u00e9e Ajouter une image d&rsquo;arri\u00e8re-plan.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167279\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-CTA-Section-2.png\" alt=\"Style the CTA Section\" width=\"961\" height=\"594\"><\/p>\n<p>Choisissez une image pleine largeur dans votre m\u00e9diath\u00e8que. S\u00e9lectionnez Utiliser l&rsquo;effet de parallaxe, puis choisissez CSS comme m\u00e9thode de parallaxe.<\/p>\n<ul>\n<li>Arri\u00e8re-plan : Image<\/li>\n<li>Utiliser l&rsquo;effet de parallaxe : Oui<\/li>\n<li>M\u00e9thode de parallaxe : CSS<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167281\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-CTA-Section-3.png\" alt=\"Style the CTA Section\" width=\"960\" height=\"543\"><\/p>\n<p>Faites d\u00e9filer l&rsquo;\u00e9cran jusqu&rsquo;\u00e0 Admin Label et saisissez Footer dans le champ. Cela vous aidera \u00e0 garder la trace des sections.<\/p>\n<ul>\n<li>\u00c9tiquette administrative : Footer<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167282\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-CTA-Section-4.png\" alt=\"Style the CTA Section\" width=\"961\" height=\"437\"><\/p>\n<p>Ensuite, allez dans l&rsquo;<strong>onglet Design<\/strong>. Faites d\u00e9filer l&rsquo;\u00e9cran jusqu&rsquo;\u00e0 Espacement et ajoutez 10vw au Rembourrage sup\u00e9rieur et inf\u00e9rieur. Fermez les param\u00e8tres de la section.<\/p>\n<ul>\n<li>Rembourrage : 10vw (haut et bas)<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167283\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-CTA-Section-5.png\" alt=\"Style the CTA Section\" width=\"961\" height=\"528\"><\/p>\n<h3>Ajouter une nouvelle rang\u00e9e CTA<\/h3>\n<p>Cliquez sur l&rsquo;ic\u00f4ne plus verte et <strong>ajoutez une rang\u00e9e \u00e0 colonne unique<\/strong> pour notre contenu.<\/p>\n<ul>\n<li>Rang\u00e9e : Une colonne<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167297\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-a-New-CTA-Row.png\" alt=\"Add a New CTA Row\" width=\"961\" height=\"584\"><\/p>\n<h4>Dimensionnement de<\/h4>\n<p>Ouvrez <strong>les param\u00e8tres de la rang\u00e9e<\/strong> et allez dans l&rsquo;onglet Conception. Sous Dimensionnement, s\u00e9lectionnez l&rsquo;ic\u00f4ne Tablette sous Largeur maximale et entrez 320px. Cette valeur sera automatiquement r\u00e9percut\u00e9e dans les param\u00e8tres du t\u00e9l\u00e9phone. Fermez les param\u00e8tres de la rang\u00e9e.<\/p>\n<ul>\n<li>Largeur maximale : 320px Tablet<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167296\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-a-New-CTA-Row-2.png\" alt=\"Add a New CTA Row\" width=\"959\" height=\"648\"><\/p>\n<h3>Module de texte du titre<\/h3>\n<p>Notre CTA est pr\u00e9sent\u00e9 avec un titre. Pour le cr\u00e9er, <strong>ajoutez un module Texte<\/strong> \u00e0 la rang\u00e9e.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167294\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Title-Text-Module.png\" alt=\"Title Text Module\" width=\"960\" height=\"619\"><\/p>\n<h3>Donnez du style au texte du titre<\/h3>\n<p>Ajoutez votre titre et changez la police en Heading 3.<\/p>\n<ul>\n<li>Police : H3<\/li>\n<li>Texte : La sant\u00e9 commence ici<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167292\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Title-Text.png\" alt=\"Style the Title Text\" width=\"961\" height=\"541\"><\/p>\n<h4>Texte d&rsquo;en-t\u00eate<\/h4>\n<p>Allez dans l&rsquo;<strong>onglet Conception<\/strong> et faites d\u00e9filer la liste jusqu&rsquo;\u00e0 <strong>Texte d&rsquo;en-t\u00eate<\/strong>. Choisissez Centre pour l&rsquo;alignement, s\u00e9lectionnez H3, choisissez Cormorant Infant, mettez-le en gras et choisissez Blanc pour la couleur.<\/p>\n<ul>\n<li>Alignement : Center<\/li>\n<li>Texte d&rsquo;en-t\u00eate : H3<\/li>\n<li>Police de caract\u00e8res : Cormorant Infant<\/li>\n<li>Poids : Gras<\/li>\n<li>Couleur : #ffffff<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167289\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Title-Text-2.png\" alt=\"Style the Title Text\" width=\"960\" height=\"649\"><\/p>\n<p>Changez la taille du bureau \u00e0 42px, la taille de la tablette \u00e0 20px et la taille du t\u00e9l\u00e9phone \u00e0 16px. S\u00e9lectionnez 1,1em pour la hauteur de ligne.<\/p>\n<ul>\n<li>Taille : 42px pour le bureau, 20px pour la tablette, 16px pour le t\u00e9l\u00e9phone<\/li>\n<li>Hauteur de ligne : 1.1em<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167290\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Title-Text-3.png\" alt=\"Style the Title Text\" width=\"957\" height=\"347\"><\/p>\n<h4>Espacement<\/h4>\n<p>Enfin, faites d\u00e9filer jusqu&rsquo;\u00e0 <strong>Espacement<\/strong> et ajoutez 10px \u00e0 la Marge inf\u00e9rieure. Fermez les param\u00e8tres du module.<\/p>\n<ul>\n<li>Marge inf\u00e9rieure : 10px<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167291\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Title-Text-4.png\" alt=\"Style the Title Text\" width=\"959\" height=\"396\"><\/p>\n<h3>Module de texte pour l&rsquo;adresse<\/h3>\n<p><strong>Ajoutez un autre module de texte<\/strong> sous le titre CTA pour votre adresse physique.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167245\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Address-Text-Module.png\" alt=\"Address Text Module\" width=\"960\" height=\"633\"><\/p>\n<h3>Style du module de texte de l&rsquo;adresse<\/h3>\n<h4>Texte de l&rsquo;adresse<\/h4>\n<p>Ajoutez votre adresse sous forme de texte de paragraphe.<\/p>\n<ul>\n<li>Style : Paragraphe<\/li>\n<li>Texte : votre adresse<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167258\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Address-Text-Module.png\" alt=\"Style the Address Text Module\" width=\"961\" height=\"625\"><\/p>\n<h4>Texte de paragraphe<\/h4>\n<p>Ensuite, allez dans Texte dans l&rsquo;<strong>onglet Conception<\/strong> et choisissez Infant du Cormoran, semi gras, et d\u00e9finissez-le en blanc.<\/p>\n<ul>\n<li>Police de caract\u00e8res : Cormorant Infant<\/li>\n<li>Poids : Semi gras<\/li>\n<li>Couleur : #ffffff<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167256\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Address-Text-Module-2.png\" alt=\"Style the Address Text Module\" width=\"959\" height=\"575\"><\/p>\n<p>Pour la <strong>taille<\/strong>, r\u00e9glez le Bureau sur 28px, la Tablette sur 20px et le T\u00e9l\u00e9phone sur 16px. Modifiez la hauteur de ligne \u00e0 1,2em et fermez les param\u00e8tres du module.<\/p>\n<ul>\n<li>Taille : 28px Desktop, 20px Tablet, 16px Phone<\/li>\n<li>Hauteur de ligne : 1.2em<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167257\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-the-Address-Text-Module-3.png\" alt=\"Style the Address Text Module\" width=\"960\" height=\"396\"><\/p>\n<h3>Ajoutez le module de suivi des m\u00e9dias sociaux<\/h3>\n<p>Notre dernier module est le <strong>module de suivi des m\u00e9dias sociaux<\/strong>. Ajoutez-le au bas de la rang\u00e9e.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167244\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-the-Social-Media-Follow-Module.png\" alt=\"Add the Social Media Follow Module\" width=\"959\" height=\"643\"><\/p>\n<h3>Styliser le module de suivi des m\u00e9dias sociaux<\/h3>\n<p>Cette fois, nous allons commencer par l&rsquo;<strong>onglet Design<\/strong>. S\u00e9lectionnez Centre pour l&rsquo;alignement du module et changez la couleur de l&rsquo;ic\u00f4ne en #442854.<\/p>\n<ul>\n<li>Alignement du module : Centre<\/li>\n<li>Couleur de l&rsquo;ic\u00f4ne : #442854<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167288\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-The-Social-Media-Follow-Module.png\" alt=\"Style The Social Media Follow Module\" width=\"961\" height=\"492\"><\/p>\n<p>Faites d\u00e9filer jusqu&rsquo;\u00e0 <strong>Bordure<\/strong> et ajoutez 23px pour les Coins arrondis.<\/p>\n<ul>\n<li>Coins arrondis : 23px<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167287\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Style-The-Social-Media-Follow-Module-2.png\" alt=\"Style The Social Media Follow Module\" width=\"959\" height=\"277\"><\/p>\n<h3>Ajouter et styliser vos r\u00e9seaux sociaux<\/h3>\n<p>Revenez maintenant \u00e0 l&rsquo;<strong>onglet Contenu<\/strong> et ajoutez tous les r\u00e9seaux sociaux que vous souhaitez inclure. Cliquez sur l&rsquo;ic\u00f4ne plus grise. Pour leur donner un style, s\u00e9lectionnez l&rsquo;engrenage.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167240\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-Your-Social-Networks.png\" alt=\"Add and Style Your Social Networks\" width=\"961\" height=\"564\"><\/p>\n<p>Ouvrez les <strong>param\u00e8tres de chacun de vos r\u00e9seaux sociaux<\/strong>, choisissez le r\u00e9seau et ajoutez le lien \u00e0 votre compte. D\u00e9finissez la couleur d&rsquo;arri\u00e8re-plan sur #f9f3fd. Fermez les param\u00e8tres du sous-module.<\/p>\n<ul>\n<li>R\u00e9seau social : votre choix<\/li>\n<li>URL du lien vers le compte : votre lien<\/li>\n<li>Couleur de fond : #f9f3fd<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167239\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Add-and-Style-Your-Social-Networks-2.png\" alt=\"Add and Style Your Social Networks\" width=\"960\" height=\"720\"><\/p>\n<h2>Enregistrer la page du blog et quitter le Visual Builder<\/h2>\n<p>Enfin, <strong>enregistrez la page<\/strong> dans le coin inf\u00e9rieur droit et s\u00e9lectionnez <strong>Exit Visual Builder<\/strong> en haut de la page. Vous \u00eates pr\u00eat \u00e0 visualiser votre travail.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167255\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Save-Page-Exit-Visual-Builder.png\" alt=\"Save Page &amp; Exit Visual Builder\" width=\"960\" height=\"464\"><\/p>\n<h2>Aper\u00e7u de la page de blog<\/h2>\n<p>Voici nos r\u00e9sultats.<\/p>\n<h3>Aper\u00e7u du bureau<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"with-border aligncenter size-full wp-image-167253\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Preview-Desktop.png\" alt=\"Preview Desktop\" width=\"960\" height=\"1167\"><\/p>\n<h3>Aper\u00e7u du mobile<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border aligncenter size-full wp-image-167254\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Preview-Mobile.png\" alt=\"Preview Mobile\" width=\"960\" height=\"3247\"><\/p>\n<h2>R\u00e9flexions finales<\/h2>\n<p>C&rsquo;est ainsi que nous avons vu comment construire une page de blog avec Divi. Le Cr\u00e9ateur Divi permet de cr\u00e9er facilement des mises en page int\u00e9ressantes et chacun des modules peut \u00eatre utilis\u00e9 de plusieurs fa\u00e7ons. Comme l&rsquo;a montr\u00e9 ce tutoriel, il est possible d&rsquo;utiliser plusieurs versions du module Blog sur la m\u00eame page pour afficher le flux du blog de diff\u00e9rentes mani\u00e8res.<\/p>\n<p><strong>Nous voulons conna\u00eetre votre avis. Avez-vous cr\u00e9\u00e9 votre propre page de blog avec Divi ? Faites-nous part de votre exp\u00e9rience dans les commentaires <\/strong><\/p>\n<p><span class=\"et_social_bottom_trigger\"><\/span><br \/>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>En g\u00e9n\u00e9ral, chaque pack de mise en page publi\u00e9 sur notre blog comprend une mise en page de blog, ce qui vous permet de pr\u00e9parer votre blog en un rien de temps. Mais, avez-vous d\u00e9j\u00e0 voulu voir comment construire vous-m\u00eame une de ces pages de blog ? Dans cet article, nous allons utiliser l&rsquo;une de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":370366,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[106],"tags":[],"class_list":["post-370365","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-divi"],"_links":{"self":[{"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/posts\/370365","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/comments?post=370365"}],"version-history":[{"count":0,"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/posts\/370365\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/media\/370366"}],"wp:attachment":[{"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/media?parent=370365"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/categories?post=370365"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/tags?post=370365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}