Nächsten, vorherigen benachbarten Beitrag mit jQuery und Pfeiltasten navigieren

Suchen Sie nach einer Möglichkeit, mit jQuery und den Pfeiltasten zum nächsten, vorherigen benachbarten Beitrag zu navigieren? Obwohl es wahrscheinlich ein Plugin dafür gibt, haben wir einen schnellen Code-Schnipsel erstellt, den Sie verwenden können, um mit jQuery und den Pfeiltasten zum nächsten, vorherigen benachbarten Beitrag zu navigieren.

Wenn Sie relationale Links für benachbarte Beiträge im Kopfbereich Ihres WordPress-Themes verwenden, fügen Sie dieses kleine jQuery-Stück hinzu. Es ermöglicht den Benutzern, mit den linken und rechten Pfeiltasten zum nächsten, vorherigen benachbarten Beitrag zu navigieren.

Anweisungen:

Alles, was Sie tun müssen, ist diesen Code hinzufügen zur header.php-Datei Ihres Themes:

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

Hinweis: Wenn Sie zum ersten Mal Code-Schnipsel in WordPress hinzuf ilde{A}gen, lesen Sie bitte unseren Leitfaden, wie Sie Code-Schnipsel richtig in WordPress kopieren / einf ilde{A}gen, damit Sie Ihre Website nicht versehentlich besch ilde{A}digen.

Wenn Ihnen dieser Code-Schnipsel gefallen hat, ziehen Sie bitte in Betracht, unsere anderen Artikel auf der Website zu lesen, wie zum Beispiel: 23 beste WordPress-Themes für Non-Profits und wie man einen WordPress-Blog startet.