Bootstrap Wordpress中号Navwalker徽标

时间:2019-03-20 09:55:57

标签: php navbar

我正在尝试在导航中间添加徽标,但是我认为这并不是最好的方法。

当前,我有两个菜单(左和右),但是响应更快地在以前添加我的徽标会更简单。

有人可以解释一下我该怎么做吗?

下面,我当前的代码:

<nav class="navbar navbar-expand-lg navbar-light sticky-top">


    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navmobile" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav m-auto">

            <?php
                wp_nav_menu( array(
                'theme_location'  => 'top1',
                'menu'            => 'top1',
                'depth'           => 2, // 1 = no dropdowns, 2 = with dropdowns.
                'container'       => 'div',
                'container_class' => 'collapse navbar-collapse',
                'container_id'    => 'navbarSupportedContent',
                'menu_class'      => 'navbar-nav m-auto',
                'fallback_cb'     => 'WP_Bootstrap_Navwalker::fallback',
                'walker'          => new WP_Bootstrap_Navwalker(),
            ) );

            ?>

            <a class="navbar-brand large" href="<?php echo home_url(); ?>">
                <!-- Image -->
                <?php 

                $image = get_field('logo_izarra', 'options');

                if( !empty($image) ): ?>

                    <img src="<?php echo $image['url']; ?>" class="logo-izarra" alt="<?php echo $image['alt']; ?>" />

                <?php endif; ?>
                <!-- Image -->
            </a>

            <?php
                wp_nav_menu( array(
                'theme_location'  => 'top2',
                'menu'            => 'top2',
                'depth'           => 2, // 1 = no dropdowns, 2 = with dropdowns.
                'container'       => 'div',
                'container_class' => 'collapse navbar-collapse',
                'container_id'    => 'navbarSupportedContent',
                'menu_class'      => 'navbar-nav m-auto',
                'fallback_cb'     => 'WP_Bootstrap_Navwalker::fallback',
                'walker'          => new WP_Bootstrap_Navwalker(),
            ) );

            ?>


        </ul>
    </div>
</nav>

0 个答案:

没有答案
相关问题