Вывод собственного меню в Wordpress

@Dgaizer · Регистрация: 25.03.2014

Студворк — интернет-сервис помощи студентам

Друзья подскажите таком вопрос:
Имеется меню на bootstrap стандартное взято с документации bootstrap сейчас мне необходимо верстку перенести на Wordpress и возникает вопрос.
Как сделать чтобы выводилось динамическое меню которое будет создаваться через CMS Wordpress

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<div class="container">
 
 
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <a class="navbar-brand" href="#">
       
                <?php the_custom_logo(); ?>
          
           
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse " id="navbarNavDropdown">
 
            <ul class="navbar-nav">
                <li class="nav-item active">
                    <a class="nav-link bd-highlight" href="#">Главная<span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link bd-highlight" href="#">О компании</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link bd-highlight" href="#">Услуги</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Прайс-лист</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Портфолио</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Контакты</a>
                </li>
             
            </ul>
 
        </div>
    </nav>
 </div>

В wordpress есть функция которая за это отвечает ее необходимо вызывать к примеру в header и footer

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php wp_nav_menu( array(
    'theme_location'  => '',
    'menu'                => '', 
    'container'       => ' ul',  как и у меня правильно же?   <ul class="navbar-nav">
    'container_class' => 'navbar-nav',  как и у меня правильно же?   <ul class="navbar-nav">
    'container_id'    => '', 
    'menu_class'      => 'menu', 
    'menu_id'         => '',
    'echo'            => true,
    'fallback_cb'     => 'wp_page_menu',
    'before'          => '',
    'after'           => '',
    'link_before'     => '',
    'link_after'      => '',
    'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
    'depth'           => 0,
    'walker'          => '',
 );

В чем заключается проблема так меню выводится,но стили не подключаются т.к другие классы создаются см скрины
Как сделать вызов функции чтобы обертка соответствовала первой разметке??????????

@Skif Mason · 12.01.2020, 20:01

стиль для тега ul

PHP
1
'menu_class' => 'navbar-nav'

у тега li подходит

у тега a не видно по скрину

Добавлено через 11 минут
если вставить функцию wp_nav_menu() вместо списка ul внутри блока

HTML5
1
<div class="collapse navbar-collapse " id="navbarNavDropdown">

тогда вот это

PHP
1
2
3
'container'       =>
'container_class' =>
'container_id'    =>

будет не нужно

@wwowa · 13.01.2020, 09:21

Я думаю, что проблемы все-равно останутся. С тем же выпадающим меню(второй уровень). Скачайте тему любую на бутстрапе. И там можно посмотреть как это делается.
Если коротко, то добавляется файлик с разметкой под бутстрап. И он прописывается в

PHP
1
'walker'          => '',

.

Новые блоги и статьи Все статьи Все блоги /
Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .