我想在所有h1条目标题上实现一种样式,问题是样式依赖于元素周围有span标记。因此,如何在条目标题的任一侧自动插入span标记。
对于背景信息,我希望添加以下样式:
h1.entry-title {
text-transform: uppercase;
position: relative;
text-align: center;
margin-bottom: 50px;
}
h1.entry-title span {
background: #fff;
padding: 0 30px;
position: relative;
z-index: 1;
}
h1.entry-title:before {
background: #004B92;
content: "";
display: block;
height: 1px;
position: absolute;
top: 50%;
width: 100%;
}
h1.entry-title:before {
left: 0;
}
其结果是:
如您所见,跨度是隐藏部分线条的关键。
<h1><span>Partners</span></h1>
我希望能在函数中写入一些东西。php文件来实现这一点?
最合适的回答,由SO网友:Fabian Marz 整理而成
您可以在模板文件中添加跨距,如下所示:
<h1><span><?php the_title() ?></span></h1>
或者,您可以添加一个过滤器来操作输出,如下所示:
add_filter(\'the_title\', function ($title) {
$title = \'<span>\' . $title . \'</span>\';
return $title;
});