{"id":800822,"date":"2022-03-30T01:16:53","date_gmt":"2022-03-30T01:16:53","guid":{"rendered":"https:\/\/www.lafactory.online\/?p=800822"},"modified":"2022-03-30T01:16:56","modified_gmt":"2022-03-30T01:16:56","slug":"comment-utiliser-le-decalage-des-articles-dans-les-modules-de-blog-de-divi-pour-creer-une-page-de-blog-polyvalente","status":"publish","type":"post","link":"https:\/\/www.lafactory.com\/blog\/comment-utiliser-le-decalage-des-articles-dans-les-modules-de-blog-de-divi-pour-creer-une-page-de-blog-polyvalente\/","title":{"rendered":"Comment utiliser le d\u00e9calage des articles dans les modules de blog de Divi pour cr\u00e9er une page de blog polyvalente"},"content":{"rendered":"<article id=\"post-167685\" class=\"entry et_box clearfix post-167685 post type-post status-publish format-standard has-post-thumbnail category-divi-resources tag-divi-post-offset\">La mise en page d&rsquo;un blog offre de nombreux moyens de pr\u00e9d\u00e9finir vos articles. Vous pouvez utiliser plusieurs modules pour afficher les flux de diff\u00e9rentes mani\u00e8res. Nous oublions souvent que nous disposons de nombreux moyens de contr\u00f4ler les articles que ces modules affichent. L&rsquo;option Post Offset de Divi avec les modules Blog et Post Slider peut modifier le fonctionnement de votre page de blog sans modifier la mise en page. Dans cet article, nous allons voir comment utiliser l&rsquo;option Post Offset dans vos modules Divi Blog pour cr\u00e9er une page de blog polyvalente.<\/p>\n<h2>\u00c0 propos de Post Offset<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/About-Post-Offset.png\" alt=\"About Post Offset\" width=\"961\" height=\"516\" class=\"with-border aligncenter size-full wp-image-167909\"><\/p>\n<p>Post Offset est une option dans les modules de Divi qui affichent les articles de tout type. Il s&rsquo;agit d&rsquo;un champ dans lequel vous pouvez saisir le nombre de messages que vous souhaitez que Divi ignore. La valeur par d\u00e9faut est 0, ce qui indique \u00e0 Divi de ne sauter aucun message.<\/p>\n<p>L&rsquo;ajout d&rsquo;un d\u00e9calage de 1 indique \u00e0 Divi d&rsquo;ignorer le dernier message. Un d\u00e9calage de 2 indique \u00e0 Divi d&rsquo;ignorer les deux messages les plus r\u00e9cents.<\/p>\n<p>Nous pouvons cr\u00e9er une page de blog avec plus d&rsquo;un module Blog ou Post Slider et leur faire afficher diff\u00e9rents articles. Nous pouvons utiliser le d\u00e9calage pour ajouter autant de modules Blog et Post Slider que nous le souhaitons.<\/p>\n<p>Cela ouvre de nombreuses possibilit\u00e9s de conception pour les pages de blog. Nous pouvons mettre en \u00e9vidence des articles sp\u00e9cifiques. Par exemple, si vous travaillez sur une s\u00e9rie, vous pouvez avoir un module Blog pour afficher les articles qui sont plus anciens dans la s\u00e9rie. Nous pouvons \u00e9galement les utiliser de certaines mani\u00e8res pour mettre en avant des articles ou comme autre moyen d&rsquo;attirer l&rsquo;attention.<\/p>\n<h2>Page de blog avec cinq modules de blog<\/h2>\n<p>L&rsquo;image ci-dessous repr\u00e9sente la page Blog du pack de mise en page Blogger, disponible dans Divi. Il s&rsquo;agit d&rsquo;une page complexe qui affiche les articles de blog avec cinq modules diff\u00e9rents. Deux de ces modules sont des curseurs d&rsquo;articles. L&rsquo;un des modules Blog affiche un article vedette. Un autre affiche les prochains articles. Le dernier affiche le flux standard du blog.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Blog-Page-with-Five-Blog-Modules.png\" alt=\"Blog Page with Five Blog Modules\" width=\"960\" height=\"1428\" class=\"with-border aligncenter size-full wp-image-167910\"><\/p>\n<p>Actuellement, les cinq modules affichent les m\u00eames articles. Nous allons utiliser Post Offset pour qu&rsquo;ils affichent diff\u00e9rents articles de diff\u00e9rentes mani\u00e8res.<\/p>\n<h2>Ajuster le d\u00e9calage des messages<\/h2>\n<p>Avant de commencer, nous devons d\u00e9cider comment notre page de blog va fonctionner. Actuellement, nos modules affichent :<\/p>\n<ul>\n<li>First Post Slider &#8211; 4 messages<\/li>\n<li>Premier module de blog &#8211; 1 message<\/li>\n<li>Second Post Slider &#8211; 4 messages<\/li>\n<li>Deuxi\u00e8me module de blog &#8211; 2 messages<\/li>\n<li>Troisi\u00e8me module de blog &#8211; 3 messages<\/li>\n<\/ul>\n<p>Cela nous permet d&rsquo;afficher potentiellement 14 articles de blog diff\u00e9rents. Nous allons configurer les modules de deux mani\u00e8res diff\u00e9rentes. La premi\u00e8re consiste \u00e0 afficher 14 messages en commen\u00e7ant par le premier module jusqu&rsquo;au dernier. Cela nous aidera \u00e0 voir comment le d\u00e9calage fonctionne. La seconde affichera les articles qui se chevauchent entre les modules. Cela cr\u00e9era un design plus int\u00e9ressant et plus utile.<\/p>\n<h3>Premier exemple de page de blog<\/h3>\n<p>Notre premi\u00e8re option affichera 14 messages dans l&rsquo;ordre du plus r\u00e9cent au plus ancien dans les cinq modules.<\/p>\n<ul>\n<li>Module First Post Slider &#8211; affiche les 4 derniers messages<\/li>\n<li>Module du premier blog : ignorez 4 messages et affichez-en 1<\/li>\n<li>Second Post Slider &#8211; saute 5 messages, affiche 4 messages<\/li>\n<li>Deuxi\u00e8me module de blog &#8211; ignorez 9 messages et affichez-en 2<\/li>\n<li>Troisi\u00e8me module de blog &#8211; sauter 11 messages, afficher 3<\/li>\n<\/ul>\n<p>Nous allons \u00e9galement examiner le nombre de messages pour chaque module la premi\u00e8re fois que nous les ouvrons.<\/p>\n<h4>Premier curseur d&rsquo;affichage<\/h4>\n<p>Nous allons commencer par le Post Slider en haut de la page. Celui-ci affichera les messages 1 \u00e0 4 de nos messages les plus r\u00e9cents. <strong>Ouvrez ses param\u00e8tres<\/strong> en cliquant sur l&rsquo;engrenage.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/First-Blog-Page-Post-Offset-Option.png\" alt=\"First Blog Page\" width=\"960\" height=\"414\" class=\"with-border aligncenter size-full wp-image-167902\"><\/p>\n<p>Sous <strong>Contenu<\/strong>, r\u00e9glez le nombre de messages sur 4.<\/p>\n<ul>\n<li>Nombre de messages : 4<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/First-Blog-Page-Post-Offset-Option-2.png\" alt=\"First Blog Page\" width=\"961\" height=\"645\" class=\"with-border aligncenter size-full wp-image-167911\"><\/p>\n<p>Ensuite, faites d\u00e9filer vers le bas jusqu&rsquo;\u00e0 <strong>Offset Number<\/strong> et assurez-vous qu&rsquo;il est r\u00e9gl\u00e9 sur 0. Le module affichera maintenant les 4 messages les plus r\u00e9cents. Fermez les param\u00e8tres du module.<\/p>\n<ul>\n<li>Num\u00e9ro de d\u00e9calage : 0<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/First-Blog-Page-Post-Offset-Option-3.png\" alt=\"First Blog Page\" width=\"959\" height=\"719\" class=\"with-border aligncenter size-full wp-image-167912\"><\/p>\n<h4>Premier module Blog<\/h4>\n<p>Ensuite, <strong>ouvrez les param\u00e8tres<\/strong> du premier module Blog. Ce module affichera un article, qui sera l&rsquo;article num\u00e9ro 5.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/First-Blog-Page-Post-Offset-Option-4.png\" alt=\"First Blog Page\" width=\"960\" height=\"523\" class=\"with-border aligncenter size-full wp-image-167913\"><\/p>\n<p>D\u00e9finissez le <strong>nombre de messages<\/strong> sur 1.<\/p>\n<ul>\n<li>Nombre de messages : 1<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/First-Blog-Page-Post-Offset-Option-5.png\" alt=\"First Blog Page\" width=\"959\" height=\"712\" class=\"with-border aligncenter size-full wp-image-167914\"><\/p>\n<p>D\u00e9finissez le <strong>d\u00e9calage des messages<\/strong> sur 4, ce qui indique au module d&rsquo;ignorer les quatre premiers messages, qui seront affich\u00e9s dans le premier curseur de message. Fermez le module.<\/p>\n<ul>\n<li>D\u00e9calage des messages : 4<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/First-Blog-Page-Post-Offset-Option-6.png\" alt=\"First Blog Page\" width=\"959\" height=\"736\" class=\"with-border aligncenter size-full wp-image-167915\"><\/p>\n<h4>Second Post Slider<\/h4>\n<p>Ensuite, <strong>ouvrez les param\u00e8tres<\/strong> du deuxi\u00e8me module Post Slider. Il affichera les articles 6 \u00e0 9.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/First-Blog-Page-Post-Offset-Option-7.png\" alt=\"First Blog Page\" width=\"960\" height=\"516\" class=\"with-border aligncenter size-full wp-image-167891\"><\/p>\n<p>R\u00e9glez le <strong>nombre de messages<\/strong> sur 4.<\/p>\n<ul>\n<li>Nombre de messages : 4<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/First-Blog-Page-Post-Offset-Option-8.png\" alt=\"First Blog Page\" width=\"959\" height=\"742\" class=\"with-border aligncenter size-full wp-image-167892\"><\/p>\n<p>D\u00e9finissez le <strong>Post Offset<\/strong> \u00e0 5. Cela indique \u00e0 Divi de sauter les 5 messages les plus r\u00e9cents, qui sont affich\u00e9s dans les modules pr\u00e9c\u00e9dents. Fermez les param\u00e8tres.<\/p>\n<ul>\n<li>D\u00e9calage des messages : 5<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/First-Blog-Page-Post-Offset-Option-9.png\" alt=\"First Blog Page\" width=\"959\" height=\"746\" class=\"with-border aligncenter size-full wp-image-167893\"><\/p>\n<h4>Deuxi\u00e8me module de blog<\/h4>\n<p>Ensuite, ouvrez les <strong>param\u00e8tres<\/strong> du deuxi\u00e8me module Blog. Dans cet exemple, il affichera les articles 10 et 11.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/First-Blog-Page-Post-Offset-Option-10.png\" alt=\"First Blog Page\" width=\"959\" height=\"568\" class=\"with-border aligncenter size-full wp-image-167894\"><\/p>\n<p>D\u00e9finissez le <strong>nombre de messages<\/strong> sur 2.<\/p>\n<ul>\n<li>Nombre de messages : 2<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/First-Blog-Page-Post-Offset-Option-11.png\" alt=\"First Blog Page Post Offset Option\" width=\"959\" height=\"724\" class=\"with-border aligncenter size-full wp-image-167895\"><\/p>\n<p>D\u00e9finissez le <strong>Post Offset<\/strong> \u00e0 9. Cela indique \u00e0 Divi d&rsquo;ignorer les 9 messages affich\u00e9s par les autres modules. Fermez les param\u00e8tres du module.<\/p>\n<ul>\n<li>D\u00e9calage des messages : 9<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/First-Blog-Page-Post-Offset-Option-12.png\" alt=\"First Blog Page Post Offset Option\" width=\"961\" height=\"749\" class=\"with-border aligncenter size-full wp-image-167896\"><\/p>\n<h4>Troisi\u00e8me module Blog<\/h4>\n<p>Enfin, <strong>ouvrez les param\u00e8tres<\/strong> du troisi\u00e8me module Blog. Ce module affiche le flux du blog avec 3 articles de blog.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/First-Blog-Page-Post-Offset-Option-13.png\" alt=\"First Blog Page Post Offset Option\" width=\"1135\" height=\"766\" class=\"with-border aligncenter size-full wp-image-167897\"><\/p>\n<p>D\u00e9finissez le <strong>nombre d&rsquo;articles<\/strong> sur 3.<\/p>\n<ul>\n<li>Nombre de messages : 3<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/First-Blog-Page-Post-Offset-Option-14.png\" alt=\"First Blog Page Post Offset Option\" width=\"960\" height=\"724\" class=\"with-border aligncenter size-full wp-image-167898\"><\/p>\n<p>D\u00e9finissez son <strong>Post Offset<\/strong> \u00e0 11. Cela indique au module Blog d&rsquo;ignorer les 11 messages les plus r\u00e9cents et d&rsquo;afficher les messages 12 \u00e0 14. Les 11 derniers messages s&rsquo;afficheront dans les 4 autres modules.<\/p>\n<ul>\n<li>D\u00e9calage des messages : 11<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/First-Blog-Page-Post-Offset-Option-15.png\" alt=\"First Blog Page Post Offset Option\" width=\"959\" height=\"758\" class=\"with-border aligncenter size-full wp-image-167899\"><\/p>\n<h4>V\u00e9rification des ajustements de d\u00e9calage<\/h4>\n<p>L&rsquo;affichage d&rsquo;un tel nombre de modules avec plusieurs messages et diff\u00e9rents d\u00e9calages peut rapidement devenir d\u00e9routant. Un moyen facile de savoir si vous \u00eates sur la bonne voie est de r\u00e9gler le d\u00e9calage pour afficher le dernier message du module pr\u00e9c\u00e9dent, puis d&rsquo;augmenter ce nombre de 1.<\/p>\n<p>Par exemple, j&rsquo;ai r\u00e9gl\u00e9 ces deux modules pour qu&rsquo;ils affichent le m\u00eame message en r\u00e9glant le d\u00e9calage du deuxi\u00e8me module sur 8 et en le comparant au dernier message dans le curseur des messages. Je sais maintenant qu&rsquo;il faut changer son d\u00e9calage \u00e0 9 pour afficher l&rsquo;article suivant.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/First-Blog-Page-Post-Offset-Option-16.png\" alt=\"First Blog Page Post Offset Option\" width=\"961\" height=\"631\" class=\"with-border aligncenter size-full wp-image-167900\"><\/p>\n<h4>R\u00e9sultats du premier exemple de page de blog<\/h4>\n<p>La page du blog affiche maintenant les articles 1 \u00e0 14 dans 5 modules d&rsquo;articles diff\u00e9rents. Aucun n&rsquo;affiche les m\u00eames articles. Le probl\u00e8me est que plusieurs des articles sont cach\u00e9s dans les curseurs d&rsquo;articles. Nous verrons dans notre prochain exemple que nous pouvons utiliser les curseurs d&rsquo;affichage sans que les articles soient perdus sur la page.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/First-Blog-Page-Post-Offset-Option-17.png\" alt=\"First Blog Page Post Offset Option\" width=\"960\" height=\"1509\" class=\"with-border aligncenter size-full wp-image-167901\"><\/p>\n<h3>Deuxi\u00e8me exemple de page de blog<\/h3>\n<p>Utilisons maintenant la m\u00eame mise en page avec le m\u00eame nombre de messages, mais en utilisant des d\u00e9calages diff\u00e9rents pour cr\u00e9er quelque chose d&rsquo;un peu plus int\u00e9ressant. Nous allons l&rsquo;utiliser pour mettre en \u00e9vidence des articles sp\u00e9cifiques.<\/p>\n<p>Nous aurons le premier Post Slider pour afficher les 4 derniers articles. Le premier module Blog affichera le dernier article pour le mettre en valeur. Le deuxi\u00e8me module de blog affichera les deuxi\u00e8me et troisi\u00e8me articles les plus r\u00e9cents pour accompagner l&rsquo;article vedette. Le second module affiche les articles 5 \u00e0 8. Le flux du blog affichera les articles 4 \u00e0 6.<\/p>\n<p>Les m\u00eames articles seront ainsi affich\u00e9s plusieurs fois \u00e0 diff\u00e9rents endroits, ce qui peut \u00eatre utilis\u00e9 de mani\u00e8re strat\u00e9gique.<\/p>\n<p>Notre graphique ressemble \u00e0 ceci :<\/p>\n<ul>\n<li>First Post Slider &#8211; affiche les 4 derniers messages<\/li>\n<li>Premier module de blog &#8211; saut de 0 message, affichage de 1 message<\/li>\n<li>Second Post Slider &#8211; Sauter 4 messages, afficher 4 messages<\/li>\n<li>Deuxi\u00e8me module de blog &#8211; saut de 1 message, affichage de 2 messages<\/li>\n<li>Troisi\u00e8me module de blog &#8211; sauter 3 messages, afficher 3<\/li>\n<\/ul>\n<p>Nous ne changerons pas le nombre de messages. Je vais vous montrer les param\u00e8tres de d\u00e9calage pour chaque module.<\/p>\n<h4>Premier curseur d&rsquo;affichage<\/h4>\n<p>Le premier module Post Slider affiche les 4 derniers messages. Le <strong>d\u00e9calage des messages<\/strong> doit \u00eatre r\u00e9gl\u00e9 sur 0.<\/p>\n<ul>\n<li>D\u00e9calage des messages : 0<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Second-Blog-Page-Post-Offset-Option.png\" alt=\"Second Blog Page\" width=\"960\" height=\"569\" class=\"with-border aligncenter size-full wp-image-167908\"><\/p>\n<h4>Premier module de blog<\/h4>\n<p>Le premier module de blog affiche le dernier message. Il affichera un message avec un <strong>d\u00e9calage de<\/strong> 0.<\/p>\n<ul>\n<li>D\u00e9calage des messages : 0<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Second-Blog-Page-Post-Offset-Option-2.png\" alt=\"Second Blog Page\" width=\"960\" height=\"759\" class=\"with-border aligncenter size-full wp-image-167903\"><\/p>\n<h4>Deuxi\u00e8me curseur d&rsquo;affichage<\/h4>\n<p>Le deuxi\u00e8me curseur d&rsquo;affichage saute les 4 messages les plus r\u00e9cents et affiche les 4 messages suivants. Son <strong>d\u00e9calage d&rsquo;affichage <\/strong>doit \u00eatre r\u00e9gl\u00e9 sur 4.<\/p>\n<ul>\n<li>D\u00e9calage des messages : 4<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Second-Blog-Page-Post-Offset-Option-3.png\" alt=\"Second Blog Page\" width=\"960\" height=\"697\" class=\"with-border aligncenter size-full wp-image-167904\"><\/p>\n<h4>Deuxi\u00e8me module de blog<\/h4>\n<p>Le deuxi\u00e8me module de blog ignore le premier message et affiche les deux messages suivants. Son <strong>Post Offset<\/strong> doit \u00eatre r\u00e9gl\u00e9 sur 1.<\/p>\n<ul>\n<li>D\u00e9calage des messages : 1<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Second-Blog-Page-Post-Offset-Option-4.png\" alt=\"Second Blog Page\" width=\"959\" height=\"715\" class=\"with-border aligncenter size-full wp-image-167905\"><\/p>\n<h4>Troisi\u00e8me module de blog<\/h4>\n<p>Le troisi\u00e8me module de blog ignore les trois premiers messages et affiche les messages 4 \u00e0 6. Il chevauchera le deuxi\u00e8me module Post Slider. Il doit avoir un <strong>d\u00e9calage d&rsquo;affichage<\/strong> de 3.<\/p>\n<ul>\n<li>D\u00e9calage des messages : 3<\/li>\n<\/ul>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Second-Blog-Page-Post-Offset-Option-5.png\" alt=\"Second Blog Page Post Offset Option\" width=\"959\" height=\"790\" class=\"with-border aligncenter size-full wp-image-167906\"><\/p>\n<h4>R\u00e9sultats du deuxi\u00e8me exemple de page de blog<\/h4>\n<p>Maintenant, la page du blog affiche les 8 derniers messages. Le premier Post Slider affiche les 4 derniers. Le premier et le deuxi\u00e8me module de blog affichent 1-3. Le deuxi\u00e8me Post Slider affiche les messages 5-8. Le flux du blog affiche les articles 4-6.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/lafactory.com\/blog\/wp-content\/uploads\/2022\/02\/Second-Blog-Page-Post-Offset-Option-6.png\" alt=\"Second Blog Page Post Offset Option\" width=\"960\" height=\"1446\" class=\"with-border aligncenter size-full wp-image-167907\"><\/p>\n<p>Cela semble compliqu\u00e9, mais j&rsquo;avais un plan simple qui prend tout son sens une fois que vous le voyez. Les modules de blog affichent les articles 1 \u00e0 6 dans l&rsquo;ordre, ce qui vous permet d&rsquo;ignorer les modules Post Slider pour voir rapidement les 6 derniers articles. Les curseurs de messages peuvent \u00eatre utilis\u00e9s comme un autre moyen d&rsquo;attirer l&rsquo;attention sur les 8 derniers messages.<\/p>\n<h2>R\u00e9flexions finales<\/h2>\n<p>C&rsquo;est ainsi que nous avons vu comment utiliser le d\u00e9calage des articles dans vos modules de blog Divi pour cr\u00e9er une page de blog polyvalente. L&rsquo;option de d\u00e9calage de Divi vous offre de nombreuses possibilit\u00e9s de conception. Je n&rsquo;ai fait qu&rsquo;effleurer la surface dans mes exemples. Vous pouvez utiliser plusieurs modules Blog et Post Slider ensemble pour cr\u00e9er des options d&rsquo;affichage des articles presque infinies.<\/p>\n<p><strong>Nous voulons conna\u00eetre votre avis. Utilisez-vous Post Offset avec vos modules Divi Blog et Post Slider ? Faites-nous en part dans les commentaires <\/strong><\/p>\n<p><span class=\"et_social_bottom_trigger\"><\/span><br \/>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>La mise en page d&rsquo;un blog offre de nombreux moyens de pr\u00e9d\u00e9finir vos articles. Vous pouvez utiliser plusieurs modules pour afficher les flux de diff\u00e9rentes mani\u00e8res. Nous oublions souvent que nous disposons de nombreux moyens de contr\u00f4ler les articles que ces modules affichent. L&rsquo;option Post Offset de Divi avec les modules Blog et Post Slider [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":800823,"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-800822","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\/800822","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=800822"}],"version-history":[{"count":0,"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/posts\/800822\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/media\/800823"}],"wp:attachment":[{"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/media?parent=800822"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/categories?post=800822"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lafactory.com\/blog\/wp-json\/wp\/v2\/tags?post=800822"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}