更改帖子标题的颜色

时间:2015-02-12 作者:Ritzy

好吧,我正在创建一个音乐博客,我正在努力编写这个主题,但我想知道为什么我不能在WordPress中成功地做到这一点,因为我确信这是可能的。

好吧,让我们假设标题的前半部分是艺术家的名字,它的代码看起来像下面所示的。

<b>Example Song Artist  - </b>
- 是歌曲标题的开头,它位于不同的标签中<strong> 标签将用于此,但。。。在css中,我们将其设置为如下所示。

b {
color: black;
}
strong {
color: red;
}
在上面,我们声明我们希望在这些标签中更改颜色,但是当我尝试在wordpress中使用<?php the_title(); ?> 函数它不允许我以这种格式打印标题?有没有什么方法可以让我在上传面板中创建一些东西来实现这一点?

完成了我希望它如何查找每个标题的想法。enter image description here

2 个回复
最合适的回答,由SO网友:Sean Grant 整理而成

如果没有实际发生的所有信息,我假设标题与歌曲艺术家和歌曲名称一起输出。但就像你说的,中间有一个破折号。

有了这个假设,您就可以通过一个自定义函数来实现这一点,该函数在输出之前过滤\\u标题。

试着把这个放在你的函数中。php文件:

function my_title_filter( $title ) {
  // only filter if in the loop and is home page. Edit these accordingly.
  if ( in_the_loop() && is_home() ) { 

    $split_title = explode( \' &#8211; \', $title ); // this will split the title into 2 parts. part one before the \' - \' and part 2 after the dash
    // now create the title output format you want
    $new_title = \'<b>\' . $split_title[0] . \' - <strong>\' . $split_title[1] . \'</strong></b>\';

    return $new_title;
  }
  // if not in the loop or home page, then return regular title
  return $title;
}
add_filter( \'the_title\', \'my_title_filter\', 10, 2 );
然后,从那里应该格式的标题,就像你想要的。。。ie。

<b>Song Artist - <strong>Song Name</strong></b>
虽然我不太同意在“b”中加上“strong”,但你可以做任何你想做的事。就我个人而言,我会将标题周围的“b”改为“strong”,然后用CSS类将歌曲名称包装成“span”,并从那里开始工作。

SO网友:Mayur Devmurari

您必须将歌曲标题放入<span> 标记和

.classOfContainer span{color:red;}

结束

相关推荐

使用否定条件标记将CSS入队

我正在purecss之上构建一个主题。io。为了使网格响应速度更快,我需要添加this stylesheet. 来自函数。phpfunction load_css() { wp_enqueue_style ( \'purecss-all-not-ie\', \'http://yui.yahooapis.com/pure/0.5.0/grids-responsive-min.css\', array( \'purecss\' ), null ); wp_style_add_data