Время чтения: 2 мин. 14 сентября 2015 в 19:59 Блог веб-разработчика
Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5
Загрузка...

Как сделать меню wordpress без плагина

Выглядеть будет так:

2015-07-06_224314

Шаг 1. Добавляем стили

[php]

/*———————————— меню НАЧАЛО —————————-*/

ul#mainmenu {
position: relative;
top: 10px;
font-size: 19px;
text-transform: uppercase;
float: right;
}

ul#mainmenu li {
display: inline-block;
padding-right: 15px;
}

ul#mainmenu li a{
color: #fff;
padding: 5px 10px;

background-color: #900;
}

ul#mainmenu li a:hover{

border-bottom: 1px dotted #fff;
background-color: #900;
}
#mainmenu .current-menu-item > a {
color: #FFF;
padding: 5px 0px;
background-color: #900;
}

ul#mainmenu li:last-child {

padding-right: 0px;
}

/*———————————— меню КОНЕЦ—————————-*/

[/php]

Шаг 2. Регистрируем меню в файле functions.php, присваиваем идентификатор maine. В админке появится возможность вклчить нижнее меню.

2015-09-14_224946

[php]

register_nav_menus(array(
‘maine’ => ‘Нижнее меню’ //Название другого месторасположения меню в шаблоне
));

[/php]

Шаг 3. Код вызова в header или куда нужно

[php]

<?php
wp_nav_menu( array(
‘theme_location’ => ‘maine’,
‘container’ => »,
‘menu_class’ => ‘sf-menu ‘,
‘menu_id’ => ‘mainmenu’,
‘fallback_cb’ => false,
‘link_after’=>'<span class="border-menu"></span>’
) );
?>

[/php]

Делаем меню Responsive

2015-09-14_225254

Для этого буду использовать — https://responsivemobilemenu.com/en/. Качаем здесь.

Код вывода опубликованный ранее меняем на:

Выводим меню:

[php]
<div class="rmm" >
<?php
wp_nav_menu(
array(
‘theme_location’ => ‘obuch’,
‘menu_class’ => ‘nav rmm-main-list’,
‘container’=>»
)
);
?>
</div>
[/php]

Похожие статьи

Заказать обратный звонок

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

[contact-form-7 404 "Not Found"]
[contact-form-7 404 "Not Found"]
Начать сотрудничество
Заполните поля ниже. Я лично перезвоню Вам в течении 15 минут для обсуждения деталей.

Введите ваше имя *

Введите контактный телефон *

Введите контактный Email для отправки точной стоимости

или позвоните мне по телефону
+7-499-70-300-44
Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

[contact-form-7 404 "Not Found"]
Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Заказать услугу
Я свяжусь с Вами в течении 15 минут в рабочее время для обсуждения деталей

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Запись на бесплатный урок
Введите ваше имя, телефон и skype логин.
Я свяжусь с Вами для уточнения времени прохождения урока.

Введите ваше имя *

Введите контактный телефон *

Введите контактный E-mail *

Выберите программу

Промокод

Задать свой вопрос
Напишите свой вопрос. Я прочитаю его, и дам ответ в течении 15 минут.

Введите ваше имя *

Введите контактный email *

Сообщение