Как добавить дополнительное меню в тему WordPress

Хотите узнать, как добавить дополнительные меню в вашу тему WordPress. Если вам требуется дополнительное меню навигации часто используемыми ссылками или просто повысить удобство использования вашего сайта WordPress.

Чтобы добавить новое меню, вам потребуется внести изменения в файлы темы. Прежде чем вносить изменения в любой из ваших основных файлов, лучше всего сделайте резервную копию всего вашего сайта на случай, если что-то пойдет не так.

Добавим небольшой код в ваш functions.php, этот файл хранится сервера в /wp-content/themes/your_theme/.


Зарегистрируем новое меню

Откройте каталог вашего сайта, используя ftp-клиент или же Файловый менеджер. Перейдите в каталог /wp-content/themes /your_theme/. Откройте functions.php. Смотри изображение ниже.

как добавить меню wordpress

Для добавления одного меню, добавьте следующий код в самый низ файла, в новую строку:

function register_my_menu() {
register_nav_menu('new-menu',__( 'New menu' ));
}
add_action( 'init', 'register_my_menu' );

В этом примере New menu — это имя, которое будет отображаться на странице меню панели управления администратора. А вот new-menu это зарегистрированная переменная меню в WordPress, к которой мы будем позже обращаться.

Чтобы добавить несколько меню, нужно добавьте этот код в новую строку (предыдущий естественно писать не нужно):

function register_my_menus() {
register_nav_menus(
array(
 'new-menu' => __( 'New Menu' ),
 'two-menu' => __( 'Two Menu' ),
 'four-menu' => __( 'Four Menu' )
 )
 );
}
add_action( 'init', 'register_my_menus' );

Теперь вы можете добавлять столько меню, сколько захотите. И не забудьте сохранить файл.

Создадим новое меню WordPress

В панеле администратора перейдите в Внешний вид > Меню. Теперь в Настройках меню будут добавлены созданные нами меню New, Two, Four.

добавить меню навигации WordPress

Теперь создайте новое меню и присвойте ему новое местоположением, на вкладке «Управление местоположениями».

добавить меню навигации WordPress

Как разместить наше меню на сайте

Определитесь с расположением меню. Если это верхняя часть страницы, то это header.php. Если нижняя часть страницы то это footer.php. Если сайдбар то это sidebar.php.

Вы можете разместить свое новое меню где угодно. Теперь добавим код в выбранный файл:

<?php wp_nav_menu( array( 'theme_location' => 'new-menu' ) ); ?>

Где new-menu это ваше новое меню.

Для стилизации меню с помощью CSS, нужно создать класс и добавить его в код. Тогда код будет выглядеть так:

<?wp_nav_menu( array( 'theme_location' => 'new-menu', 'container_class' => 'newmenu_class' ) ); ?>

Где new-menu название вашего меню. И созданный newmenu_class как пример нового класса, но вы можете придумать свой класс. Не забудьте добавить правила стиля для нового созданного класса в свой файл style.CSS, который находится в / wp-content / themes / your_theme / каталог на сервере.

Теперь вы знаете как добавить несколько меню в свою тему. Мои поздравления.


Поделись с друзьями:

Оставьте комментарий