Загрузіце апошнія паведамленні па катэгорыях праз меню 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 па адрасе Highbridge, Стывен Колі (для згладжвання меню) у нас вельмі добрая сістэма падменю!

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

8 Каментары

  1. 1

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

  2. 6
  3. 8

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

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