为你的WordPress CSS页眉图像添加超链接

过去一周我一直在努力解决的一个问题是,如何让WordPress页眉图像超链接回网站本身。许多WordPress主题使用CSS的`background-image`属性来显示页眉图像。不幸的是,没有直接的方法可以修改CSS样式表将图像转换为链接。

然而,有一种方法可以编辑`header.php`来实现。

许多主题会有一个看起来像这样的链接:
<div class="header">

要使你的页眉可点击,请将`header.php`中上述行替换为:

<div class="header" onclick="location.href='<?php bloginfo('url'); ?>';" style="cursor: pointer;">

请注意,这使得整个页眉区域可点击,而不仅仅是图像,图像可能是页眉区域的一部分。

感谢wordpress.org上的vkaryl提供了这个想法的基础。

另请注意:如果你的`header.php`使用标准的`img` HTML标签,只需用标准的锚标签将其包裹起来:
<img src="pathtoheader">
变为
<a href="<?php bloginfo('url'); ?>"><img src="pathtoheader"></a>

guest
您的电子邮箱地址将不会被显示
发现错误?请在上方留言!
与勘误相关的评论在处理后将被删除,以帮助减少混乱。感谢您帮助使网站对每个人都更好!
来自 https://gravatar.com/ 的头像与您提供的电子邮箱地址相关联。
有回复时通知我:  
0 评论
内联反馈
查看所有评论