如何在帖子中包含我自己的css

时间:2017-02-07 作者:xrcwrn

我想加入一些css来突出显示帖子中的一些文本

喜欢

 <span class="highlight">mark word</span>
我应该在哪里定义突出显示以便使用它。

4 个回复
SO网友:Marc-Antoine Parent

在最近的主题中,最简单的方法是使用来自主题定制器的自定义CSS。如果在主题中启用了它,则可以通过以下方式访问它:Appearance -> Customize.

如果没有启用,您应该首先参考主题的文档。这是免费的还是购买的主题?

SO网友:Chris H. Aus LE

在开始更改主主题中的代码之前,您应该明确创建Wordpress子主题。这样,对主主题的更新不会覆盖对主题文件所做的更改。

查看此Wordpress教程,了解如何创建子主题:https://codex.wordpress.org/Child_Themes

基本上,它分解为-为您的子主题创建一个文件夹-在该文件夹中,创建一个文件“style.css”-在该文件中,您覆盖父样式的css类,以根据您的喜好设置输出样式。

你的风格。css应以以下代码块开始:

/*
Theme Name:   Your child theme name
 Description:  The description of your child theme
 Author:       SEOmann.de
 Author URI:   https://seomann.de
 Template:     folder-name-of-your-parent-theme
 Version:      1.0
 Text Domain:  folder-name-of-your-child-theme
*/
在下面,您可以定义类来覆盖父类:

span.highlight {
    color: green;
}

SO网友:Ashley C

如果您不太熟悉编码,最简单的方法是将其添加到Wordpress中的自定义CSS中。

这可以通过进入“外观”>“自定义”>“附加CSS”来完成。

这里的娱乐风格“应该”覆盖当前主题已经使用的主题风格。

否则,您可以尝试添加!重要的是要进一步覆盖样式,但应尽可能避免这些样式。

SO网友:Saran

最好的方法是找到子主题css文件/主题css文件,并将类添加到样式中。css。脏路如下;)。在函数中添加以下代码。php

<?php
add_action(\'wp_footer\',\'my_custom_css\');
function my_custom_css()
   {
?>
<style>
.highlight{
// styles goes here
}
</style>
<?php
    }
?>

相关推荐

是否可以取消对特定帖子类型的POSTS_PER_PAGE限制?

我想知道我是否可以取消特定帖子类型的posts\\u per\\u页面限制。在存档中。php页面我显示不同的帖子类型,对于特定的“出版物”帖子类型,我想显示所有帖子。我如何在不影响传统“post”类型的情况下实现这一点?