Como navegar para a próxima postagem, a postagem anterior adjacente com jQuery e teclas de seta

Você está procurando uma maneira de navegar pela próxima postagem, pela postagem anterior adjacente com jQuery e teclas de seta? Embora provavelmente exista um plug-in para isso, criamos um trecho de código rápido que você pode usar para navegar pela postagem adjacente seguinte e anterior com jQuery e teclas de seta.

Se estiver usando links relacionais de postagens adjacentes no cabeçalho do seu tema do WordPress, adicione esse pequeno trecho de jQuery. Ele permitirá que as pessoas naveguem pela próxima postagem adjacente e pela anterior com as teclas de seta para a esquerda e para a direita.

Instruções:

Tudo o que você precisa fazer é adicionar esse código ao arquivo header.php do seu 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');
		}
	});

Observação: Se esta é a primeira vez que você adiciona trechos de código no WordPress, consulte nosso guia sobre como copiar/colar corretamente trechos de código no WordPress, para não danificar acidentalmente seu site.

Se você gostou desse snippet de código, considere dar uma olhada em nossos outros artigos no site, como: 23 melhores temas WordPress para organizações sem fins lucrativos e como iniciar um blog WordPress.