Заредете последните публикации по категории чрез 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 в DK New Media, Стивън Коли (за изглаждане на менюто), имаме много хубава система от подменю!

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

8 Коментари

  1. 1

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

  2. 6
  3. 8

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

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