Comment naviguer dans le message adjacent suivant ou précédent avec jQuery et les touches fléchées

Vous cherchez un moyen de naviguer dans les articles adjacents suivants et précédents avec jQuery et les touches fléchées ? Bien qu’il existe probablement un plugin pour cela, nous avons créé un extrait de code rapide que vous pouvez utiliser pour naviguer dans les articles adjacents suivants et précédents avec jQuery et les touches fléchées.

Si vous utilisez des liens relationnels d’articles adjacents dans l’en-tête de votre thème WordPress, ajoutez ce petit bout de jQuery. Il permettra aux gens de naviguer dans l’article adjacent suivant ou précédent avec les touches fléchées gauche et droite.

Instructions:

Tout ce que vous avez à faire est d’ajouter ce code au fichier header.php de votre thème :

	$(document).keydown(function(e){
		if (e.which == 37) { // left arrow
		   if(!prev) return false;
			window.location.href = $('link[rel=prev]').attr('href');
		}
		if (e.which == 39) { // right arrow
		   if(!next) return false;
			window.location.href = $('link[rel=next]').attr('href');
		}
	});

Note : Si c’est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez vous référer à notre guide sur comment copier/coller correctement des extraits de code dans WordPress, afin de ne pas casser accidentellement votre site.

Si vous avez aimé cet extrait de code, n’hésitez pas à consulter nos autres articles sur le site comme : 23 meilleurs thèmes WordPress pour les organisations à but non lucratif et comment démarrer un blog WordPress.