Cómo navegar por la entrada adyacente siguiente o anterior con jQuery y las teclas de flecha

¿Buscas una forma de navegar por la entrada adyacente siguiente o anterior con jQuery y las teclas de flecha? Si bien es probable que haya un plugin para esto, hemos creado un fragmento de código rápido que se puede utilizar para navegar siguiente, anterior post adyacente con jQuery y las teclas de flecha.

Si estás usando enlaces relacionales a entradas adyacentes en la cabecera de tu tema de WordPress, añade este pequeño fragmento de jQuery. Permitirá a la gente navegar por la siguiente y anterior entrada adyacente con las flechas izquierda y derecha.

Instrucciones:

Todo lo que tienes que hacer es añadir este código al archivo header.php de tu tema:

	$(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');
		}
	});

Nota: Si es la primera vez que añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo copiar / pegar correctamente fragmentos de código en WordPress, para no romper accidentalmente su sitio.

Si te ha gustado este fragmento de código, por favor considere revisar nuestros otros artículos en el sitio como: 23 mejores temas de WordPress para organizaciones sin fines de lucro y cómo iniciar un blog de WordPress.