如何将 div 类添加到站点的标题.php文件中，以便我可以将徽标插入到站点的主菜单中？

我正在尝试通过编辑它的标题.php文件将div类添加到我的wordpress网站的主菜单中。这个div 类旨在允许我在网站的菜单左侧插入徽标。

这是我想插入到标题中的div 类.php（或者至少我认为我想要的......我不完全确定）

<a class="logo-container" href="/">
<img src="x.png" alt="x" class="top_logo">
</a>

这是我的标题.php文件

?>
<!doctype html>
<html <?php language_attributes(); ?>>
<head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="profile" href="https://gmpg.org/xfn/11">
    <?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div id="page" class="site">
    <a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'hi' ); ?></a>
    <header id="masthead" class="site-header">
        <div class="site-branding">
            <?php
            the_custom_logo();
            if ( is_front_page() && is_home() ) :
                ?>
                <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
                <?php
            else :
                ?>
                <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
                <?php
            endif;
            $hi_description = get_bloginfo( 'description', 'display' );
            if ( $hi_description || is_customize_preview() ) :
                ?>
                <p class="site-description"><?php echo $hi_description; /* WPCS: xss ok. */ ?></p>
            <?php endif; ?>
        </div><!-- .site-branding -->
        <nav id="site-navigation" class="main-navigation">
            <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e( 'Primary Menu', 'hi' ); ?></button>
            <?php
            wp_nav_menu( array(
                'theme_location' => 'menu-1',
                'menu_id'        => 'primary-menu',
            ) );
            ?>
        </nav><!-- #site-navigation -->
    </header><!-- #masthead -->
    <div id="content" class="site-content">

我尝试将我的 html 代码粘贴在这里的这行代码之前和之后：

<nav id="site-navigation" class="main-navigation">
            <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e( 'Primary Menu', 'hi' ); ?></button>

但它只是在菜单栏div 类之前创建一个div 类，而不是在其中。

相反，我希望div 类位于此处找到的"menu-main-container"类中：https://i.stack.imgur.com/ouDTw.jpg

<header id="masthead" class="site-header">
        <div class="site-branding">
            <a class="logo-container" href="/">
            <img src="x.png" alt="x" class="top_logo">
            </a>
            <?php
            if ( is_front_page() && is_home() ) :
                ?>
                <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
                <?php
            else :
                ?>
                <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
                <?php
            endif;
            $hi_description = get_bloginfo( 'description', 'display' );
            if ( $hi_description || is_customize_preview() ) :
                ?>
                <p class="site-description"><?php echo $hi_description; /* WPCS: xss ok. */ ?></p>
            <?php endif; ?>
        </div><!-- .site-branding -->
        <nav id="site-navigation" class="main-navigation">
            <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e( 'Primary Menu', 'hi' ); ?></button>
            <?php
            wp_nav_menu( array(
                'theme_location' => 'menu-1',
                'menu_id'        => 'primary-menu',
            ) );
            ?>
        </nav><!-- #site-navigation -->
    </header><!-- #masthead -->

相关内容

最新更新

热门标签：