如果在wordpress主題的標題中包含else，則替換php以同時顯示圖像和文本，而不是顯示其中之一或

Question

現在，我的wordpress網站顯示徽標圖像或徽標標題和徽標說明。 因為圖像文件呈現非常粗糙的文本，所以我想更改徽標圖像以僅顯示徽標而不是文本。 相反，我想添加帶有徽標圖像的站點徽標標題和徽標說明。 我將徽標的位置移到了CSS中徽標標題和徽標說明的左側。 我的想法是使用適當的php渲染徽標圖像。 如何替換“ if”“ else”以呈現圖像以及“徽標標題”和“徽標說明”？

CSS has:
/* Header Top */
#header-top {
  width: 100%;
  margin: 28px 0 0 0;
}
#header-top .header-left a.logo {
  width: auto;
  height: 100px;
  display: block;
  text-decoration: none;
  float: left;
}
#header-top .header-left a.logo img {
  width: auto;
  margin-top: 5px;
  margin-left: 15px;
  max-height: 100px;
}
#header-top .header-left .logo-title {
  width: 100%;
  margin-top: 5px;
  margin-left: 120px;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial,    sans-serif;
  font-weight: 700;
  font-size: 34px;
  color: #000;
}
#header-top .header-left .logo-description {
  width: 100%;
  margin-top: 5px;
  margin-left: 120px;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  font-size: 22px;
  color: #000;
} 

php has:
<div class="header-left cf">
                            <a class="logo" href="<?php echo esc_url( home_url() ); ?>" title="<?php bloginfo( 'name' ); ?>">
                                <?php
                                if ( get_header_image() != NULL ) {
                                    echo '<img src="'. esc_url( get_header_image() ) .'" width="'. get_custom_header()->width .'" height="'. get_custom_header()->height .'" title="'. get_bloginfo( 'name' ) .'" alt="'. get_bloginfo( 'name' ) .'" />';
                                } else {
                                    echo '<div class="logo-title">';
                                    echo get_bloginfo( 'name' );
                                    echo '</div><!--/.logo-title-->';
                                    echo '<div class="logo-description">';
                                    echo get_bloginfo( 'description' );
                                    echo '</div>';
                                }
                                ?>
                            </a><!--/a .logo-->

非常感謝你！

Answer 1

這里

/*  if ( get_header_image() != NULL ) {*/
        echo '<img src="'. esc_url( get_header_image() ) .'" width="'. get_custom_header()->width .'" height="'. get_custom_header()->height .'" title="'. get_bloginfo( 'name' ) .'" alt="'. get_bloginfo( 'name' ) .'" />';
/*   } else {*/
        echo '<div class="logo-title">';
        echo get_bloginfo( 'name' );
        echo '</div><!--/.logo-title-->';
        echo '<div class="logo-description">';
        echo get_bloginfo( 'description' );
        echo '</div>';
/*  }*/

我使用了塊注釋，以防某些事情使您的頁面最小化，這會使//與

因為您要取消對圖像的檢查，所以最好確保您已經說過圖像，否則請執行此操作。

  if ( get_header_image() != NULL ) {
       echo '<img src="'. esc_url( get_header_image() ) .'" width="'. get_custom_header()->width .'" height="'. get_custom_header()->height .'" title="'. get_bloginfo( 'name' ) .'" alt="'. get_bloginfo( 'name' ) .'" />';
        echo '<div class="logo-title">';
        echo get_bloginfo( 'name' );
        echo '</div><!--/.logo-title-->';
        echo '<div class="logo-description">';
        echo get_bloginfo( 'description' );
        echo '</div>';
   } else {
        echo '<div class="logo-title">';
        echo get_bloginfo( 'name' );
        echo '</div><!--/.logo-title-->';
        echo '<div class="logo-description">';
        echo get_bloginfo( 'description' );
        echo '</div>';
  }

將else中的所有內容添加到第一個塊中。 然后，如果您有圖像，它也將獲得標題信息。