将标题文字更改为图片

Question

我想将以下文字标识更改为徽标，目前由WordPress上的主题使用。

现在看起来像这样：

我的徽标目前位于服务器上：content/uploads/2016/07/cropped-Site_Logo-1.png

<div id="ribbon" class="span12 center none">
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
               <h1 class="text_logo"><a href="/wp-content/uploads/2016/07/cropped-Site_Logo-1.png">StrtUp</a></h1>
                <a class="btn btn-navbar" data-toggle="collapse" data-target="#mobile_menu">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <div class="clear"></div>

Answer 1

如果您不打算更改网站徽标，可能最好将其移至主题文件夹（例如，在images文件夹下）并使用：

<h1 class="text_logo">
    <a href="<?php echo home_url('/'); ?>">
        <img src="<?php echo get_template_directory_uri() ?>/images/cropped-Site_Logo-1.png" />
    </a>
</h1>

如果您打算让它可以更改，在WP 4.5中，您可以使用custom_logo feature，将其添加到您的functions.php中：

function theme_prefix_setup() {
    add_theme_support( 'custom-logo' );
}
add_action( 'after_setup_theme', 'theme_prefix_setup' );

并将您的代码更改为：

<h1 class="text_logo">
    <a href="<?php echo home_url('/'); ?>"><?php the_custom_logo() ?></a>
</h1>

希望它有所帮助！

Answer 2

<h1 class="text_logo">
  <a href="/">
   <img src="/wp-content/uploads/2016/07/cropped-Site_Logo-1.png" />
  </a>
</h1>