Ако сте посетили някои от по-големите блогове там като Mashable, може да забележите, че те имат много хубава система от менюта, която пада и ви осигурява видимост на най-новите публикации в блога от всяка категория. За да се гарантира, че страницата няма да се зарежда вечно, те зареждат това съдържание с помощта на 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 вече е зареден в нашата тема както добре. Надявам се, че оценявате работата, това беше забавна актуализация на сайта!
Показвате ли или продавате ли този код някъде? Опитвам се да го накарам да работи, но не мога да разбера как да вляза в wp_nav_menu с проходилка ...
@ facebook-526543707: disqus, свързан с кода, който използвах. Какво се опитвате да модифицирате?
Благодаря за отговора :). Е, работи добре за първата ми категория, но само за тази не мога да разбера как да повторя процеса за всяка подкатегория (ниво 2 от менюто ми) и да го спра да работи на ниво 1 на моето меню: /
Начинът, по който го направих, беше да добавя елемент от данни в елемента от списъка на менюто и след това да го добавя към заявката.
Благодаря, пренебрегнах това, сега работи 🙂
не мога да намеря никакъв код за използване
🙁
първата връзка не работи
Обнових връзката до по-нов пример - уведомете ме, ако това работи.
Здрасти! Точно това търся нов проект. Някакъв шанс за споделяне на кода?