Cum să navighezi la postarea adiacentă următoare, anterioară cu jQuery și tastele săgeți

Căutați o modalitate de a naviga la postarea adiacentă următoare, anterioară cu jQuery și tastele săgeți? Deși probabil există un plugin pentru asta, am creat un fragment de cod rapid pe care îl puteți utiliza pentru a naviga la postarea adiacentă următoare, anterioară cu jQuery și tastele săgeți.

Dacă utilizați linkuri relaționale la postările adiacente în antetul temei dvs. WordPress, adăugați această mică bucată de jQuery. Va permite oamenilor să navigheze la postarea adiacentă următoare, anterioară cu tastele săgeți stânga și dreapta.

Instrucțiuni:

Tot ce trebuie să faci este să aduci acest cod în fișierul header.php al temei tale:

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

Notă: Dacă este prima dată când adăugați secvențe de cod în WordPress, consultați ghidul nostru despre cum să copiați / lipiți corect secvențe de cod în WordPress, pentru a nu vă defecta accidental site-ul.

Dacă ți-a plăcut acest fragment de cod, te rugăm să iei în considerare și alte articole de pe site, cum ar fi: cele mai bune 23 de teme WordPress pentru organizații non-profit și cum să începi un blog WordPress.