Вчитајте ги најновите објави по категорија преку менито WordPress користејќи оптеретување со jQuery

jquery

Ако сте посетиле некои од поголемите блогови таму, како што е Mashable, може да забележите дека тие имаат многу убав систем на мени што паѓа и ви обезбедува видливост во најновите објави на блогови од секоја категорија. За да се осигура дека страницата не трае засекогаш, тие ја вчитуваат таа содржина со користење на Ajax… и ја преоптоваруваат само откако страницата е целосно вчитана.

Подмени на WordPress Ajax

Ние сакавме да го сториме истото тука Martech Zone. За да ви дадам увид во категориите што ги имаме, сакав да покажам неколку објави во секоја од нив. Ние сме добро упатени во WordPress, WordPress API и jQuery, но сè додека не најдов статија за Преземање објави по категорија користејќи jQuery дека имавме убаво решение.

ЗАБЕЛЕШКА: Еден аспект од нивниот метод за кој не верувам дека е добро решение е да ја пренесете целата низа query_post преку JavaScript ... ми се чини дека се отворате себеси за хакерство! Ја изменив скриптата за оваа страница, така што ги пренесувам само параметрите потребни во командата query_posts.

Упатството го чекори корисникот преку креирање на образец за динамично повлекување на објавите и потоа како да изградите врски што можат да го иницираат барањето. Haveе беше лесно ако сакавме да направиме само некои врски, но всушност сакавме да го искористиме вграденото мени за навигација на WordPress. За жал за нас, врските со менито на WordPress генерираа броеви додека додавате и отстранувате ставки од менито… но тие всушност немаат никакви информации за категоријата што сакате да ја повлечете и да ја пренесете вашиот повик од Ајакс.

За правилно обележување на елементите од списокот со менито, го вградивме кодот од WPreso, Додадете класа голтка за страница / пост во класи на ставки во менито.

Само еден проблем… работи за страницата или објавата, но всушност не работи за категоријата! Така, го ажуриравме барањето за голтка со:

$ голтка = get_cat_slug ($ id);

И ја додаде функцијата од WPRecipes, Трик во WordPress: Добијте голтка за категории користејќи ID на категорија, за да го повлечете голтка за категории во атрибут за податоци во менито за навигација.

Значи ... благодарение на заедничките напори на 3 веб-страници на WordPress и некои фино подесувања од нашиот гуру на jQuery на DK New Media, Стивен Коли (за измазнување на менито), имаме многу убав систем на подмени!

Целата работа беше завршена во рамките на нашите датотеки со теми. Ние ги вчитавме филтрите за менито за навигација во функциите.php, ја додадовме под-менито во датотеката header.php на нашата тема, додадовме шаблон за подмени во нив и вчитавме JavaScript-датотека со подмени во нашата заглавие - осигурувајќи дека jQuery е веќе вчитан во нашата тема исто така. Се надевам дека ја цените работата, тоа беше забавно ажурирање на страницата!

8 Коментари

  1. 1

    Дали го покажувате или продавате овој код некаде? Се обидував да направам да работи, но не можам да сфатам како да ставам мени за wp_nav_ со вокер

  2. 6
  3. 8

Што мислите?

Оваа страница користи Akismet за намалување на спам. Научете како се обработува вашиот коментар.