Töltse be a legfrissebb bejegyzéseket kategóriák szerint a WordPress menü segítségével a jQuery betöltésével

jquery

Ha meglátogatott néhány nagyobb blogot, mint például Mashable, észreveheti, hogy nagyon szép menürendszerük van, amely legördül, és láthatóságot nyújt az egyes kategóriák legújabb blogbejegyzéseiben. Annak biztosítása érdekében, hogy az oldal betöltése ne teljen el örökké, az Ajax használatával töltik be a tartalmat, és csak az oldal teljes betöltése után töltik be azt.

WordPress Ajax almenü

Itt is ugyanezt szerettük volna tenni Martech Zone. Hogy némi betekintést nyújtsak a rendelkezésünkre álló kategóriákba, szerettem volna mindegyikben néhány bejegyzést mutatni. Jól ismerjük a WordPress-t, a WordPress-t API és a jQuery, de csak addig találtam egy cikket Bejegyzések letöltése kategóriák szerint a jQuery használatával hogy szép megoldásunk volt.

MEGJEGYZÉS: A módszerem egyik aspektusa, amely nem hiszem, hogy jó megoldás, a teljes query_post karakterlánc átvitele JavaScript-en keresztül ... számomra úgy tűnik, hogy megnyitja magát egy hackelés előtt! Úgy módosítottam a webhely szkriptjét, hogy csak a query_posts parancsban szükséges paramétereket adjam át.

Az oktatóanyag a felhasználót egy sablon létrehozásával állítja be a bejegyzések dinamikus behúzása érdekében, majd hogyan készíthet linkeket, amelyek elindíthatják a kérést. Könnyű lett volna, ha csak linkeket akarunk létrehozni, de valójában a WordPress 'beépített navigációs menüben akartuk használni. Sajnos számunkra a WordPress menü linkjei számokat generáltak, amikor hozzáadsz és eltávolítasz egy menüpontot ... de valójában nincs információjuk arról a kategóriáról, amelyet át akarsz adni és átadni az Ajax hívásban.

A menülista megfelelő címkézése érdekében beépítettük a WPreso kódját, Adjon hozzá oldalt / poszt osztályt a menüelem osztályokhoz.

Csak egy probléma ... az oldal vagy a bejegyzés esetében működik, de valójában nem a Kategória esetében! Tehát frissítettük a csiga kérését:

$ slug = get_cat_slug ($ id);

És hozzáadta a WPRecipes függvényt, WordPress-trükk: Szerezzen kategóriacsúcsot a kategóriaazonosító használatával, hogy a kategóriacsúcsot visszahúzza egy adatattribútumba a navigációs menüben.

Tehát ... hála 3 WordPress webhely együttműködési erőfeszítéseinek és a jQuery guru általunk végzett finomhangolásnak DK New Media, Stephen Coley (a menü kiegyenlítéséhez) nagyon szép almenü rendszerünk van!

Az összes munkát a témájú fájljainkon belül hajtottuk végre. Betöltöttük a navigációs menü szűrőket a functions.php fájlba, hozzáadtuk a div almenüt a témánk header.php fájljához, hozzáadtunk egy almenü sablont, és betöltöttünk egy almenü JavaScript fájlt a fejlécünkbe - biztosítva, hogy a jQuery már be legyen töltve a témánkba is. Remélem, nagyra értékeli a munkát, szórakoztató frissítés volt az oldalon!

8 Comments

  1. 1
  2. 6
  3. 8

Mit gondolsz?

Ez az oldal Akismet-et használ a levélszemét csökkentése érdekében. Ismerje meg, hogyan dolgozik a megjegyzésed.