css - 将 WordPress Logo 与 Index.PHP 链接起来

Question

所以我刚刚向我正在使用的 WordPress 主题添加了一个 Logo ，并使用以下 CSS 添加了 Logo :

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

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

Answer 1

您可能想看看默认的 Wordpress 主题(twentyeleven、twentytwelve...)是如何实现这一点的。这些主题分为几个文件，每个文件涵盖网站的某些部分。标题图片、链接、导航通常放在 header.php 文件的某个地方。

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