Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > WordPress и другие CMS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 30.08.2018, 13:32   #1
nikytt
Форумчанин
 
Аватар для nikytt
 
Регистрация: 15.08.2015
Сообщений: 173
По умолчанию как сделать меню вордпресс?

вот это меню из верстки нужно преобразовать в вордпресс

Код:
<div class="headerMenu">
        <div id="burgerBtn" class="burgerBtn"></div>
<ul class="mobileMenuToggle">
            <li class="header_logo"><img src="<?php bloginfo( 'template_directory' )?>/img/footer_logo.png" alt=""></li>
            <li class="menuItem"><a href="#aboutUs">О Нас</a></li>
            <li class="menuItem"><a href="products.html">Наши сладости</a></li>
            <li class="menuItem"><a href="#tastesAndPrice">Вкусы/цены </a></li>
            <li class="menuItem"><a href="#delivery">Доставка</a></li>
            <li class="menuItem"><a href="#contacts">Kонтакты</a></li>
            <li class="menuTel">
                <div class="header_socialIcons">
                    <a href=""><img src="<?php bloginfo( 'template_directory' )?>/img/header_facebook.png" alt=""></a>
                    <a href=""><img src="<?php bloginfo( 'template_directory' )?>/img/header_instagram.png" alt=""></a>
                    <a href=""><img src="<?php bloginfo( 'template_directory' )?>/img/header_viber.png" alt=""></a>
                    <a href=""><img src="<?php bloginfo( 'template_directory' )?>/img/header_mail.png" alt=""></a>
                </div>
                <img class="header_phonesIcon"src="<?php bloginfo( 'template_directory' )?>/img/header_phones.png" alt="">
                <div class="header_numbers">
                    <a href="">+38 (097) 560-22-29</a>
                    <a href="">+38 (066) 702-97-20</a>
                </div>
            </li>
        </ul>
//вот так не получается так как логотип входит в состав меню и телефон
Код:
<div class="headerMenu">
        <div id="burgerBtn" class="burgerBtn"></div>
         
        
        <?php 
            wp_nav_menu( array(
                'theme_location'  => '',
                'menu'            => '',
                'container'       => 'ul',
                'container_class' => 'mobileMenuToggle',
                'container_id'    => '',
                'menu_class'      => 'menuItem',
                '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'          => '',
            ) );
         ?>
        
    </div>
</div>
спасибо.
Москва форум- общение на любые темы!!
nikytt вне форума Ответить с цитированием
Старый 30.08.2018, 17:43   #2
Streletz
Старожил
 
Регистрация: 03.01.2014
Сообщений: 2,870
По умолчанию

Цитата:
Сообщение от nikytt Посмотреть сообщение
вот это меню из верстки нужно преобразовать в вордпресс
А, в чём вопрос?
В сети есть масса рецептов, как сделать адаптивное меню для WordPress (из первых ссылок из гугла раз и два(просто для примера )).
Цитата:
Сообщение от nikytt Посмотреть сообщение
вот так не получается
wp_nav_menu отображается в nav, которому можно задать соответствующий стиль. Это относится и к дочерним элементам. И не обязательно делать рисунок с помощью img.
Если и это не поможет, можно создать собственную функцию для отображения меню и пользоваться ей вместо стандартной. Например в файле functions.php шаблона. WordPress это позволяет.
Streletz вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать выпадающее меню? kotbezusov HTML и CSS 5 08.06.2017 12:34
Как сделать меню dabdab HTML и CSS 1 23.10.2015 16:45
Как сделать плавающий бар для вывода тизеров на вордпресс mara111 WordPress и другие CMS 0 13.10.2012 14:35
Меню codrops (стильное меню), Как сделать чтобы текст не смещался в блоке? AlienNation HTML и CSS 2 28.09.2011 13:17