Подскажите пожалуйста как сделать второе меню для это стиля https://wordpress.org/themes/colormag/ над шапкой?
Комментарии: 21
Теоретически. В
и поменять на:
дальше в файле
добавляем:
Потом в админке в "Внешний вид – Меню", там должно быть что-то вроде “Отредактируйте меню или создайте меню”, нужно создать новое меню. Далее всё как обычно. Даёте меню название, не ставите галочку в пункте "Основное меню", добавляете пункты, добавляете в меню и сохраняете.
functions.php
найти:
Код: Выделить всё
register_nav_menu( 'primary', __( 'Primary Menu', 'colormag' ) );
Код: Выделить всё
register_nav_menus( array(
'primary' => __( 'Primary Menu', 'colormag' ),
'header_menu' => 'Меню над шапкой',
));
header.php
после:
Код: Выделить всё
<div id="page" class="hfeed site">
Код: Выделить всё
<?php wp_nav_menu( array( 'theme_location' => 'header_menu', 'menu_class' => 'nav-menu' ) ); ?>
Тут я ничего не понял, тут надо видеть что там что перекрывает.
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
По шаблону там ещё блоки есть со своими классами, в котором содержится навигация. На вскидку, так:
или так:
Код: Выделить всё
<?php wp_nav_menu( array( 'theme_location' => 'header_menu', 'container_class' => 'menu-primary-container', 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>' ) ); ?>
Код: Выделить всё
<nav id="site-navigation" class="main-navigation clearfix" role="navigation">
<div class="inner-wrap clearfix">
<?php wp_nav_menu( array( 'theme_location' => 'header_menu', 'container_class' => 'menu-primary-container', 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>' ) ); ?>
</div>
</nav>
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Вот классное меню, но не смог понять как его адаптировать для темы, оно почему то конфликтует. Можно его подправить? https://ruseller.com/lessons/les1502/demo/index.html
Так же прикладываю его исходники
Так же прикладываю его исходники
- Вложения
-
- demo_1502.zip
- 4.64 КБ 244 скачивания
Специально сейчас закинул тему чтобы посмотреть.
В общем так. Находим:
и после вставляем:
Открываем стилевой файл, находим:
и меняем на:
находим:
меняем на:
Открываем navigation.js и в конец добавляем:
Плюс правки в
Настраиваем и пользуемся.
В общем так. Находим:
Код: Выделить всё
<header id="masthead" class="site-header clearfix">
Код: Выделить всё
<nav id="site-navigation-top" class="main-navigation clearfix" role="navigation">
<div class="inner-wrap clearfix">
<h4 class="menu-toggle"></h4><?php wp_nav_menu( array( 'theme_location' => 'header_menu', 'container_class' => 'menu-primary-container', 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>' ) ); ?>
</div>
</nav>
Код: Выделить всё
#site-navigation {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
position: relative;
background-color: #232323;
border-top: 4px solid #289dcc;
}
#site-navigation .inner-wrap {
position: relative;
}
Код: Выделить всё
#site-navigation, #site-navigation-top {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;
position: relative;
background-color: #232323;
border-top: 4px solid #289dcc;
}
#site-navigation .inner-wrap, #site-navigation-top .inner-wrap {
position: relative;
}
Код: Выделить всё
#site-navigation {
z-index: 999;
}
Код: Выделить всё
#site-navigation, #site-navigation-top {
z-index: 999;
}
Код: Выделить всё
( function() {
var container, button, menu;
container = document.getElementById( 'site-navigation-top' );
if ( ! container ) {
return;
}
button = container.getElementsByTagName( 'h4' )[0];
if ( 'undefined' === typeof button ) {
return;
}
menu = container.getElementsByTagName( 'ul' )[0];
// Hide menu toggle button if menu is empty and return early.
if ( 'undefined' === typeof menu ) {
button.style.display = 'none';
return;
}
if ( -1 === menu.className.indexOf( 'nav-menu' ) ) {
menu.className += 'nav-menu';
}
button.onclick = function() {
if ( -1 !== container.className.indexOf( 'main-small-navigation' ) ) {
container.className = container.className.replace( 'main-small-navigation', 'main-navigation' );
} else {
container.className = container.className.replace( 'main-navigation', 'main-small-navigation' );
}
};
} )();
functions.php
из третьего сообщения.Настраиваем и пользуемся.
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Во первых добавить саму надпись сюда:
а потом в
Код: Выделить всё
<h4 class="menu-toggle"></h4>
.site-header .menu-toggle:before
поменять display: block;
на:
Код: Выделить всё
display: inline-block;
vertical-align: middle;
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Похожие темы
-
Доброе утро. Есть у меня на форуме PHPBB такая функция как анимация в шапке. Там геометрические фигуры движутся. Как добавить такое же в шапку...
-
Небольшое расширение, позволяющее добавить небольшое изображение к теме. Изображение показывается в списке тем (страница viewforum), рядом с...
-
Расширение позволяющее добавить на форум свой стиль, скрипт или блок с произвольным содержимым. В расширении можно задать шапку форума, ico иконку...