wordpress小部件标题添加跨度

Question

我想让小部件标题的第一个单词变成另一种颜色。

小部件代码是这样的：

'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',

我怎么能在那里有一个span或一个类，所以我可以在css中指定一个不同的颜色？

Answer 1

我认为你不能通过修改小部件代码来做到这一点。如果你真的需要突出显示第一个单词，你可以在这里寻找一些javascript，jquery解决方案：First word selector

Answer 2

我认为你可以通过修改小部件代码来做到这一点。在您的主题中找到文件functions.php。接下来，找到以下行：

'before_title'  => '<h3 class="widget-title">',
'after_title'   => '</h3>',

并将其更改为

'before_title'  => '<h3 class="widget-title"><span>',
'after_title'   => '</span></h3>',

添加你的style.css

行

h3.widget-title span {
background-color: #27b56b;
padding: 2px 9px 2px 8px;
font-size: 14px;
color: #fff;
}