{"id":238192,"date":"2022-04-13T10:09:00","date_gmt":"2022-04-13T07:09:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=238192"},"modified":"2022-05-16T10:57:49","modified_gmt":"2022-05-16T07:57:49","slug":"comment-ajouter-un-defilement-infini-avec-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-ajouter-un-defilement-infini-avec-wordpress\/","title":{"rendered":"Comment ajouter un d\u00e9filement infini avec WordPress"},"content":{"rendered":"<p>Le d\u00e9filement infini est un excellent moyen de faciliter la navigation dans votre contenu.<\/p>\n<p>Cela fonctionne en chargeant de nouveaux messages dans la page au fur et \u00e0 mesure que les visiteurs d\u00e9filent au lieu de les faire cliquer sur la page de messages suivante. Alors, comment ajouter un d\u00e9filement infini \u00e0 votre site\u00a0?<\/p>\n<p>Ce sont les deux meilleures approches et plugins que vous pouvez utiliser pour votre site.<\/p>\n<p>La meilleure impl\u00e9mentation du d\u00e9filement infini pour les sites WordPress se trouve dans le <a href=\"https:\/\/wordpress.org\/plugins\/jetpack\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">plugin Jetpack<\/a>.<\/p>\n<p>Avant de l&rsquo;installer, contactez votre d\u00e9veloppeur de th\u00e8me et demandez-lui si votre th\u00e8me est pris en charge. Si c&rsquo;est le cas, vous pouvez simplement installer Jetpack et activer le <a href=\"https:\/\/jetpack.com\/support\/infinite-scroll\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">module de d\u00e9filement infini<\/a>.<\/p>\n<p>Cela dit, tous les th\u00e8mes ne sont pas d\u00e9j\u00e0 pris en charge et vous ne voudrez peut-\u00eatre pas installer le plugin Jetpack. Si c&rsquo;est vous, voici une autre fa\u00e7on d&rsquo;ajouter un d\u00e9filement infini.<\/p>\n<p><strong>\u00cates-vous un utilisateur de Compete Themes\u00a0?<\/strong> Tous <a href=\"https:\/\/www.competethemes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">nos th\u00e8mes<\/a> incluent la prise en charge du d\u00e9filement infini avec Jetpack.<\/p>\n<p>L&rsquo;alternative pour le d\u00e9filement infini sans Jetpack consiste \u00e0 utiliser le plugin <a href=\"https:\/\/wordpress.org\/plugins\/yith-infinite-scrolling\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">YITH Infinite Scrolling<\/a>.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/yith-infinite-scrolling\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176925-616f33793454c.png\" alt=\"Comment ajouter un d\u00e9filement infini avec WordPress\" \/><\/a><\/p>\n<p>Bien que ce plugin fonctionne tr\u00e8s bien, la configuration est un peu technique. Parcourons les \u00e9tapes maintenant.<\/p>\n<h3>Installer et activer<\/h3>\n<p>Tout d&rsquo;abord, installez et activez YITH Infinite Scrolling via le menu Plugins. Une fois install\u00e9, vous trouverez un nouvel \u00e9l\u00e9ment de menu YITH Plugins ajout\u00e9 \u00e0 votre tableau de bord. Cliquez dessus pour afficher les param\u00e8tres de d\u00e9filement infini.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176925-616f337bd829d.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-176925-616f337bd829d.png\" alt=\"Comment ajouter un d\u00e9filement infini avec WordPress\"><\/a><\/p>\n<h3>Configurer les param\u00e8tres<\/h3>\n<p>Cette partie peut vous faire tr\u00e9bucher si vous ne connaissez rien au HTML et au CSS.<\/p>\n<p>Pour que le plugin fonctionne, vous devez lui fournir des s\u00e9lecteurs CSS pour quatre \u00e9l\u00e9ments HTML diff\u00e9rents. Il n&rsquo;y a aucun moyen pour un plugin de conna\u00eetre ces s\u00e9lecteurs \u00e0 l&rsquo;avance, c&rsquo;est pourquoi vous devrez les entrer vous-m\u00eame.<\/p>\n<p>Vous n&rsquo;avez pas besoin de le faire avec Jetpack car l&rsquo;auteur du th\u00e8me l&rsquo;a d\u00e9j\u00e0 fait pour vous.<\/p>\n<h4>Comment trouver les s\u00e9lecteurs CSS<\/h4>\n<p>Si vous ne savez pas ce qu&rsquo;est le CSS ou comment il se rapporte \u00e0 votre site Web, consultez notre <a href=\"https:\/\/themewp.inform.click\/fr\/quest-ce-que-css-et-comment-cela-affecte-t-il-wordpress\/\" title=\"aper\u00e7u CSS avec WordPress\">aper\u00e7u CSS avec WordPress<\/a>.<\/p>\n<p>Trouver les s\u00e9lecteurs CSS dont vous avez besoin est en fait simple et direct avec la bonne approche. Si vous ne savez pas d\u00e9j\u00e0 comment les trouver, suivez <a href=\"https:\/\/themewp.inform.click\/fr\/comment-trouver-des-selecteurs-css-sur-les-sites-wordpress\/\" title=\"ce tutoriel pour trouver des s\u00e9lecteurs CSS\">ce tutoriel pour trouver des s\u00e9lecteurs CSS<\/a>. C&rsquo;est le moyen le plus simple de naviguer dans le code HTML de votre site pour trouver les \u00e9l\u00e9ments que vous recherchez.<\/p>\n<h4>Ajouter les s\u00e9lecteurs<\/h4>\n<p>Copiez chaque s\u00e9lecteur dans les entr\u00e9es du d\u00e9filement infini YITH au fur et \u00e0 mesure que vous les trouvez. Si vous \u00eates un utilisateur de Compete Themes, vous pouvez copier les classes exactes utilis\u00e9es dans la capture d&rsquo;\u00e9cran ci-dessus.<\/p>\n<p>D\u00e9sormais, lorsque vous faites d\u00e9filer votre site Web, les nouveaux articles se chargent automatiquement dans la page. Le plugin fonctionne imm\u00e9diatement une fois les quatre s\u00e9lecteurs CSS fournis.<\/p>\n<p>D\u00e9filement infini dans le <a href=\"https:\/\/www.competethemes.com\/apex\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">th\u00e8me Apex<\/a> avec YITH Infinite Scrolling.<\/p>\n<p>Les deux m\u00e9thodes ci-dessus sont les plus simples et les plus efficaces pour ajouter un d\u00e9filement infini \u00e0 votre site WordPress.<\/p>\n<p>Bien qu&rsquo;il existe des plugins alternatifs, ils n\u00e9cessitent \u00e9galement une poign\u00e9e de s\u00e9lecteurs CSS, et aucun ne fonctionne aussi bien que le plugin YITH. La configuration du d\u00e9filement infini peut \u00eatre un peu d\u00e9licate, mais une fois que vous l&rsquo;aurez ajout\u00e9, cela fonctionnera de mani\u00e8re transparente pour vos visiteurs.<\/p>\n<p>Si vous avez des questions sur le d\u00e9filement infini ou son ajout \u00e0 votre site, postez un commentaire ci-dessous.<\/p>\n<p><strong>Divulgation :<\/strong> Ce message peut contenir des liens d&rsquo;affiliation. L&rsquo;achat d&rsquo;un produit via l&rsquo;un de ces liens g\u00e9n\u00e8re une commission pour nous sans frais suppl\u00e9mentaires pour vous.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apprenez les deux fa\u00e7ons les plus simples d&rsquo;ajouter un d\u00e9filement infini \u00e0 votre site WordPress. La premi\u00e8re m\u00e9thode est peut-\u00eatre incroyablement simple, mais cela d\u00e9pend d&rsquo;une chose&#8230;<\/p>\n","protected":false},"author":1,"featured_media":257628,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[548],"tags":[844],"class_list":["post-238192","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personnaliser-wordpress","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/238192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=238192"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/238192\/revisions"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=238192"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=238192"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=238192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}