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;
}
影响除家以外的一切

结束
标签： css   小码农  

相关推荐

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

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