Загрузите последние сообщения по категориям через меню 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: получить ярлык категории, используя идентификатор категории, чтобы вернуть ярлык категории в атрибут данных в меню навигации.

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

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

8 комментариев

  1. 1
  2. 6
  3. 8

Как вы думаете?

Этот сайт использует Akismet для уменьшения количества спама. Узнайте, как обрабатываются ваши данные комментариев.