Replace custom logo with text

时间：2019-12-12 作者：sialfa

我有一个WordPress网站，在那里我没有可以使用的徽标，我需要显示文本。

在我的自定义主题中，我添加了对自定义徽标的支持，但我不知道如何显示自定义文本而不是徽标。是否有任何功能可以执行此操作？

下面是我使用的标题代码：

  <nav class="navbar fixed-top shadow-lg" id="bs-nav">
    <div class="container-fluid" style="z-index:4;">

      <div class="navbar-header">
        <a class="navbar-brand" href="<?php bloginfo(\'url\'); ?>">
<!-- Here i need to show the text -->
        <?php $logo = wp_get_attachment_image_src( get_theme_mod(\'custom_logo\'), \'full\' ); ?>
          <img src="<?php echo $logo[0]; ?>" id="" width="80" height="80">
        </a>
      </div>

      <div class="row">
        <div class="col-sm-12 col-md-12 col-lg-12 float-right">
          <button class="hamburger hamburger--spin" type="button" data-toggle="collapse" data-target="#navbar-content" aria-controls="navbar-content" aria-expand="false" aria-label="<?php _e(\'Toggle Navigation\'); ?>">
            <span class="hamburger-box">
            <span class="hamburger-inner"></span>
            </span>
          </button>
        </div>
      </div>
    </div>

      <div class="collapse navbar-collapse" id="navbar-content">
        <div class="container">
          <div class="row">
            <div class="col-sm-12 col-md-12 col-lg-12">
              <?php
                wp_nav_menu( array(
                    \'theme_location\' => \'header-menu\',
                    \'menu\'           => \'Menu\',
                    \'container\'      => false,
                    \'depth\'          => 2,
                    \'menu_class\'     => \'navbar-nav ml-auto\',
                    \'walker\'         => new Bootstrap_NavWalker(),
                    \'fallback_cb\'    => \'Bootstrap_NavWalker::fallback\',
                ) );
              ?>
            </div>
          </div>
        </div>
      </div>
  </nav>

1 个回复
最合适的回答,由SO网友:MistaPrime 整理而成

要显示从“外观”>“自定义”>“站点标识”输入的文本，可以使用以下代码：

<h1><a href="<?php echo esc_url( home_url( \'/\' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( \'name\', \'display\' ) ); ?>" rel=\'home\'><?php bloginfo( \'name\' ); ?></a></h1>
否则，请告诉我们该文本的来源。

You may also try the following:

打开功能。php，并添加以下内容：

add_theme_support( \'custom-logo\', array(
    \'height\'      => 100,
    \'width\'       => 400,
    \'flex-height\' => true,
    \'flex-width\'  => true,
    \'header-text\' => array( \'site-title\', \'site-description\' ),
) );
然后，在希望徽标显示的任何位置添加以下代码：

<?php 
   $custom_logo_id = get_theme_mod( \'custom_logo\' );
   $image = wp_get_attachment_image_src( $custom_logo_id , \'full\' );
      ?>
<img src="<?php echo $image[0]; ?>" alt="">
然后在“外观”>“自定义”>“站点标识”中添加您的徽标文本，如下所示：enter image description here

标签： theme-development   小码农  

相关推荐