Adding CSS to Blog Posts?

时间:2013-12-29 作者:user3135197

如何将CSS代码添加到WordPress中的某个博客帖子中?我是否需要创建一个新文件,并在该文件中保留此博客帖子所需的CSS代码?

3 个回复
最合适的回答,由SO网友:Brad Dalton 整理而成

您可以在子主题函数中使用PHP代码。php文件,用于向任何页面/帖子等添加自定义正文类。

add_filter( \'body_class\', \'my_custom_body_class\' );
function my_custom_body_class( $classes ) {
if ( is_single( \'007\' ))
    $classes[] = \'custom-class\';
    return $classes;
}
此示例代码将向ID为007的帖子添加一个自定义body类,以便您可以使用子主题样式设置特定帖子的样式。css文件。

CSS示例:

.custom-class {
font-size: 20px;
}
来源:http://codex.wordpress.org/Function_Reference/body_class

SO网友:JMB

如果您只编辑一篇文章(您必须使用HTML编辑器,而不是视觉编辑器),并且您需要的样式不太广泛,那么最简单的方法可能是将其添加到文章本身(内联CSS)。例如,如果要编辑整个类别或自定义帖子类型中的样式,则需要考虑创建Templates.如果您遵循第一个选项,您的帖子内容可能如下所示:

In this article, we will explore <span style="color: red;">life</span>, <span style="color: blue;">death</span> and <span style="color: green">the inbetween</span>.

SO网友:salsaturation

您可以使用自定义。css覆盖更改并使用body标记针对特定帖子。

如果您查看特定帖子的源代码,它会显示如下内容:

<body class="single single-post postid-1178 single-format-standard mp6 single-author highlander-enabled highlander-light" style="" data-gclp-initialized="true" data-gistbox-initialized="true" cz-shortcut-listen="true">
因此,在css中,您始终可以执行以下操作

body.postid-1178 .some-div {
color: #999;
}
你也可以这样做

body:not(.postid-1178) .some-div {
    color: #999;
}
影响除家以外的一切

结束

相关推荐

子主题函数.php如何与父主题函数.php一起工作?它像css一样吗?

我正在寻求帮助,了解儿童主题和家长主题functions.php 工作我知道使用CSS时,级联会覆盖样式表中前面声明的CSS。据我所知functions.php 操作方式不同。我理解这两个functions.php 已加载。如果您想让子主题中的函数覆盖父主题中的函数,并且父主题未使用codex建议的if语句,会发生什么情况?