logo

Выберите город
Max-Webs – компания федерального уровня, в которой работают высококлассные специалисты.

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

14 сентября 2015 в 19:59 Блог веб-разработчика
Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5
Загрузка...
НЕТ ВРЕМЕНИ ЧИТАТЬ СТАТЬЮ?
Но вам требуется помощь в настройке Как сделать меню wordpress без плагина ? Получите индивидуальную мини-консультацию по Скайпу или WhatsApp.

Цена: 500 руб.Оформить заказ и оплатить

Если вы собираетесь делать все самостоятельно — продолжайте чтение!

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

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]

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

Оставить заявку
Консультация наших специалистов совершенно бесплатна и ни к чему вас не обязывает. Наш маркетолог проанализирует ваши ответы и свяжется с Вами в ближайшее время.

Какие услуги вас интересуют? *

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

В каком регионе планируете работать ? *

Сколько заявок в месяц вам необходимо получать? *

Средний чек за продажу товара/услуги ? *

Вкратце опишите свою деятельность и причину обращения: *

Представьтесь, пожалуйста: *

Как с вами связаться? *

Контактный номер телефона: *

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

Бюджет на реализацию *



Запрос демо версии
Дорогой клиент, демо версию мы можем бесплатно реализовать для вас в течении 1-2 дней. Уточните детали вашего бизнеса.

Пришлите 1-5 ссылок на сайты вашей тематики которые вам нравятся. Так же можете приложить ссылки на фото(скрншоты)

Представьтесь, пожалуйста: *

Как с вами связаться? *

Контактный номер телефона: *

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

Добавить комментарий, если необходимо



[contact-form-7 404 "Not Found"]
[contact-form-7 404 "Not Found"]
[contact-form-7 404 "Not Found"]
[contact-form-7 404 "Not Found"]
[contact-form-7 404 "Not Found"]
Оставить заявку
Консультация наших специалистов совершенно бесплатна и ни к чему вас не обязывает. Наш маркетолог проанализирует ваши ответы и свяжется с Вами в ближайшее время.

Какие услуги вас интересуют? *

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

В каком регионе планируете работать ? *

Сколько заявок в месяц вам необходимо получать? *

Средний чек за продажу товара/услуги ? *

Вкратце опишите свою деятельность и причину обращения: *

Представьтесь, пожалуйста: *

Как с вами связаться? *

Контактный номер телефона: *

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

Бюджет на реализацию *



[contact-form-7 404 "Not Found"]
[contact-form-7 404 "Not Found"]
[contact-form-7 404 "Not Found"]
[contact-form-7 404 "Not Found"]
[contact-form-7 404 "Not Found"]
Запись на бесплатный урок
Введите ваше имя, телефон и e-mail.
Я свяжусь с Вами для уточнения времени прохождения урока.

Как вас зовут *

Как с вами связаться? *

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

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



[contact-form-7 404 "Not Found"]
Заказать сайт
Первые 14 дней бесплатно. Оставьте номер email и контактный телефон. Я лично перезвоню Вам в течение 10 минут, для обсуждения деталей.


Ваш email

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

Комментарий или вопрос

Проблемы с оплатой?
Опишите ситуацию. Когда возникает проблема? Что планируете купить?

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

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

Что необходимо доработать

Скачать чек-лист
Заполните поля ниже. В течение 10 минут на указанный e-mail будет отправлена ссылка на скачивание чек-листа.

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

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

[contact-form-7 404 "Not Found"]
Заказать обратный звонок
Я свяжусь с Вами в течение 10 минут и отвечу на все Ваши вопросы.

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

Как с вами связаться? *

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



Степень загрузки
В данном разделе представлена моя занятость в данный момент. Данные обновляются каждый день. Вся работа выполняется по предварительной записи и 20% предоплатой от стоимости проекта.
низкая загрузка. выполняется ~5 заказов. старт работ через 5 дней.
средняя загрузка. выполняется ~15 заказов. старт работ через 20 дней.
высокая загрузка. заказы временно не принимаются.
Задать вопрос
У вас есть вопросы адресованный интернет-маркетологу? А у меня ответы, добро пожаловать! И да, это бесплатно. Я отвечу вам в течение 24 в разделе вопрос-ответ.
[contact-form-7 404 "Not Found"]