Laadige uusimad postitused kategooriate kaupa WordPressi menüü kaudu, kasutades jQuery koormust

jQuery

Kui olete mõnda suuremat ajaveebi külastanud Mashable, võite märgata, et neil on väga kena menüüsüsteem, mis langeb alla ja pakub teile nähtavust iga kategooria viimastest blogipostitustest. Veendumaks, et lehe laadimine ei kesta igavesti, laadivad nad selle sisu Ajaxi kasutades ... ja laadivad selle alles pärast lehe täielikku laadimist.

WordPressi Ajaxi alammenüü

Tahtsime sama teha ka siin Martech Zone. Et saada ülevaadet meie kategooriatest, tahtsin igas postituses kuvada mõned postitused. Oleme WordPressi, WordPressi, alal hästi kursis API ja jQuery, kuid alles siis, kui leidsin artikli Postituste toomine kategooriate kaupa jQuery abil et meil oli kena lahendus.

MÄRKUS. Nende meetodi üks aspekt, mis minu arvates pole hea lahendus, on kogu string_post_post edastamine JavaScripti kaudu ... mulle tundub, et avate end häkkimise jaoks! Ma muutsin selle saidi skripti nii, et edastan vajalikud parameetrid ainult käsus query_posts.

Juhendaja juhendab kasutajat malli loomisel postituste dünaamiliseks tõmbamiseks ja seejärel linkide loomiseks, mis võivad päringu algatada. Oleks olnud lihtne, kui oleksime tahtnud lihtsalt mõned lingid luua, kuid tegelikult oleksime tahtnud kasutada WordPressi sisseehitatud navigeerimismenüüd. Meie kahjuks on WordPressi menüülingid loonud numbreid, kui lisate ja eemaldate menüüelemente ... kuid neil pole tegelikult mingit teavet kategooria kohta, mille soovite oma Ajaxi kõnes tõmmata ja edastada.

Menüüloendi üksuste õigeks sildistamiseks lisasime WPreso koodi, Lisage menüüelementide klassidesse leht / postitus nälkjaklass.

Ainult üks probleem ... see töötab lehe või postituse jaoks, kuid kategoorias see tegelikult ei töötanud! Niisiis värskendasime nälkja taotlust järgmisega:

$ nälkjas = get_cat_slug ($ id);

Ja lisas funktsiooni WPRecipesilt, WordPressi trikk: hankige kategooria nälk kategooria ID abil, et tõmmata kategooria nälk tagasi navigeerimismenüüs andmete atribuuti.

Nii et ... tänu 3 WordPressi saidi koostööpüüdlustele ja meie jQuery guru mõnele täpsustamisele aadressil DK New Media, Stephen Coley (menüü silumiseks) on meil väga kena alammenüü süsteem!

Kogu töö sai tehtud meie teemafailides. Laadisime navigeerimismenüü filtrid funktsioonidesse.php, lisasime alammenüü div meie teema päise.php faili, lisasime neile alammenüü malli ja laadisime oma päisesse Java menüü JavaScripti faili - tagades, et jQuery on juba meie teemasse laaditud samuti. Loodetavasti hindate seda tööd, see oli saidi lõbus uuendus!

8 Kommentaarid

  1. 1
  2. 6
  3. 8

Mis sa arvad?

Sellel saidil kasutatakse rämpsposti vähendamiseks Akismetit. Vaadake, kuidas teie andmeid töödeldakse.