Question

花了几天时间浏览答案/选项尝试各种提示等

网站：http://www.otislandscapedesign.com/

基本上我想要实现的是将首页网站标题放在#fff（它当前是）中，然后放在其他页面上。没有图像的帖子，例如页面/帖子/浅背景＃000

中的网站标题

希望这是可行的，并且感谢先进。

编辑1：非常感谢回复。我已经尝试了解决方案（禁止php解决方案，因为我希望有更多css相关的答案，但是thx）并且仍然无法改变主页以外的页面上的标题颜色。我注意到的一件事是主页也是一个＆＃39;页面＆＃39;如果有帮助吗？可以使用＆＃39; Page Id＆＃39;对个别页面进行更改？非常感谢

编辑2：除非我做错事，否则我仍然没有快乐......

Answer 1

大多数Wordpress主题都将类设置为HTML的Body，可用于指定页面特定的样式。因此，在此示例中，您的Body将附加“home”类。

因此您可以将默认颜色设置为＃000，然后在CSS中使用body类仅定位主页：

body.home .gk-logo-text{ color:#fff; }

Answer 2

您可以使用wp_head操作和Conditional_Tags。
来实现此目的

add_action('wp_head', 'text_domain_title_css');

function text_domain_title_css()
{
    // Default homepage
    if (is_home() && is_front_page())
    {
        $output = "<style> .gk-logo-text.inverse > span{color: #fff} </style>";
    }
    //for all other page
    else
    {
        $output = "<style> .gk-logo-text.inverse > span{color: #000} </style>";
    }
    echo $output;
}

此代码位于活动子主题（或主题）的function.php文件中或任何插件文件中。

代码已经过测试并且功能齐全。

参考文献：

Answer 3

尝试

body.page .gk-logo-text.inverse > span{
    color: #000;
}

这会将黑色应用于内页的网站标题

Answer 4

我可以看到大多数页面没有标题，但是有一个h1标签可以保存它，称为入门标题。

这是源代码的样子：

<h1 class="entry-title"></h1>

因此，您可以使用在wordpress中创建的page-id来定位特定页面，然后使用这样的选择器标记：

.page-id-xx .entry-title h1 {
  color: #ffffff;
}

当您编辑网页时，网址ID会在网址栏中显示。希望您的主题有一个主题设置页面，您可以在其中添加一些自定义CSS。如果没有，那么您必须将它粘贴在style.css中的安全位置，您可以在其中保存所有自定义CSS。

是否可以更改每页/帖子的网站标题颜色？

4 个答案: