Surrond H1 Entry-带有SPAN标记的自动标题

时间:2016-12-07 作者:Grant Smith

我想在所有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;
}
其结果是:

Horizontal Line through title

如您所见,跨度是隐藏部分线条的关键。

<h1><span>Partners</span></h1>
我希望能在函数中写入一些东西。php文件来实现这一点?

1 个回复
最合适的回答,由SO网友:Fabian Marz 整理而成

您可以在模板文件中添加跨距,如下所示:

<h1><span><?php the_title() ?></span></h1>
或者,您可以添加一个过滤器来操作输出,如下所示:

add_filter(\'the_title\', function ($title) {
  $title = \'<span>\' . $title . \'</span>\';
  return $title;
});

相关推荐

如何在Functions.php中链接style.css

我是WordPress的新手;我刚开始学习WordPress。我想把风格联系起来。函数中的css。php,但我无法解决这里可能存在的问题。谁能给我指出正确的方向吗?指数php<?php get_header(); ?> <?php if ( have_posts() ) { while ( have_posts() ) { the_post();