{"id":225582,"date":"2022-08-08T15:17:00","date_gmt":"2022-08-08T12:17:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=225582"},"modified":"2022-11-08T00:20:37","modified_gmt":"2022-11-07T21:20:37","slug":"comment-ajouter-un-defilement-infini-a-wordpress-etape-par-etape","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fr\/comment-ajouter-un-defilement-infini-a-wordpress-etape-par-etape\/","title":{"rendered":"Comment ajouter un d\u00e9filement infini \u00e0 WordPress (\u00e9tape par \u00e9tape)"},"content":{"rendered":"\n

Avez-vous besoin d’un moyen infaillible pour garder les utilisateurs sur votre site WordPress plus longtemps? Si tel est le cas, vous voudrez peut-\u00eatre r\u00e9fl\u00e9chir \u00e0 la fa\u00e7on d’ajouter un d\u00e9filement infini \u00e0 WordPress.<\/p>\n

Le d\u00e9filement infini, ou d\u00e9filement sans fin, est une m\u00e9thode de conception Web que vous verrez souvent. Il vous offre un moyen simple d’engager les visiteurs du site, de les encourager \u00e0 explorer davantage ce que vous avez \u00e0 offrir et m\u00eame d’augmenter le temps qu’ils passent \u00e0 lire votre contenu.<\/p>\n

C’est pourquoi aujourd’hui, nous allons vous montrer comment ajouter un d\u00e9filement infini \u00e0 WordPress \u00e0 l’aide d’un simple plugin WordPress.<\/p>\n

Alors, commen\u00e7ons.<\/p>\n

Qu’est-ce que le d\u00e9filement infini\u00a0?<\/h2>\n

Le d\u00e9filement infini est une technique utilis\u00e9e depuis un certain temps d\u00e9j\u00e0 pour am\u00e9liorer l’exp\u00e9rience utilisateur. Le d\u00e9filement sans fin utilise ce qu’on appelle AJAX pour charger les pages pendant que les gens font d\u00e9filer votre site, au lieu d’obliger un utilisateur \u00e0 cliquer sur "suivant" pour voir plus de contenu.<\/p>\n

Avant le d\u00e9filement infini, il \u00e9tait beaucoup plus courant pour un site d’utiliser la pagination. Ce syst\u00e8me reposait sur l’utilisateur pour faire d\u00e9filer vers le bas de la page Web, puis cliquer sur un bouton "suivant" ou "pr\u00e9c\u00e9dent" pour afficher plus de contenu.<\/p>\n

Le d\u00e9filement infini, en revanche, est g\u00e9n\u00e9ralement consid\u00e9r\u00e9 comme un moyen plus intuitif d’offrir du contenu sur un site Web aux utilisateurs. Un site populaire qui utilise le d\u00e9filement infini est Medium.<\/p>\n

Lorsque vous visitez Medium, vous remarquerez que lorsque vous faites d\u00e9filer vers le bas, le site continue de r\u00e9cup\u00e9rer du contenu suppl\u00e9mentaire. Cela semble vraiment interminable.<\/p>\n

Quand utiliser le d\u00e9filement infini<\/h2>\n

Les types de sites Web les plus courants utilisant le d\u00e9filement infini sont ceux qui proposent des tonnes de contenu de blog aux lecteurs.<\/p>\n

Mais comment savoir si le d\u00e9filement sans fin est une fonctionnalit\u00e9 que vous devriez avoir sur votre propre site WordPress ?<\/p>\n

Eh bien, parlons-en !<\/p>\n

Les meilleurs types de sites Web utilisant le d\u00e9filement infini sont les blogs, les m\u00e9dias sociaux et les sites avec du contenu vid\u00e9o. Mais vraiment, tout site Web qui a beaucoup de contenu \u00e0 partager avec ses utilisateurs peut b\u00e9n\u00e9ficier d’un d\u00e9filement infini.<\/p>\n

Apr\u00e8s tout, le d\u00e9filement sans fin offre une sensation de douceur et de propret\u00e9 aux utilisateurs. Et m\u00eame si cela ne semble pas \u00eatre un gros probl\u00e8me, il est beaucoup plus facile pour les utilisateurs de faire d\u00e9filer continuellement que de faire d\u00e9filer et de cliquer un nombre infini de fois.<\/p>\n

En fait, le d\u00e9filement infini demande moins de travail aux utilisateurs, ce qui les convainc g\u00e9n\u00e9ralement de rester plus longtemps.<\/p>\n

De plus, le d\u00e9filement infini est \u00e9galement fantastique pour les utilisateurs de mobiles et de tablettes. Cliquer est une commodit\u00e9 mineure pour les utilisateurs d’ordinateurs de bureau et d’ordinateurs portables ; cependant, c’est une douleur importante pour les utilisateurs de mobiles et de tablettes de devoir cliquer sur tout.<\/p>\n

Donc, si vous cherchez \u00e0 stimuler l’engagement mobile sur votre site, le d\u00e9filement infini est l’un des meilleurs moyens d’y parvenir.<\/p>\n

Inconv\u00e9nients du d\u00e9filement infini<\/h2>\n

Bien que le d\u00e9filement infini soit cool, il n’est pas sans inconv\u00e9nients.<\/p>\n

Pour commencer, l’activation du d\u00e9filement infini sur votre site Web WordPress peut affecter les temps de chargement de votre site.<\/p>\n

L’un des moyens les plus importants de r\u00e9ussir en tant que propri\u00e9taire de site Web est d’avoir un site Web \u00e0 chargement rapide. Si votre site est \u00e9l\u00e9gant et brillant, mais ne peut pas afficher le contenu rapidement, les gens partiront.<\/p>\n

Heureusement, il existe des moyens d’aider \u00e0 r\u00e9duire les temps de chargement de votre site<\/a> m\u00eame en utilisant le d\u00e9filement infini\u00a0:<\/p>\n

    \n
  1. V\u00e9rifiez la capacit\u00e9 du site\u00a0:<\/strong> assurez-vous que votre site Web WordPress peut g\u00e9rer la pression du d\u00e9filement infini (demandez \u00e0 votre fournisseur d’h\u00e9bergement si vous n’\u00eates pas s\u00fbr).<\/li>\n
  2. Regardez les images :<\/strong> allez-y doucement avec les images. Si vous souhaitez autoriser l’affichage d’une quantit\u00e9 infinie de contenu sur votre site, faites attention aux images que vous incluez, car elles peuvent ralentir les temps de chargement. Et n’utilisez que des images de haute qualit\u00e9<\/a> qui laisseront un impact durable sur votre site Web.<\/li>\n<\/ol>\n

    Un autre inconv\u00e9nient de l’utilisation du d\u00e9filement sans fin sur votre site Web est qu’il est plus difficile de localiser un contenu sp\u00e9cifique.<\/p>\n

    Pensez-y.<\/p>\n

    Vous \u00eates sur un site Web et vous faites d\u00e9filer le contenu depuis un certain temps. Mais maintenant, vous voulez revenir en arri\u00e8re et regarder \u00e0 nouveau quelque chose que vous avez survol\u00e9 une minute. Le probl\u00e8me est que maintenant vous ne pouvez pas le trouver.<\/p>\n

    C’\u00e9tait sur quelle page ?<\/p>\n

    Oh c’est vrai! Vous \u00eates sur un site utilisant le d\u00e9filement infini. Vous allez devoir faire d\u00e9filer tout le chemin vers le haut et esp\u00e9rer que vous trouverez le contenu que vous souhaitez lire.<\/p>\n

    Bien que cet inconv\u00e9nient ne soit pas la fin du monde, il peut rendre l’exploration de votre site Web plus difficile pour les utilisateurs.<\/p>\n

    Enfin, l’activation du d\u00e9filement infini sur votre site rend la barre de d\u00e9filement de votre site inutile et vous emp\u00eache d’avoir un pied de page de site Web.<\/p>\n

    En fin de compte, il est important de faire vos devoirs et de vous assurer que vous \u00eates pr\u00eat pour ce que le d\u00e9filement infini apporte \u00e0 votre site Web. N’oubliez pas que tout n’est pas mauvais. C’est juste que chacun a des besoins diff\u00e9rents.<\/p>\n

    Voyons maintenant comment ajouter un d\u00e9filement infini \u00e0 WordPress.<\/p>\n

    Comment ajouter un d\u00e9filement infini \u00e0 WordPress<\/h2>\n

    \u00c9tape 1: Installez et activez Catch Infinite Scroll<\/h3>\n

    Pour ajouter un d\u00e9filement infini \u00e0 votre site WordPress, la premi\u00e8re chose que vous devez faire est d’installer un plugin comme Catch Infinite Scroll<\/a>. Si vous avez besoin d’aide pour cette \u00e9tape, assurez-vous de v\u00e9rifier comment installer un plugin WordPress<\/a>.<\/p>\n

    Une fois que vous avez install\u00e9 et activ\u00e9 le plugin, il y aura un nouvel onglet sur votre page d’administration WordPress appel\u00e9 "Catch Infinite Scroll".<\/p>\n

    \"Comment<\/a><\/p>\n

    \u00c9tape\u00a02\u00a0: Choisissez un d\u00e9clencheur de chargement<\/h3>\n

    Ensuite, vous devrez s\u00e9lectionner un d\u00e9clencheur de chargement. Pour notre exemple, nous choisirons l’ option de d\u00e9filement .<\/strong> Si vous choisissez l’ option Cliquer<\/strong>, le plugin vous donnera un bouton "Charger plus" sur lequel les utilisateurs peuvent cliquer pour charger plus de contenu.<\/p>\n

    \"Comment<\/a><\/p>\n

    Si vous s\u00e9lectionnez l’ option Faire d\u00e9filer<\/strong>, votre site chargera plus de contenu automatiquement. Il chargera ce contenu au fur et \u00e0 mesure que l’utilisateur d\u00e9filera au lieu de lui demander de cliquer sur quoi que ce soit pour afficher plus de contenu.<\/p>\n

    Sous le param\u00e8tre de d\u00e9clenchement de chargement, vous remarquerez les s\u00e9lecteurs de navigation, suivant, de contenu et d’\u00e9l\u00e9ment. Il n’est pas n\u00e9cessaire de modifier l’un de ces \u00e9l\u00e9ments pour ce didacticiel, car ils fonctionnent parfaitement.<\/p>\n

    \u00c9tape 3: S\u00e9lectionnez une option d’image<\/h3>\n

    L’option d’image dans Catch Infinite Scroll vous permet de t\u00e9l\u00e9charger votre propre image personnalis\u00e9e. Cette image appara\u00eetra au fur et \u00e0 mesure que votre site chargera plus de contenu au fur et \u00e0 mesure que les gens d\u00e9fileront vers le bas.<\/p>\n

    Voici l’image de chargement par d\u00e9faut dans Catch Infinite Scroll\u00a0:<\/p>\n

    \"Comment<\/a><\/p>\n

    Cela dit, ce plugin simple \u00e0 utiliser vous donne la possibilit\u00e9 d’ajouter votre propre image personnalis\u00e9e, ce qui est id\u00e9al pour ceux qui lancent une entreprise en ligne, un site d’adh\u00e9sion<\/a> ou une boutique de commerce \u00e9lectronique.<\/p>\n

    \u00c9tape 4\u00a0: Configurez l’option "Terminer le texte"<\/h3>\n

    Le param\u00e8tre final que nous devons configurer est l’option "Terminer le texte". C’est le texte qui appara\u00eet une fois qu’un utilisateur a parcouru absolument tout ce que vous avez \u00e0 offrir sur votre site Web.<\/p>\n

    Ce texte n’appara\u00eetra pour les visiteurs du site que lorsqu’il n’y a rien d’autre \u00e0 voir.<\/p>\n

    \"Comment<\/a><\/p>\n

    Vous pouvez personnaliser ce texte pour dire ce que vous voulez, comme "Fin du contenu". Cela dit, le message par d\u00e9faut "Plus d’\u00e9l\u00e9ments \u00e0 afficher" fonctionne tr\u00e8s bien.<\/p>\n

    Lorsque vous avez termin\u00e9, cliquez sur Enregistrer les modifications<\/strong> pour enregistrer vos param\u00e8tres et activer le d\u00e9filement infini sur votre site Web.<\/p>\n

    \"Comment<\/a><\/p>\n

    Emballer<\/h2>\n

    Et voila! Vous savez maintenant comment ajouter un d\u00e9filement infini \u00e0 WordPress dans le but de stimuler l’engagement, d’augmenter le temps pass\u00e9 sur votre site et de rendre l’exp\u00e9rience utilisateur inoubliable pour tous ceux qui atterrissent sur votre site.<\/p>\n

    Cherchez-vous un autre moyen d’engager les visiteurs du site et d’augmenter les conversions pendant que vous y \u00eates\u00a0? Assurez-vous ensuite de consulter les meilleurs plugins de cadeaux WordPress<\/a> sur le march\u00e9 et de cr\u00e9er un concours auquel les gens souhaitent participer.<\/p>\n

    Utilisez-vous le d\u00e9filement infini sur votre site WordPress? Avez-vous utilis\u00e9 un plugin WordPress pour activer le d\u00e9filement infini? Si oui, nous aimerions tout savoir dans les commentaires ci-dessous !<\/p>\n

    Source d’enregistrement: wphacks.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

    Pour un moyen unique de stimuler l’engagement et d’am\u00e9liorer l’exp\u00e9rience utilisateur, d\u00e9couvrez comment ajouter un d\u00e9filement infini \u00e0 WordPress en quelques \u00e9tapes simples.<\/p>\n","protected":false},"author":1,"featured_media":220880,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[893,841,862],"tags":[1167],"class_list":["post-225582","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code-2","category-tutoriels","category-wordpress-3","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/225582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=225582"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/225582\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/220880"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=225582"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=225582"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=225582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}