Cómo navegar a la publicación adyacente siguiente, anterior con jQuery y las teclas de flecha

¿Estás buscando una forma de navegar a la siguiente publicación adyacente, anterior con jQuery y las teclas de flecha? Si bien probablemente haya un plugin para esto, hemos creado un fragmento de código rápido que puedes usar para navegar a la siguiente publicación adyacente, anterior con jQuery y las teclas de flecha.

Si estás usando enlaces relacionales de publicaciones adyacentes en el encabezado de tu tema de WordPress, agrega este pequeño fragmento de jQuery. Permitirá a las personas navegar a la siguiente publicación adyacente, anterior con las teclas de flecha izquierda y derecha.

Instrucciones:

Todo lo que tienes que hacer es agregar 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 agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo copiar / pegar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.

Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: los 23 mejores temas de WordPress para organizaciones sin fines de lucro y cómo iniciar un blog de WordPress.