网页上的不同标志
网页上的不同标志
提问于 2013-01-24 17:16:18
我已经上传了一个文件作为我的主要标志在主题设置，但希望在主页上的不同标志。我使用的主题在主题设置中有一个自定义css选项，我可以使用自定义css只在首页而不是站点的其他部分更改它吗？
回答 3
WordPress Development用户
回答已采纳
发布于 2013-01-24 18:29:50
它看起来像主题设计师有一个方法让你使用一个不同的标志在主页上。查看第83-93行上的header.php。
如果您的主题检测到这是首页，标题将用<h1>标记括起来，否则它将被封装在<div>中。两者都有id='logo'。
如果您可以添加自定义css，则可以使用css图像替换在主页上使用不同的图像替换此<h1>标记。
WordPress Development用户
发布于 2013-01-24 19:14:40
有很多方法可以做到这一点。我们走吧。
1.只是头文件
打开您的header.php并查找徽标显示和添加条件主标记的时间。就像这样：
<?php if(is_home()) { ?>
<!-- your custom logo for home here -->
<?php } else { ?>
<!-- your theme logo function here -->
<?php } ?>2.使用CSS背景图像
打开您的header.php并转到tag。添加body_class()函数。
<body <?php body_class($class); ?>>现在，您可以使用CSS自定义家里的任何元素。例如：
body.home .default-logo {background-image:url(your-custom-logo-for-home.jpg) !important;}WordPress Development用户
发布于 2020-04-19 07:10:08
你应该能够使用普通的CSS。我无法到达你的网站给你确切的CSS。但是，这里有一个使用二十主题的例子。我使用的所有WordPress主题都遵循这种模式。
/* Twenty Twenty */
/**
* Hide the default logo.
*
* For posts use .postid-1 format.
*/
.page-id-14 .custom-logo-link img {
display: none;
}
/**
* Drop in a different logo.
*
* The site link is respected.
*/
.page-id-14 .custom-logo-link {
background-image: url(https://balistreetphotographer.files.wordpress.com/2019/02/balistreetphotographer-logo-2-slashes-65.png);
background-repeat: no-repeat;
background-size: 100%;
display: block;
position: relative;
height: 65px;
width: 65px;
}显然，将页面/帖子ID、徽标URL和徽标尺寸更改为您的。
下面是如何获取页面/职位ID的方法。
如果你有任何问题，请大声喊:-)
页面原文内容由WordPress Development提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://wordpress.stackexchange.com/questions/82982
复制相关文章
相似问题
腾讯云开发者
