Comment naviguer vers l'article suivant, précédent adjacent avec jQuery et les touches fléchées

Cherchez-vous un moyen de naviguer vers l'article suivant, précédent adjacent 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 vers l'article suivant, précédent adjacent 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 utilisateurs de naviguer vers l'article suivant, précédent adjacent 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');
		}
	});

Remarque : Si c'est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur la manière de 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, veuillez consulter nos autres articles sur le site tels que : 23 meilleurs thèmes WordPress pour les organisations à but non lucratif et comment créer un blog WordPress.