Загрузіце апошнія паведамленні па катэгорыях праз меню WordPress, выкарыстоўваючы загрузку jQuery

JQuery

Калі вы наведалі некаторыя вялікія блогі, падобныя Mashable, вы можаце заўважыць, што ў іх ёсць вельмі добрая сістэма меню, якая выпадае і забяспечвае бачнасць апошніх паведамленняў у блогу з кожнай катэгорыі. Каб старонка не загружалася вечна, яны загружаюць гэты кантэнт з дапамогай Ajax ... і папярэдне загружаюць яго толькі пасля поўнай загрузкі старонкі.

Падменю WordPress Ajax

Мы хацелі зрабіць тое ж самае тут Martech Zone. Каб даведацца пра катэгорыі, якія мы маем, я хацеў паказаць некалькі паведамленняў у кожнай з іх. Мы добра ведаем WordPress, WordPress API і jQuery, але толькі калі я знайшоў артыкул пра Атрыманне паведамленняў па катэгорыях з дапамогай jQuery што ў нас было добрае рашэнне.

УВАГА: Адзін аспект іх метаду, які я не лічу добрым рашэннем, - гэта перадача цэлага радка query_post праз JavaScript ... мне здаецца, вы адкрываеце сябе для ўзлому! Я змяніў сцэнарый для гэтага сайта, так што я перадаю толькі параметры, неабходныя ў камандзе query_posts.

Падручнік пераконвае карыстальніка праз стварэнне шаблону для дынамічнага ўцягвання паведамленняў, а затым, як стварыць спасылкі, якія могуць ініцыяваць запыт. Было б проста, калі б мы хацелі проста зрабіць некаторыя спасылкі, але на самой справе мы хацелі выкарыстаць убудаванае ў меню навігацыі WordPress. На жаль для нас, спасылкі на меню WordPress ствараюць нумары пры даданні і выдаленні элементаў меню ... але яны на самой справе не маюць інфармацыі пра катэгорыю, якую вы хочаце выцягнуць і перадаць падчас выкліку Ajax.

Каб правільна пазначыць элементы спісу меню, мы ўключылі код з WPreso, Дадайце клас класаў старонкі / паведамлення ў класы пунктаў меню.

Толькі адна праблема ... яна працуе для старонкі ці паведамлення, але на самой справе не працуе для катэгорыі! Такім чынам, мы абнавілі запыт на смаўжа наступным чынам:

$ slug = get_cat_slug ($ id);

І дадаў функцыю з WPRecipes, Хітрасць WordPress: атрымайце катэгорыю куля з выкарыстаннем ідэнтыфікатара катэгорыі, каб вярнуць катэгорыю "slug" у атрыбут дадзеных у меню навігацыі.

Такім чынам ... дзякуючы сумесным намаганням 3 сайтаў WordPress і ўдакладненню нашага гуру jQuery па адрасе DK New Media, Стывен Колі (для згладжвання меню) у нас вельмі добрая сістэма падменю!

Уся праца была выканана ў нашых тэматычных файлах. Мы загрузілі фільтры меню навігацыі ў functions.php, дадалі div падменю ў файл header.php нашай тэмы, дадалі ў іх шаблон падменю і загрузілі файл JavaScript падменю ў наш загаловак - гарантуючы, што jQuery ўжо загружаны ў нашу тэму таксама. Спадзяюся, вы ацанілі працу, гэта было цікавае абнаўленне сайта!

8 Каментары

  1. 1

    Вы дзе-небудзь паказваеце ці прадаеце гэты код? Я спрабаваў зрабіць так, каб атрымалася, але я не магу зразумець, як паставіць у wp_nav_menu хадункі ...

  2. 6
  3. 8

Што вы думаеце?

Гэты сайт выкарыстоўвае Akismet для барацьбы са спамам. Даведайцеся, як дадзеныя апрацоўваюцца каментар.