Wordpress徽标无法点击返回主页

时间:2016-01-01 00:43:02

标签: php wordpress

我目前正在创建一个子主题,并且该徽标无法返回到代码所在的主页。

当我点击查看源时,它看起来应该是这样 <div class="tb-logo"> <a href="http://localhost:8080/wordpress-child" class="logo"> <img src="http://localhost:8080/wordpress-child/wp-content/uploads/2015/12/trim-logo.png" alt="name of image"></a></div>。这是header.php页面

<header class="top-bar">

    <div class="tb-logo">
        <?php
        /**
         * Check if there is a uploaded logo
         */
        $kouki_logo = of_get_option( 'kouki_logo' );            
        if( $kouki_logo ) : ?>
            <a href="<?php echo esc_url(home_url()); ?>" class="logo">
                <img src="<?php echo esc_url( $kouki_logo ); ?>" alt="<?php bloginfo( 'name' ); ?>">
            </a>                
        <?php else : ?>
            <h1><a href="<?php echo esc_url( home_url() ); ?>"><?php bloginfo( 'name' ); ?></a></h1>
        <?php endif; ?>
    </div>              


        <nav id="menu-child" class="t-lightweight" role="navigation">
            <span class="menu-detail"></span>
            <ul>
                <?php wp_nav_menu( array( 'container' => '', 'items_wrap' => '%3$s' ) ); ?>
            </ul>
        </nav>


</header>

所以我不太确定为什么它没有使链接可以点击。我甚至尝试将其编码为<a href="home page"><img src="image"></a>,但没有运气。

只有在我不加载子主题时它才有效。原件看起来像这样

<header class="top-bar">

    <div class="tb-logo">
        <?php
        /**
         * Check if there is a uploaded logo
         */
        $kouki_logo = of_get_option( 'kouki_logo' );            
        if( $kouki_logo ) : ?>
            <a href="<?php echo esc_url(home_url()); ?>" class="logo">
                <img src="<?php echo esc_url( $kouki_logo ); ?>" alt="<?php bloginfo( 'name' ); ?>">
            </a>                
        <?php else : ?>
            <h1><a href="<?php echo esc_url( home_url() ); ?>"><?php bloginfo( 'name' ); ?></a></h1>
        <?php endif; ?>
    </div>

    <div class="navigation-toggle-wrapper">         
        <a class="primary-nav-trigger" href="javascript:void(0)">
            <span class="menu-icon"></span>
        </a>    
        <nav id="menu" class="t-lightweight" role="navigation">
            <span class="menu-detail"></span>
            <ul>
                <?php wp_nav_menu( array( 'container' => '', 'items_wrap' => '%3$s' ) ); ?>
            </ul>
        </nav>
    </div>

</header>

所以它与菜单类有关,但我不知道为什么?

1 个答案:

答案 0 :(得分:0)

您没有在主网址的路径中传递参数。试试这个:

        <a href="<?php echo esc_url(home_url('/')); ?>" class="logo">
            <img src="<?php echo esc_url( $kouki_logo ); ?>" alt="<?php bloginfo( 'name' ); ?>">
        </a>

此外,由于主页将永远是(/)路径,除非您希望徽标指向不同的动态页面,否则您可以通过这种方式对其进行简单的硬编码:

       <a href="/" class="logo">
            <img src="<?php echo esc_url( $kouki_logo ); ?>" alt="<?php bloginfo( 'name' ); ?>">
        </a>