I-load ang Pinakabagong Mga Post ayon sa Kategoryo sa pamamagitan ng Menu ng WordPress gamit ang pag-load ng jQuery

jquery

Kung nabisita mo ang ilan sa mas malalaking mga blog doon Mashable, maaari mong mapansin na mayroon silang isang napakagandang sistema ng menu na bumaba at nagbibigay sa iyo ng kakayahang makita sa pinakabagong mga post sa blog mula sa bawat kategorya. Upang matiyak na ang pahina ay hindi magtatagal upang mai-load, nai-load nila ang nilalamang gumagamit ng Ajax ... at i-preload lamang ito matapos na ganap na ma-load ang pahina.

WordPress Ajax Submenu

Nais naming gawin ang pareho dito sa Martech Zone. Upang magbigay ng ilang pananaw sa mga kategorya na mayroon kami, nais kong magpakita ng ilang mga post sa loob ng bawat isa. Kami ay bihasa sa WordPress, ang WordPress API at jQuery ngunit hindi ko nahanap ang isang artikulo sa Kinukuha ang Mga Post ayon sa Kategoryang gumagamit ng jQuery na mayroon kaming magandang solusyon.

TANDAAN: Ang isang aspeto ng kanilang pamamaraan na sa tingin ko ay isang mahusay na solusyon ay ang pagpasa sa buong string ng query_post sa pamamagitan ng JavaScript ... tila sa akin binubuksan mo ang iyong sarili para sa isang pag-hack! Binago ko ang script para sa site na ito upang maipasa ko lamang ang mga parameter na kinakailangan sa loob ng utos ng query_posts.

Ang mga hakbang sa tutorial sa gumagamit sa pamamagitan ng paglikha ng isang template upang pabagu-bago hilahin ang mga post, at pagkatapos kung paano bumuo ng mga link na maaaring simulan ang kahilingan. Madali sana kung nais naming gumawa lamang ng ilang mga link, ngunit talagang nais naming magamit ang built-in na menu ng pag-navigate sa WordPress. Sa kasamaang palad para sa amin, ang mga link sa menu ng WordPress ay nakabuo ng mga numero sa pagdaragdag at pag-alis ng mga item sa menu ... ngunit wala talaga silang impormasyon sa kategoryang nais mong hilahin at ipasa sa iyong Ajax call.

Upang markahan nang maayos ang mga item sa listahan ng menu, isinama namin ang code mula sa WPreso, Magdagdag ng pahina / mag-post ng slug class sa mga menu ng item sa menu.

Isang problema lamang ... gumagana ito para sa pahina o post, ngunit hindi talaga gumana para sa Kategoryang! Kaya't na-update namin ang kahilingan para sa slug sa:

$ slug = get_cat_slug ($ id);

At idinagdag ang pagpapaandar mula sa WPRecipe, Trick ng WordPress: Kumuha ng slug ng kategorya gamit ang kategorya ID, upang ibalik ang kategorya ng slug sa isang katangian ng data sa menu ng pag-navigate.

Kaya ... salamat sa pagtutulungan ng 3 mga site ng WordPress at ilang pagsasaayos ng aming jQuery guru sa DK New Media, Stephen Coley (para sa pagpapakinis ng menu), mayroon kaming napakagandang submenu system!

Ang lahat ng gawain ay nagawa sa loob ng aming mga file ng tema. Na-load namin ang mga filter ng menu ng nabigasyon sa mga function.php, idinagdag ang submenu div sa header.php file ng aming tema, nagdagdag ng isang template ng submenu sa aming mga ito, at naglo-load ng isang submenu JavaScript file sa aming header - tinitiyak na na-load na ang jQuery sa aming tema din. Inaasahan kong pinahahalagahan mo ang trabaho, ito ay isang nakakatuwang pag-update sa site!

8 Comments

  1. 1

    Ipinapakita mo ba o ibinebenta ang code na ito sa kung saan? Sinusubukan kong gawin itong gumagana ngunit hindi ko malaman kung paano ilagay sa wp_nav_menu kasama ang isang panlakad ...

  2. 6
  3. 8

Ano sa tingin ninyo?

Ang site na ito ay gumagamit ng Akismet upang mabawasan ang spam. Alamin kung paano naproseso ang data ng iyong komento.