如何为WordPress网站上的一串文本添加样式?

时间:2013-03-07 作者:Travis Pflanz

我正在为一位朋友建立一个网站,该网站已经启动,现在他告诉我,他希望自己的网站名称在网站上出现的任何地方都显示为绿色。

我立刻想到了插件SEO Smart Links, 它会自动链接一串文本。对于将样式或类应用于文本字符串,是否有类似的方法?

或者建议使用其他方法来完成此任务?

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);
});
小提琴:

http://jsfiddle.net/QH5nG/5/

替换此处找到的文本代码:

https://stackoverflow.com/questions/1501007/how-can-i-use-jquery-to-style-parts-of-all-instances-of-a-specific-word#answer-1501213

SO网友:markratledge

Search RegEx 是一个很好的插件,可以在所有帖子和页面中搜索并替换为Grep。这样,您就可以向文本中添加一个CSS类,并根据需要对其进行样式设置,而无需jQuery的开销或复杂性。

结束

相关推荐

将esc_html与HTML净化器和CSSTidy一起使用:过度杀伤力?

目前,Wordpress主题选项面板中的我的文本区域输入(接受用户自定义CSS输入)由Wordpress中的esc\\u html函数进行清理http://codex.wordpress.org/Function_Reference/esc_html然而,我正在考虑一种安全的方法,因此我想添加HTML净化器和CSSTidy,如下图所示:https://stackoverflow.com/questions/3241616/sanitize-user-defined-css-in-php这有必要吗?或者像e

如何为WordPress网站上的一串文本添加样式? - 小码农CODE - 行之有效找到问题解决它

如何为WordPress网站上的一串文本添加样式?

时间:2013-03-07 作者:Travis Pflanz

我正在为一位朋友建立一个网站,该网站已经启动,现在他告诉我,他希望自己的网站名称在网站上出现的任何地方都显示为绿色。

我立刻想到了插件SEO Smart Links, 它会自动链接一串文本。对于将样式或类应用于文本字符串,是否有类似的方法?

或者建议使用其他方法来完成此任务?

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);
});
小提琴:

http://jsfiddle.net/QH5nG/5/

替换此处找到的文本代码:

https://stackoverflow.com/questions/1501007/how-can-i-use-jquery-to-style-parts-of-all-instances-of-a-specific-word#answer-1501213

SO网友:markratledge

Search RegEx 是一个很好的插件,可以在所有帖子和页面中搜索并替换为Grep。这样,您就可以向文本中添加一个CSS类,并根据需要对其进行样式设置,而无需jQuery的开销或复杂性。

相关推荐

在带有PHP的子主题中包含style.css

在里面https://codex.wordpress.org/Child_Themes 这是包含样式的最佳实践。css在子主题中,必须将下面的代码放入函数中。php的子主题,但将“父样式”替换为可以在函数中找到的父主题的参数。父主题的php。我在我的主题文件中找不到它,那里也没有多少代码。使用@import包含父主题样式表的方法不适用于我,放入文件的css不会在任何浏览器的站点上显示自己。function my_theme_enqueue_styles() { $parent_s