Ako ste posjetili neke od većih blogova, poput Mashable, mogli biste primijetiti da imaju vrlo lijep sustav izbornika koji se spušta i pruža vam uvid u najnovije postove na blogovima 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 učitavaju tek nakon što se stranica u potpunosti učita.
Htjeli smo to učiniti i ovdje Martech Zone. Kako bih pružio uvid u kategorije koje imamo, želio sam prikazati neke postove unutar svake. 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 unutar naredbe 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 poveznice, ali zapravo smo željeli koristiti WordPress ugrađeni navigacijski izbornik. Na našu nesreću, veze na izborniku WordPressa 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 popisa izbornika, ugradili smo kod iz WPreso-a, Dodajte klasu stranice / posta slug u klase stavki izbornika.
Samo jedan problem ... radi za stranicu ili post, ali zapravo nije radio za kategoriju! Stoga smo zahtjev za puž ažurirali s:
$ puž = 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 izborniku.
Dakle ... zahvaljujući zajedničkim naporima 3 WordPress web mjesta i nekim finim podešavanjima od strane našeg jQuery gurua na Highbridge, Stephen Coley (za izravnavanje izbornika) imamo vrlo lijep sustav podizbornika!
Sav posao obavljen je u okviru naših datoteka s temama. Učitali smo filtre navigacijskog izbornika u functions.php, dodali div podizbornika u datoteku header.php naše teme, dodali im predložak podizbornika i učitali JavaScript datoteku podizbornika u naše zaglavlje - osiguravajući da je jQuery već učitan u našoj temi također. Nadam se da cijenite rad, ovo je zabavno ažuriranje stranice!
Da li negdje pokazujete ili prodajete ovaj kod? Pokušavao sam to učiniti da radi, ali ne mogu shvatiti kako se ubaciti u wp_nav_menu pomoću hodalice…
@facebook-526543707:disqus Povezao sam se s kodom koji sam koristio. Što pokušavate izmijeniti?
Hvala na odgovoru :). Pa dobro radi za moju prvu kategoriju, ali samo za ovu, čini se da ne mogu saznati kako ponoviti postupak za svaku potkategoriju (razina 2 mog izbornika) i zaustaviti je da radi na razini 1 od moj jelovnik :/
Način na koji sam to učinio bilo je dodavanje elementa podataka u stavku popisa izbornika i zatim dodavanje tog elementa upitu.
Hvala, to sam previdio, sada radi 🙂
ne mogu pronaći nikakav kod za korištenje
🙁
prvi link ne radi
Ažurirao sam vezu na noviji primjer – javite mi ako to radi.
Bok tamo! Upravo to tražim novi projekt. Ima li šanse za dijeljenje koda?