Voulez-vous créer le bouton “charger plus de messages” dans WordPress ? Le bouton “charger plus d’articles” est un ajout populaire sur de nombreux sites web WordPress. Les visiteurs changent constamment de site web et il est devenu de plus en plus difficile de les garder sur votre site. En général, les visiteurs ne peuvent plus revenir à la fin du blog ou de l’article en cours.
Cependant, au lieu d’être fait, dans ce cas, ils verront le bouton “charger plus de messages”. Ce bouton affichera un autre article ou blog que vos visiteurs pourront lire. Tout cela se fait sans qu’ils n’aient jamais à charger une autre page. Aujourd’hui, je vais vous montrer comment créer le bouton “charger plus d’articles” dans WordPress en utilisant le plugin Ajax Load More.
Pourquoi mettre en place un bouton “Charger plus de messages” dans WordPress
Il n’est pas facile de faire en sorte que les visiteurs lisent plusieurs contenus. C’est pourquoi il est impératif de faciliter au maximum le passage d’un article à l’autre. Le bouton “Charger plus d’articles” fait exactement cela et ne nécessite pas le chargement d’une nouvelle page. Le bouton “charger plus d’articles” fonctionne de la même manière qu’une page à défilement infini. Gardez à l’esprit que cette fonction ne profite pas uniquement aux sites web dont le contenu est écrit.
En fait, elle est encore meilleure sur les sites web qui traitent exclusivement d’images, de photos, de GIF, de mèmes, etc. Cela signifie essentiellement que vous pourrez afficher tout votre contenu sur une seule page. La plupart de ces sites regroupent tout leur contenu par catégories et l’affichent sur une seule page. Beaucoup de gens aiment regarder des photos et les publier sur leurs comptes de médias sociaux.
Comment créer le bouton “Charger plus de messages” dans WordPress
Aujourd’hui, je vais vous montrer comment créer le bouton “Load More posts” dans WordPress en utilisant le plugin Ajax Load More. Ce plugin est spécialisé dans l’ajout de fonctions de défilement infinies à votre site web. Par défaut, ce plugin ne s’intègre pas à votre thème. La correction de ce problème nécessitera un peu de codage pour le faire correspondre. Vous aurez besoin d’un accès à votre cPanel. Les informations de connexion vous sont fournies par votre hébergeur lorsque vous créez un compte.
Commencez par cliquer sur Plugins et sélectionnez l’option Add New dans le panneau d’administration de gauche.
Recherchez Ajax Load More dans la zone de recherche disponible. Vous obtiendrez ainsi des plugins supplémentaires qui pourraient vous être utiles.
Faites défiler vers le bas jusqu’à ce que vous trouviez le plugin WordPress Infinite Scroll – Ajax Load More et cliquez sur le bouton “Installer maintenant” et activez le plugin pour l’utiliser.
Dans le panneau d’administration de gauche, cliquez sur Ajax Load More et sélectionnez l’option Paramètres. La page principale des paramètres s’affichera.
La page des paramètres est très personnalisable. La première chose à changer est la couleur du bouton. Choisissez une couleur qui s’harmonise avec votre thème. Il existe également une option appelée Infinite Scroll (No Button), qui affiche automatiquement plus de contenu lorsqu’un visiteur lit la fin de la page. C’est peut-être mieux que le bouton lui-même, mais c’est différent pour chaque site web.
Cliquez sur l’option Modèle de répétiteur. Cela déterminera la boucle de contenu spécifique qui sera affichée. Malheureusement, elle ne correspond pas à votre thème, mais elle peut être corrigée. Vous devez trouver le code que votre thème actuel utilise pour afficher les messages et les blogs sur votre site web.
Pour ce faire, vous devez vous connecter à votre cPanel. Commencez par vous connecter au cPanel et cliquez sur l’option Gestionnaire de fichiers. Le gestionnaire de fichiers vous permettra d’accéder à tous les fichiers liés à votre site web.
Vous devez localiser le fichier content.php de votre thème. Chaque thème WordPress stocke ses informations différemment. Si vous ne voyez pas le code correct dans ce fichier, vérifiez les autres fichiers situés dans le dossier template-parts.
Cliquez sur le répertoire public_html, puis sur le dossier wp-content. À l’intérieur de ce dossier, vous trouverez tout le contenu lié à votre site web. Cliquez sur le dossier themes et entrez dans le dossier du thème que vous utilisez actuellement. Entrez dans le dossier template-parts et cliquez avec le bouton droit de la souris sur le fichier content.php et sélectionnez l’option Edit.
Une fenêtre pop-up apparaîtra. Cette fenêtre vous avertira de créer une sauvegarde de vos fichiers avant de les modifier. Cela vous permettra de revenir à l’état de fonctionnement de votre site web si quelque chose ne va pas. Cliquez sur le bouton “Modifier”. Un nouvel onglet s’ouvrira contenant tout le code du fichier.
Le code que je vais afficher ici correspond à un site web vide. Pour les sites web qui ont plus de contenu, vous utiliserez un code similaire, mais il y aura globalement plus de code :
article id=””post-?php” the_id();=”” ?=””” !–?php post_class() ; ?–
p
!–?php poseidon_post_image_archives() ; ?–
header class=””entry-header””
p
!–?php the_title( sprintf( ‘h1 class=”entry-title”–a href=””%s”” rel=””bookmark””‘, esc_url( get_permalink() ) ), ‘/a’ ) ; ?
!–?php poseidon_entry_meta() ; ?–
/header!— .entry-header —
p
div class=””entry-content” clearfix”=””
p
!–?php the_content( esc_html__( ‘Read more’, ‘poseidon’ ) ) ; ?–
/div!— .entry-content —
p
/article
p
Copiez ce code et collez-le dans la section Modèles de répéteurs de plugins Ajax. Cliquez sur le bouton “Save Template”.
Il suffit maintenant de générer le raccourci pour afficher le bouton. Cliquez sur l’option Générateur de raccourcis. Faites défiler vers le bas jusqu’à la section “Button Labels” et renommez le bouton en “Load More Posts” ou quelque chose de similaire. Faites défiler vers le bas jusqu’à la section “Défilement” et choisissez de charger les pages pendant que l’utilisateur fait défiler une page. Enfin, allez dans les sections Pause et sélectionnez l’option “Faux”. Cela permettra de s’assurer qu’aucun autre message ne sera chargé avant que le visiteur ne clique sur le bouton. Cliquez sur le bouton “Copier le code”.
L’étape finale consiste à insérer le shortcode dans votre thème. L’endroit où vous l’insérez dépend du thème. Dans la plupart des cas, l’emplacement correct se trouve dans index.php, archives.php, categories.php, ou d’autres fichiers de cette zone. Chaque thème est unique et organisé différemment, il est donc difficile de déterminer l’emplacement exact du fichier pour chaque thème.
Insérez le code suivant après la fin de la période ; marquez-le dans le fichier approprié :
echo do_shortcode(‘Insérer un code court ici’)’ 😉
Veillez à remplacer le “Insérer le code ici” par le code que vous avez copié précédemment.
Félicitations, vous avez réussi à ajouter le bouton “charger plus de messages” à votre site WordPress. Vous pouvez modifier les paramètres à tout moment, mais assurez-vous de mettre à jour le shortcode si cela change.
p
!–?php the_content( esc_html__( ‘Read more’, ‘poseidon’ ) ) ; ?–