Javascript 在WordPress中将动态内容标题拆分为两种颜色

我在WP中设计的一个站点有一个标题的运行主题，标题的前半部分是一种颜色，然后是带有重音的下半部分，带有静态标题。这很容易用span标记来实现，即

HTML:

<h1>This Is <span>My Headline</span></h1>

h1 {color:#1f7b76;}
span {color:#75b482}

但由于标题是动态的，我不确定如何在WordPress框架内实现这一点

---

我看了这个答案，但我不认为WordPress会像它所要求的那样工作

我已经想出了以下方法，似乎可以满足您的需要：

$title=“我那绝对惊人的WordPress帖子！”；
$title\u数组=分解（“，$title）；
函数addSpanToTitle（$t）{
$word\u count=计数（$t）；
如果（$word\u计数%2==0）{
$half=$word\u count/2；
}否则{
$half=ceil（$word\u count/2）；
}
$result=“”；
对于（$i=0；$i<$word\u count；$i++）{
如果（$i<$一半）{
$result.=$t[$i]。“”；
}elseif（$i==一半）{
$result.=''.$t[$i]。''；
}elseif（$i>一半）{
如果（$i==$word\u count-1）{
$result.=$t[$i]。“”；
}否则{
$result.=$t[$i]。“”；
}
}
}
返回$result；
}
“回声”。addSpanToTitle（$title\u数组）。"";

要在WordPress中使用此功能，可以在主题

functions.php

中定义函数，并在模板中执行类似操作：

基本上，这个函数的作用是将一个数组（你的标题已分解）放入，然后计算出中间点，然后在中间点的单词前添加一个开头

（向上舍入）-如果你的标题有6个单词长，那么最后3个单词将在范围内，如果你的标题有5个单词长，空格将包含最后两个单词

在标题末尾，跨距闭合。这是作为字符串从函数返回的。这个函数就是这个脚本所需要的全部，其余的代码已经添加，因此您可以复制和粘贴，并查看它如何处理各种字符串

这当然可以改进，写得更简洁，但这似乎满足了您的需要，尽管不是完美的

---

下面是将标题作为字符串的函数的修订版本：

函数addSpan（$title）{
$title=分解（“，$title”）；
$half=count（$title）%2==0？count（$title）/2:ceil（count（$title）/2；
$result=“”；
对于（$i=0；$i

用法：

你惹了这么多麻烦，我可以；I don’我不会在这里给你更多的投票我会给你一些其他的答案：）@GibsonFX非常感谢，写这篇文章其实很有趣，我自己可能会用它！很高兴我能帮忙：D@GibsonFX

floor（）

而不是

ceil（）

试试这个，我觉得我搞砸了

标题（）

回显标题，

获取标题（）

返回标题。那是我的疏忽。