链接WordPress徽标与Index.PHP

Question

所以我刚刚为我正在使用的WordPress主题添加了一个徽标，并使用以下CSS添加了徽标：

#header {
    background-image: url(img/logo.gif);
    background-repeat: no-repeat;
    height: 140px;
    float: left;
    width: 100%;
}

我的问题是，如何将该图像转换为链接到我的WordPress主题索引的链接？我知道简单的HTML和CSS的解决方案，但我从来没有用WordPress做过类似的事情......

Answer 1

您可能需要了解默认的Wordpress主题（二十二，二十二......）如何实现这一目标。这些主题分为几个文件，每个文件都覆盖网站的某些部分。标题图片，链接，导航通常会进入某处的header.php文件。

这是Twenty Twelve主题在其header.php中链接回家的方式：

<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
    <img ... />
</a>

从代码的外观来看，你有一个class="header"的元素，你可以像这样链接它：

<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
    <div id="header">Header text?</div>
</a>

我建议你阅读官方Wordpress documentation on developing themes，它涵盖了基础知识。您应该阅读一些基本的HTML和CSS教程，或者从现有主题中学习。