Заредете последните публикации по категории чрез WordPress Menu, използвайки jQuery load

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: Вземете категория плужек, като използвате идентификатор на категория, за да издърпате плъзгащата категория в атрибут за данни в менюто за навигация.

И така ... благодарение на съвместните усилия на 3 сайта на WordPress и някои прецизни настройки от нашия гуру jQuery в Highbridge, Стивън Коли (за изглаждане на менюто), имаме много хубава система от подменю!

Цялата работа беше извършена в нашите файлове с теми. Заредихме филтрите на менюто за навигация във functions.php, добавихме подменю div към файла header.php на нашата тема, добавихме към него шаблон на подменю и заредихме JavaScript файл на подменю в заглавката ни - гарантирайки, че jQuery вече е зареден в нашата тема също така. Надявам се да оцените работата, беше забавна актуализация на сайта!

8 Коментари

  1. 1

    Показвате ли или продавате ли този код някъде? Опитвам се да го накарам да работи, но не мога да разбера как да вляза в wp_nav_menu с проходилка ...

  2. 6
  3. 8

Какво мислите?

Този сайт използва Akismet за намаляване на спама. Научете как се обработват данните за коментарите ви.