Comment ajouter le bouton Load More Posts dans WordPress

En tant que blogueur et créateur de contenu, vous souhaitez que les gens restent engagés et lisent vos messages. Il existe de nombreuses façons de le faire : un bon système de recherche ou de marquage, une barre latérale avec des liens de publication récents , une galerie de publications plus anciennes une fois qu'un lecteur atteint le bas de la page, etc.

Un autre excellent moyen consiste à utiliser un bouton "charger plus de messages", également connu sous le nom de défilement infini. Cela incitera les lecteurs intéressés à parcourir votre contenu aussi longtemps qu'ils le souhaitent. Si vous êtes prêt à télécharger des plugins ou à faire du travail de codage, cette fonctionnalité inestimable est facile à ajouter à votre site WordPress. Commençons.

Pourquoi le défilement infini ?

Lorsqu'un utilisateur navigue vers la page suivante, le site entier doit être rechargé. Barres de navigation, arrière-plan, etc. - et bien qu'ils aient probablement ces éléments en cache, c'est quelques secondes supplémentaires d'attente. Avec le défilement infini, seul le nouveau message doit être chargé, ce qui ne prend qu'un instant.

De plus, le défilement infini permet aux visiteurs de lire. Ils peuvent ne pas continuer à lire s'ils doivent chercher pour trouver des messages plus anciens. Mais avec un bouton juste là, ils pourraient rester un peu plus longtemps.

Si vous êtes prêt à ajouter un bouton de chargement supplémentaire à WordPress, il y a juste quelques points que vous devez garder à l'esprit.

• Sauvegardez toujours votre site WordPress avant de modifier les fichiers de modèle ou le code. Ou utilisez un thème enfant pour expérimenter avant d'apporter vos modifications au site principal.
• Pour installer un plugin WordPress, accédez à votre zone d'administration WordPress et cliquez sur le bouton "Ajouter un nouveau" sous "Plugins". À partir de là, recherchez le plugin que vous voulez, installez-le et activez-le. C'est aussi simple que ça !
• Si cela ne fonctionne pas, téléchargez le plugin depuis l'endroit où vous l'avez trouvé. Allez à nouveau dans "Ajouter un nouveau", mais cette fois, cliquez sur "Télécharger" pour télécharger le fichier. Ensuite, installez et activez le plugin.
• Certains plugins sont livrés avec d'autres instructions d'installation si ces méthodes ne semblent pas fonctionner !

Sans plugin

Pas une personne plugin? Si vous préférez le faire vous-même, pas de soucis. Si vous préférez le coder vous-même ou créer votre propre plugin, suivez ce guide , ou celui-ci . Les deux peuvent vous aider à configurer cette fonctionnalité par vous-même, même si vous manquez peut-être des fonctionnalités supplémentaires et une personnalisation facile qu'un plugin peut offrir.

Ces tutoriels impliquent beaucoup de code effrayant, mais tant que vous suivez les instructions, cela ne devrait pas être trop difficile. Vous allez configurer certains paramètres pour vous assurer que le bouton ne s'affiche pas s'il n'y a pas assez de messages, configurer le code de base et le rendre joli avec CSS.

Chargement facile Plus

Si vous préférez un plugin, c'est un excellent choix. Easy Load More, comme son nom l'indique, est un plugin de chargement paresseux. Il utilise Ajax pour charger des publications supplémentaires sur la même page et nécessite très peu de modifications dans vos fichiers de thème. Le plugin a été spécialement conçu pour laisser une marque aussi minuscule que possible, avec un bouton par défaut minimaliste et personnalisable, une petite taille de Javascript et des icônes de chargement rendues avec SVG afin que les fichiers image n'aient pas besoin d'être téléchargés.

Une fois que vous avez téléchargé le plugin, il est très facile de le configurer. Tout d'abord, vous devrez configurer le plugin à partir de sa page de configuration dans le menu du plugin. Ensuite, trouvez la page où vous souhaitez le défilement infini et ajoutez la fonction "load_more_button()" aux fichiers de modèle de votre thème. Il fonctionne avec des modèles personnalisés et sur n'importe quelle page, de la page d'accueil aux pages d'archives.

Ajax Charger plus

Si vous cherchez quelque chose de plus avancé, Ajax Load More est livré avec de nombreuses fonctionnalités supplémentaires.

Il existe un générateur de shortcode qui vous permet de créer une requête personnalisée d'autres pages, publications ou commentaires. Les paramètres de requête signifient que les publications qui se chargent peuvent appartenir à certaines catégories ou types de publication, et vous pouvez également filtrer certaines publications. Vous pouvez également créer des modèles afin que le plugin corresponde parfaitement à votre thème.

En plus de toutes ces fonctionnalités, il existe des modules complémentaires qui étendent davantage les fonctionnalités. Préchargez les messages, remplacez le chargement paresseux par des pages ou modifiez l'apparence et la mise en page du plugin !

Bien qu'Ajax Load More puisse être personnalisé et modifié de manière approfondie par des utilisateurs avancés, sa configuration est relativement simple. Utilisez simplement le Shortcode Builder pour créer votre shortcode personnalisé et ajoutez-le à votre site soit directement via l'éditeur de contenu, soit en le plaçant dans vos fichiers de modèle. Et c'est tout ce que vous devez faire !

Charger plus de produits pour WooCommerce

Si vous utilisez le commerce électronique, ce type spécialisé de bouton de chargement supplémentaire utilise un codage Ajax similaire pour charger des produits infinis. Il est compatible avec plusieurs plugins WooCommerce. La version gratuite vous donne accès à un défilement infini avec un bouton et quelques fonctionnalités de personnalisation de base. Le plugin payant a plusieurs options de chargement paresseux avec des animations, une personnalisation des boutons et un chargement différent pour les appareils mobiles.

Chargement simple Plus

Si vous avez juste besoin de quelque chose de simple et facilement activé, Simple Load More fera le travail. Il s'active automatiquement sur votre page d'accueil, donc si c'est tout ce dont vous avez besoin, vous pouvez simplement l'installer, le configurer et en finir avec.

Si vous en avez besoin sur d'autres pages, faites simplement une configuration simple et ajoutez la fonction "simple_more_button()" ou le shortcode "[load_more button_text="ABC"]" aux fichiers de modèle de la page sur laquelle vous voulez le bouton.

Charger plus n'importe quoi

Si vous voulez essayer un simple plugin jQuery load more, consultez celui-ci. Charger plus Tout fonctionne n'importe où, sur n'importe quelle page, pour n'importe quel contenu. Messages, commentaires, produits, images - n'importe quoi et n'importe où.

Vous aurez besoin d'un peu de connaissances techniques pour cela. Bien que vous n'ayez pas besoin de jouer avec les fichiers de thème, vous devrez trouver la balise "div" qui se rapporte à l'endroit où vous voulez que le bouton s'affiche et d'où il extraira le contenu. Le moyen le plus simple consiste à utiliser "Inspecter l'élément" à l'endroit où vous souhaitez placer le bouton et à essayer de trouver les balises div, class ou apart correctes. Si vous n'êtes pas un développeur Web ou si vous ne savez pas comment naviguer dans Inspect Element, vous pouvez ignorer celui-ci.

Engagez facilement les lecteurs avec Load More

Ce n'était pas si difficile, n'est-ce pas ? Le défilement infini est un excellent moyen de donner aux visiteurs un accès facile à plus de contenu, sans avoir à charger plusieurs pages ou à parcourir des liens de navigation. C'est simple et élimine toute confusion possible. Si vous n'avez pas encore de bouton Charger plus sur votre site Web, qu'attendez-vous ?

Si ce guide vous a aidé, pourquoi ne pas consulter notre Facebook et Twitter pour plus de conseils et de tutoriels WordPress ? Et s'il y a des tutoriels WordPress que vous souhaitez voir de notre part, faites-le nous savoir dans les commentaires ci-dessous.