logo у меня все покупают г. Москва

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

14 сентября 2015 в 19:59 Блог веб-разработчика

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

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]

Как сделать меню wordpress без плагина #8642398 Как сделать меню wordpress без плагина #2642598 Как сделать меню wordpress без плагина #3357202 Как сделать меню wordpress без плагина #9357002 Как сделать меню wordpress без плагина #15356802 Как сделать меню wordpress без плагина #21356602 Как сделать меню wordpress без плагина #27356402 Как сделать меню wordpress без плагина #33356202 Как сделать меню wordpress без плагина #39356002 Как сделать меню wordpress без плагина #45355802 Как сделать меню wordpress без плагина #51355602 Как сделать меню wordpress без плагина #57355402 Как сделать меню wordpress без плагина #63355202 Как сделать меню wordpress без плагина #69355002 Как сделать меню wordpress без плагина #75354802 Как сделать меню wordpress без плагина #81354602 Как сделать меню wordpress без плагина #87354402 Как сделать меню wordpress без плагина #93354202 Как сделать меню wordpress без плагина #99354002 Как сделать меню wordpress без плагина #105353802 Как сделать меню wordpress без плагина #111353602 Как сделать меню wordpress без плагина #117353402 Как сделать меню wordpress без плагина #123353202 Как сделать меню wordpress без плагина #129353002 Как сделать меню wordpress без плагина #135352802 Как сделать меню wordpress без плагина #141352602 Как сделать меню wordpress без плагина #147352402 Как сделать меню wordpress без плагина #153352202 Как сделать меню wordpress без плагина #159352002 Как сделать меню wordpress без плагина #165351802

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


Warning: Use of undefined constant rand - assumed 'rand' (this will throw an Error in a future version of PHP) in /var/www/u0767527/data/www/iwebs.pro/wp-content/themes/byMacsimus/single.php on line 186

Оставить заявку
Для экономии вашего времени на все вопросы отвечают программисты/сеошники/маркетологи, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

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

Ваш вопрос:

Рассчитать стоимость
Для экономии вашего времени на все вопросы отвечают программисты/сеошники/маркетологи, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

Прикрепить файл:

Ваш вопрос:

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

Заказать обратный звонок
Для экономии вашего времени на все звонки отвечают программисты, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

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

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

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

Создадим сайт по картинке или вашему макету
Цена: от 2,900 руб. Я бесплатно рассчитаю стоимость реализации сайта в течение 15 минут.
Как это работает? После расчета стоимости я отпиваюсь вам и вы принимаете решение о дальнейшем сотрудничестве.
Задать вопрос
Опишите вопрос своими словами. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

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

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

Комментарий

There are no products