+7-499-70-300-44
заказать звонок
Заказать обратный звонок

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

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

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

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

Спасибо за оставленную заявку
Ожидайте звонка

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

Блог вебмастера

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

2015-07-06_224314

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


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

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;
}

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

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

2015-09-14_224946


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

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


<?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>'
) );
?>

Делаем меню Responsive

2015-09-14_225254

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

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

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

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

Другие статьи

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

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

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

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

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

Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей,
необходимых для расчета стоимости проекта.

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

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

Указать точное время звонка

или позвоните мне по телефону
+7-499-70-300-44
Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для обсуждения деталей,
необходимых для расчета стоимости проекта.

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

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

Введите адрес сайта, который нуждается в продвижении *

Указать точное время звонка

или позвоните нам по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей,
необходимых для расчета стоимости проекта.

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

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

Указать точное время звонка

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Хочу так же
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей.

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

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

Указать точное время звонка

или позвоните мне по телефону
+7-499-70-300-44
[contact-form-7 404 "Not Found"]
Спасибо за оставленную заявку
Ожидайте звонка
Заказ СЕО продвижения
Введите ваше имя и телефон.
Я лично свяжусь с Вами для обсуждения деталей.

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

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

Введите ваш Скайп *

Спасибо за оставленную заявку
Ожидайте звонка