Question

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

这是我要插入header.php中的div类（或者至少是我想得到的...我不太确定）

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

这是我的header.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://imgur.com/a/AI5q8Zh

Answer 1

<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 -->

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

1 个答案: