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

【问题标题】：Is it possible to change the site title color per page/post?是否可以更改每页/帖子的网站标题颜色？
【发布时间】：2017-03-30 12:45:33
【问题描述】：

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

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

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

希望这是可行的，在此先感谢。

编辑 1：非常感谢您的回复。我已经尝试了解决方案（禁止使用 php 解决方案，因为我希望获得更多与 css 相关的答案，但是谢谢）并且仍然无法更改主页以外页面上的标题颜色。我注意到的一件事是，如果有帮助，主页也是一个“页面”？是否可以使用“页面 ID”对单个页面进行这些更改？非常感谢

编辑 2：我仍然没有快乐，除非我做错了什么......

【问题讨论】：

似乎您的 CMS 在主页的正文上生成了一个类主页。你可以像这样设置白色body.home #gk-bg-wrap #gk-header .site a { color:#fff }

标签： css wordpress colors wordpress-theming

【解决方案1】：

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

这是源代码的样子：

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

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

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

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

【讨论】：

【解决方案2】：

试试

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

这将对内页中的网站标题应用黑色

【讨论】：

【解决方案3】：

您可以通过使用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 文件中或任何插件文件中。

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

参考资料：

【讨论】：

【解决方案4】：

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

所以你可以将默认颜色设置为 #000 然后在你的 CSS 中使用 body 类来定位主页：

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

【讨论】：