Hlaðið nýjustu færslunum eftir flokkum með WordPress valmyndinni með því að nota jQuery álag

jquery

Ef þú hefur heimsótt nokkur af stærri bloggunum sem eru til staðar Mashable, þú gætir tekið eftir því að þeir eru með mjög gott valmyndakerfi sem fellur niður og veitir þér sýnileika í nýjustu bloggfærslurnar úr hverjum flokki. Til að tryggja að síðan taki ekki að eilífu hlaða þau því efni með Ajax ... og hlaða því aðeins aftur eftir að síðan er fullhlaðin.

WordPress Ajax undirvalmynd

Við vildum gera það sama hér á Martech Zone. Til að veita smá innsýn í þá flokka sem við höfum, langaði mig að sýna nokkrar færslur innan hvers. Við erum vel kunnug WordPress, WordPress API og jQuery en það var ekki fyrr en ég fann grein um Sæki innlegg eftir flokkum með jQuery að við hefðum fína lausn.

ATH: Einn þáttur í aðferð þeirra sem ég trúi ekki að sé góð lausn er að koma öllum query_post strengnum í gegnum JavaScript ... mér sýnist þú vera að opna þig fyrir tölvusnápur! Ég hef breytt handritinu fyrir þessa síðu þannig að ég sendi aðeins þær breytur sem nauðsynlegar eru innan skipunar query_posts.

Kennslan leiðbeinir notandanum með því að búa til sniðmát til að virkja innfærslurnar á virkan hátt og síðan hvernig á að byggja upp tengla sem geta hafið beiðnina. Það hefði verið auðvelt ef við vildum búa aðeins til nokkrar krækjur, en við vildum í raun nota WordPress innbyggða siglingarvalmynd. Því miður fyrir okkur hafa valmyndartenglar WordPress myndað tölur þegar þú bætir við og fjarlægir valmyndaratriði ... en þeir hafa í raun engar upplýsingar um flokkinn sem þú vilt draga og senda í Ajax símtalinu þínu.

Til að merkja hlutina í valmyndarlistanum rétt, tókum við inn kóðann frá WPreso, Bæta við síðu / færslu slug bekknum við valmyndaratriðin.

Aðeins eitt vandamál ... það virkar fyrir síðuna eða færsluna, en virkaði ekki í raun fyrir Flokkinn! Svo við uppfærðum beiðnina um snigilinn með:

$ slug = get_cat_slug ($ id);

Og bætti við aðgerðinni frá WPRecipes, WordPress bragð: Fáðu flokkasniglu með því að nota flokkauðkenni, til að draga flokkinn aftur í gagnaeiginleika í flettivalmyndinni.

Svo ... þökk sé samstarfsátaki 3 WordPress vefsíðna og fínstillingu af jQuery sérfræðingnum okkar á DK New Media, Stephen Coley (til að slétta matseðilinn) höfum við mjög gott undirvalskerfi!

Öll vinna var unnin innan þemaskrár okkar. Við hlóðum siglingavalmyndasíunum í functions.php, bættum undirvalmyndinni div við haus.php skrá þemans, bætti við undirvalmyndarsniðmát við þá og hlóðum JavaScript undirvalmyndaskrá í hausinn okkar - með því að tryggja að jQuery sé þegar hlaðið í þemað okkar einnig. Vona að þú þakkir vinnuna, þetta var skemmtileg uppfærsla á síðunni!

8 Comments

  1. 1

    Sýnir þú eða selur þennan kóða einhvers staðar? Ég hef verið að reyna að láta það ganga en ég get ekki fundið út hvernig á að setja inn í wp_nav_menu með göngugrind ...

  2. 6
  3. 8

Hvað finnst þér?

Þessi síða notar Akismet til að draga úr ruslpósti. Lærðu hvernig ummæli þín eru unnin.