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

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

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

8 Коментарі

  1. 1
  2. 6
  3. 8

Що ви думаєте?

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.