将 WordPress 徽标与 Index.PHP 链接答案

【问题标题】：Link WordPress Logo with Index.PHP将 WordPress 徽标与 Index.PHP 链接
【发布时间】：2014-04-10 15:09:09
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

您可能想看看默认的 Wordpress 主题（二十一、二十一...）如何实现这一点。这些主题被分成几个文件，每个文件都涵盖了网站的某些部分。标题图片、链接、导航通常会进入header.php 文件的某个位置。

这就是二十一十二主题在其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 教程，或者从现有的主题中学习。

【讨论】：

感谢您的遮阳篷，它真的帮了大忙。正如我上面提到的，我在使用纯 HTML 和 CSS 时没有问题，但我刚开始使用 WordPress，我现在还没有进入它的工作过程。