我正在为一位朋友建立一个网站，该网站已经启动，现在他告诉我，他希望自己的网站名称在网站上出现的任何地方都显示为绿色。
我立刻想到了插件SEO Smart Links, 它会自动链接一串文本。对于将样式或类应用于文本字符串，是否有类似的方法？
或者建议使用其他方法来完成此任务？
如何为WordPress网站上的一串文本添加样式？
2 个回复
最合适的回答,由SO网友:hereswhatidid 整理而成
如果纯粹是为了设置文本的样式，那么可能需要使用JavaScript/jQuery。下面是一个快速示例，它将所有“ipsum”实例替换为
<span class="red">ipsum</span>
// Find text in descendents of an element, in reverse document order
// pattern must be a regexp with global flag
//
function findText(element, pattern, callback) {
for (var childi= element.childNodes.length; childi-->0;) {
var child= element.childNodes[childi];
if (child.nodeType==1) {
findText(child, pattern, callback);
} else if (child.nodeType==3) {
var matches= [];
var match;
while (match= pattern.exec(child.data))
matches.push(match);
for (var i= matches.length; i-->0;)
callback.call(window, child, matches[i]);
}
}
}
findText(document.body, /ipsum/g, function(node, match) {
var span= document.createElement(\'span\');
span.className= \'red\';
node.splitText(match.index + 5); // +5 is the length of the string to replace
span.appendChild(node.splitText(match.index));
node.parentNode.insertBefore(span, node.nextSibling);
});
SO网友:markratledge
Search RegEx 是一个很好的插件，可以在所有帖子和页面中搜索并替换为Grep。这样，您就可以向文本中添加一个CSS类，并根据需要对其进行样式设置，而无需jQuery的开销或复杂性。
结束