Učitajte najnovije poruke po kategorijama putem WordPress menija pomoću jQuery load

jQuery

Ako ste posjetili neke od većih blogova, poput Mashable, mogli biste primijetiti da imaju vrlo lijep sistem menija koji pada i pruža vam uvid u najnovije postove na blogu iz svake kategorije. Da bi se osiguralo da se stranici ne traje vječno učitavanje, oni taj sadržaj učitavaju pomoću Ajaxa ... i prethodno ga učitavaju tek nakon što se stranica potpuno učita.

WordPress Ajax podmeni

Željeli smo da učinimo isto ovdje Martech Zone. Kako bih pružio uvid u kategorije koje imamo, želio sam prikazati neke postove u svakoj od njih. Dobro smo upućeni u WordPress, WordPress API i jQuery, ali tek kad sam pronašao članak o Dohvaćanje postova po kategorijama pomoću jQueryja da smo imali lijepo rješenje.

NAPOMENA: Jedan aspekt njihove metode za koji ne vjerujem da je dobro rješenje je prosljeđivanje cijelog niza query_post putem JavaScript-a ... čini mi se da se otvarate za hakiranje! Izmijenio sam skriptu za ovu stranicu tako da prenosim samo potrebne parametre u naredbi query_posts.

Vodič koraka korisnika kroz stvaranje predloška za dinamičko uvlačenje postova, a zatim kako napraviti veze koje mogu pokrenuti zahtjev. Bilo bi lako da smo htjeli napraviti samo neke veze, ali zapravo smo htjeli koristiti WordPress ugrađeni navigacijski meni. Na našu nesreću, veze na WordPressovom meniju generirale su brojeve dok dodajete i uklanjate stavke izbornika ... ali zapravo nemaju nikakve informacije o kategoriji koju želite povući i proslijediti u svom pozivu Ajaxa.

Da bismo pravilno označili stavke liste menija, ugradili smo kod iz WPreso, Dodajte klasu stranice / posta puž klase stavki u meniju.

Samo jedan problem ... radi za stranicu ili post, ali zapravo nije radio za kategoriju! Tako smo zahtjev za puž ažurirali sa:

$ slug = get_cat_slug ($ id);

I dodao funkciju iz WPRecipes, WordPress trik: Dohvatite puž kategorije koristeći ID kategorije, za povlačenje puža kategorije u atribut podataka u navigacijskom meniju.

Dakle ... zahvaljujući zajedničkim naporima 3 WordPress web stranice i nekim finim podešavanjima od strane našeg jQuery gurua na DK New Media, Stephen Coley (za izravnavanje menija), imamo vrlo lijep sistem podmenija!

Sav posao obavljen je u okviru naših datoteka s temama. Učitali smo filtere navigacijskog menija u functions.php, dodali div podmenija u datoteku header.php naše teme, dodali predložak podmenija u njih i učitali JavaScript datoteku podmenija u naše zaglavlje - osiguravajući da je jQuery već učitan u našoj temi takođe. Nadam se da cijenite rad, ovo je bilo zabavno ažuriranje stranice!

8 Komentari

  1. 1
  2. 6
  3. 8

Šta ti misliš?

Ova stranica koristi Akismet kako bi smanjila neželjenu poštu. Saznajte kako se podaci vašeg komentara obrađuju.