Come navigare il post adiacente successivo, precedente con jQuery e i tasti freccia

Stai cercando un modo per navigare il post adiacente successivo, precedente con jQuery e i tasti freccia? Sebbene probabilmente esista un plugin per questo, abbiamo creato un rapido snippet di codice che puoi utilizzare per navigare il post adiacente successivo, precedente con jQuery e i tasti freccia.

Se stai utilizzando collegamenti relazionali di post adiacenti nell'intestazione del tuo tema WordPress, aggiungi questo piccolo pezzo di jQuery. Permetterà alle persone di navigare il post adiacente successivo, precedente con i tasti freccia sinistra e destra.

Istruzioni:

Tutto quello che devi fare è aggiungere questo codice al file header.php del tuo 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: Se questa è la prima volta che aggiungi snippet di codice in WordPress, consulta la nostra guida su come copiare / incollare correttamente snippet di codice in WordPress, in modo da non rompere accidentalmente il tuo sito.

Se ti è piaciuto questo snippet di codice, prendi in considerazione la possibilità di consultare i nostri altri articoli sul sito come: 23 migliori temi WordPress per organizzazioni no-profit e come avviare un blog WordPress.