Подобряване на WordPress меню

WordPress 3 имам страхотен нов мениджър меню, което се използва за контрол навигация на вашия сайт. В този урок ще разгледаме как да промените изхода по подразбиране за мениджър меню, за да се подобри външния вид на менюто. Първо разглеждаме примера на меню WordPress. което ние ще направим време на урока.

Примерът показва, че всеки елемент от менюто си има име-долу кратко описание на съдържанието. Това е един много популярен стил, който, за съжаление, не може да се направи със стандартни инструменти WordPress.

След като сте създали меню с появата страница> Меню. Можете да използвате WordPress wp_nav_menu () функция във файла шаблон, за да се покаже менюто създаден.

Проблемът е, че на изхода на функцията ще бъде пример за този вид:

С такава неподреден списък е невъзможно да се създаде меню във формата, в която се нуждаем. За нашите цели, на изхода трябва да изглежда така:

свободен край Тя завърши на заглавието и описанието етикет се поставя в . Този дизайн може лесно да бъде оформена с CSS да се създаде специален вид меню.

обучение

На първо място, ние трябва да конфигурирате правилно менюто. WordPress вече има възможност описанията на различните видове елемент от менюто, но тя е изключена по подразбиране.

По време на работата по външния вид на страницата> Менюта погледнете в горния десен ъгъл на екрана - там е поставена отметка "Display Settings". Ако кликнете върху него, а след това се развива в раздела с няколко допълнителни опции за показване на всеки елемент от менюто. Сред тях е квадратче за да се даде възможност на описанието.

След като е избрана тази опция, а след това, когато редактирате всеки артикул ще бъде допълнително поле, за да въведете описание.

По подразбиране, WordPress добавя дълго описание на елемента от менюто, което се създаден на базата на съдържанието на страницата. Романът може да бъде отстранен и добавя няколко думи, описващи елемента.

Подобряване на WordPress меню

Сега ние сме готови да се гарантира, че vyvecti необходими данни на екран.

Редактиране на продукцията чрез потребителското робота

WordPress използва специален клас на "Уокър" (нападател), която се използва за всеки запис на данни и го показва това. Фактът, че ние можем лесно да създадем собствен PHP разширение на класа. По този начин ние не трябва да се притеснявате за дърпане на данни от база данни и подготовката на масиви. Ние само добавка на кода WordPress, която показва списък. Така че, отворен functions.php файл се използва на темите си уебсайт и добавете следния код:

Това, което прави този клас? В действителност, тя е кодът на стандартния робота, което включва няколко допълнителни линии на: проверки за описанието, ако е така, то описанието е обвито в маркер педя и се добавя към навигация с глава.

Нападател също така проверява, че работата с елемент от менюто, ако тя е по менюто описанието на дисплея не е необходимо.

извикване на функция

Сега, ние имаме свой собствен клас нападател, трябва да кажа, WordPress, който трябва да използва нашия клас, а не като стандарт. За тази функция се нарича wp_nav_menu (), за да се покаже код на меню на правилното място с параметър настройка използва робота на (проходилка опция):

След като менюто се показва с различна структура може лесно да го оформите с CSS, както се изисква. Ето един пример на CSS правила за това меню:

Подобряване на WordPress меню

До получаване на информация от два канала (зрение и слух) на ефективността на обучението далеч по-добър живот от книги. А домашните задачи и онлайн тестове ще ви позволи да мисля постоянно в целевия език и веднага провери знанията си!

Подобряване на WordPress меню

Подобряване на WordPress меню

Ако искате по-дълго време, за да проучи как да се HTML, че ме има, за което трябва добра новина!

Подобряване на WordPress меню

Ако вече сте се научили HTML и искат да се движи напред, следващата стъпка ще бъде да се проучи CSS технологията.

Подобряване на WordPress меню

Ако искате да се разбере концепцията на домейн и хостинг, да научат как да се създаде база данни, да качвате файлове към уеб сайт чрез FTP сървър, създаване на поддомейни, да конфигурирате пощенските кутии за сайта и мониторинг на посещаемостта, този курс е разработен специално за вас!