Como Navegar Posts Adjacentes Seguinte, Anterior com jQuery e Teclas de Seta

Você está procurando uma maneira de navegar posts adjacentes seguinte, anterior com jQuery e teclas de seta? Embora provavelmente exista um plugin para isso, criamos um snippet de código rápido que você pode usar para navegar posts adjacentes seguinte, anterior com jQuery e teclas de seta.

Se você estiver usando links relacionais de posts adjacentes no cabeçalho do seu tema WordPress, adicione este pequeno trecho de jQuery. Ele permitirá que as pessoas naveguem posts adjacentes seguinte, anterior com as teclas de seta esquerda e direita.

Instruções:

Tudo o que você precisa fazer é adicionar este 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 trechos de código corretamente no WordPress, para não quebrar acidentalmente seu site.

Se você gostou deste trecho de código, considere conferir nossos outros artigos no site, como: 23 melhores temas WordPress para organizações sem fins lucrativos e como iniciar um blog WordPress.