Разделители в меню WordPress

Сделать разделители между пунктами меню, используя стандартный набор инструментов WordPress, оказалось не так уж и сложно.

1. Открываем в административной панели раздел «Внешний вид» -> «Меню».

2. Открываем сверху панель «Настройка экрана» и ставим галочку для «Классы CSS».

опция "Классы CSS" в WordPress

3. Открываем последний пункт меню и в поле «Классы CSS» вписываем класс nospan (или любой другой).

Убрать последний разделитель в меню

4. Добавляем в файл стилей style.css следующий код:

[css].nospan span{
display: none;
}[/css]

5. В файле темплейта вставляем следующий код:

[php]<?php wp_nav_menu(‘menu=Top Menu&after=<span>|</span>’); ?>[/php]

Где Top Menu — имя вашего меню.

Вот и всё! По необходимости можно увеличить padding у тэга span, чтобы увеличить расстояние между элементами меню.

Подписаться
Уведомить о
4 Comments
Популярные
Новые Старые
Межтекстовые Отзывы
Посмотреть все комментарии
4
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x