如何将徽标保留在导航栏中?

时间:2019-07-05 05:23:01

标签: wordpress

我在现有项目中使用主题十六,现在应该更改它。徽标应该在导航栏中,但不能完全固定-当我放在导航栏中时,徽标尺寸很小。我自定义了header.php

<header>
        <div class="site-header-main">

     <div id="mainmenu-container">
     <div class="col-md-3">
            <div id="logo">
        <div class="inner">
            <a href="<?php echo esc_url( home_url( '/home' ) ); ?>">
                <img src="<?php bloginfo('template_directory'); ?>/assets/img/logo.png" alt=""></a>
        </div>
    </div>
    </div>
    <div class="col-md-9">
     <div class="pull-right">
            <?php if ( has_nav_menu( 'primary' ) || has_nav_menu( 'social' ) ) : ?>
                <button id="menu-toggle" class="menu-toggle"><?php _e( 'Menu', 'twentysixteen' ); ?></button>
                   <div id="site-header-menu" class="site-header-menu">
                    <?php if ( has_nav_menu( 'primary' ) ) : ?>
                        <nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Primary Menu', 'twentysixteen' ); ?>">
                            <?php
                                wp_nav_menu( array(
                                    'theme_location' => 'primary',
                                    'menu_class'     => 'primary-menu',
                                 ) );
                            ?>
                        </nav><!-- .main-navigation -->
                    <?php endif; ?>

上面的代码用于徽标和标题菜单。

<?php if ( has_nav_menu( 'social' ) ) : ?>
                        <nav id="social-navigation" class="social-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Social Links Menu', 'twentysixteen' ); ?>">
                            <?php
                                wp_nav_menu( array(
                                    'theme_location' => 'social',
                                    'menu_class'     => 'social-links-menu',
                                    'depth'          => 1,
                                    'link_before'    => '<span class="screen-reader-text">',
                                    'link_after'     => '</span>',
                                ) );
                            ?>
                        </nav><!-- .social-navigation -->
                    <?php endif; ?>
                </div><!-- .site-header-menu -->
            <?php endif; ?>
        </div>
        </div>
        </div><!-- .site-header-main -->


        <?php if ( get_header_image() ) : ?>
            <?php
                /**
                 * Filter the default twentysixteen custom header sizes attribute.
                 *
                 * @since Twenty Sixteen 1.0
                 *
                 * @param string $custom_header_sizes sizes attribute
                 * for Custom Header. Default '(max-width: 709px) 85vw,
                 * (max-width: 909px) 81vw, (max-width: 1362px) 88vw, 1200px'.
                 */
                $custom_header_sizes = apply_filters( 'twentysixteen_custom_header_sizes', '(max-width: 709px) 85vw, (max-width: 909px) 81vw, (max-width: 1362px) 88vw, 1200px' );
            ?>
            <div class="header-image">
                <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
                    <img src="<?php header_image(); ?>" srcset="<?php echo esc_attr( wp_get_attachment_image_srcset( get_custom_header()->attachment_id ) ); ?>" sizes="<?php echo esc_attr( $custom_header_sizes ); ?>" width="<?php echo esc_attr( get_custom_header()->width ); ?>" height="<?php echo esc_attr( get_custom_header()->height ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
                </a>
            </div><!-- .header-image -->
        <?php endif; // End header image check. ?>
    </header><!-- .site-header -->

`

0 个答案:

没有答案