Логотип Wordpress не доступен для перехода на главную страницу

Question

В настоящее время я создаю дочернюю тему, и логотип не может быть возвращен на главную страницу, где находится код.

Когда я нажимаю кнопку просмотра, он выглядит так, как должно быть <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> 

Так что это как-то связано с классами меню, но я не знаю почему?

Answer 1

Вы не передали параметр на пути к исходному URL-адресу. Попробуйте это:

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