Php 用两种不同的颜色设置WordPress页面的标题

Php 用两种不同的颜色设置WordPress页面的标题,php,html,css,wordpress,fonts,Php,Html,Css,Wordpress,Fonts,我的WordPress中的标题有两个词(比如说“公司”)。现在默认的颜色是蓝色。但是我希望上面例子中的“the”部分是灰色的。我使用了字体标签,并在站点标题输入框中将其设置为公司。在预览页面中,它显示正确,但当我访问我的页面时,它显示为 公司 包括标签。如何修改?我在WordPress中使用正念主题 (类似的)如果有人对第二种选择提出异议 简要描述图像: 为此,您必须更改控制设计主题的style.css 从wordpress编辑CSS: <span id="the">The</

我的WordPress中的标题有两个词(比如说“公司”)。现在默认的颜色是蓝色。但是我希望上面例子中的“the”部分是灰色的。我使用了字体标签,并在站点标题输入框中将其设置为公司。在预览页面中,它显示正确,但当我访问我的页面时,它显示为

公司

包括标签。如何修改?我在WordPress中使用正念主题 (类似的)如果有人对第二种选择提出异议

简要描述图像:


为此,您必须更改控制设计主题的style.css

从wordpress编辑CSS:

<span id="the">The</span>
<span id="company">Company</span>
<style>

#the{color: #0033CC;} //refers to blue.
#company{color:#CCCCCC;} //refers to grey.

</style>
登录WordPress,不确定您正在运行哪个版本,但您应该有一个名为主题或设计的部分。从那里选择主题编辑器。将会有一个你可以编辑的所有文件的列表,CSS样式表应该命名为style.CSS

您必须具有写入权限才能从WP admin中编辑它

否则,您必须通过FTP在您的网站上找到该文件,将其下载到您的计算机上,对其进行编辑,然后将其上传回您的网站。

按您想要的方式编辑CSS:

<span id="the">The</span>
<span id="company">Company</span>
<style>

#the{color: #0033CC;} //refers to blue.
#company{color:#CCCCCC;} //refers to grey.

</style>

单位
#{color:#0033CC;}//表示蓝色。
#公司{颜色:#CCCCCC;}//指灰色。
还有一把小提琴供您测试:

祝你好运

如何针对博客标题中的12个主题中的特定词语? 您可以尝试以下方法,它适用于“212”主题:

示例:

<span id="the">The</span>
<span id="company">Company</span>
<style>

#the{color: #0033CC;} //refers to blue.
#company{color:#CCCCCC;} //refers to grey.

</style>
以下是一个屏幕截图:

还可以根据其他主题调整代码片段


我希望这能有所帮助。

您使用的主题是什么,或者这些是自定义修改?我好久没看到
标签了!为什么不使用CSS和类?birgire。。。我同意。。。实际上,我使用的主题是显示一个输入文本框,用于设置标题。实际上,这是在锚定标记中链接的。我已经更改了style.css,但没有必需的结果。我想我必须修改php内容,因为它显示了包含的html标记。正念是一个主要主题,所以我给出了一个关于“212”主题的答案。希望你能根据自己的需要来调整。临床,非常感谢。但这并不能满足在输入框中设置标题的主题需求。我试着用所有的标签改变它的CSS,但没有达到预期的效果。HTML标签总是出现。请附上结果的照片好吗?也许你的代码会更多?我只是假设它在输入框上不起作用,你可能想添加一些原始HTML作为标题,看起来输入框会打印出你在其中键入的所有内容,所以当你详细说明-,你会在输入框中编辑什么,为了删除在中输入的html标记,请您解释一下在哪里以及如何做。当我访问主题php文件时,其中有一条注释“在任何情况下都不要编辑这些文件”。我应该在哪个php文件中编辑上述代码?我应该更改bloginfo部分吗?您可以将其添加到当前主题目录中的
functions.php
文件中,或者制作自己的插件。我们可能需要根据您的主题进行调整…是的,我编辑了functions.php,但这是徒劳的。它没有显示所需的输出。正如我所说,标题已经在锚定标签中了,它在站点标题类中。(.site title a{color:#E28913)这是它的CSS。你能更清楚地解释一下你实现这一点所遵循的步骤吗?编辑什么、在哪里编辑以及更改什么。提前感谢很多:)下面是我如何匹配2012主题的计数器:我找到了
body_类()
函数在
header.php
主题文件中的
标记中,从那里我计算了
bloginfo('name')
get_bloginfo('name','display')
实例的数量,一直到标题显示的位置。对于2012主题,我计算了两个,因此我在这一代码行中使用了:
if(2==+$counter)
。这是第一步。然后查看HTML源代码,查看跨度是否围绕第一个标题词。