使用CSS为特定的wordpress文章设置样式

时间:2013-03-18 16:48:02

标签: css wordpress styles

如何在没有管理员的情况下将css样式应用于wordpress文章?

我在Google上found plenty information,但没有一个适用于我的案例,因为:

  1. 不是该网站的管理员,因此更改主题,全局样式表或黑客入侵php以允许html style标记很遗憾不是一种选择。
  2. 我只想改变只有一些文章的风格,所以即使我获得了授权,我也不想更改默认样式表。
  3. 目前,我发现的唯一解决方案是使用感兴趣的style属性html标签,但它容易出错且无法很好地扩展。

    有关内联或来自外部网址的css样式规则的任何建议吗?

2 个答案:

答案 0 :(得分:1)

根据我的经验,帖子中的样式标签执行工作(使用文本编辑器在WP 3.5.1中进行测试)。 但是,您必须对样式进行狡猾以确保覆盖默认值。一种简单的方法是使用important表示法:

<style type="text/css" scoped>
* {
color:red!important;
}
</style>

<h1> hello </h1>

帖子的所有内容(在本例中为“你好”)显示为红色。

使用scoped属性意味着样式仅适用于博客文章,而不适用于整个页面。

答案 1 :(得分:1)

您是在谈论更改您仅创建的特定帖子吗?

如果是这样,我猜你只能访问有问题的帖子,因此这会让你很难做任何可扩展的事情。

您说您无法更改样式表或更改默认样式表,但如果可以的话,您可以将您想要特定样式的所有文章包含在您自己的div中,并使用您选择的ID名称。然后,这将使用您的div id自动更改post内的所有元素,并且可以扩展您创建的所有页面,而无需每次都重新定义规则,例如:

<div id="antoines-article">
All your content
</div>

您唯一的选择是使用内联样式

<div style="background-color: green">All your content</div>

或在发布内容之前添加此内容(但请记住,默认情况下只允许管理员和编辑角色)

<style>
div { background-color: green; }
</style>

这里的区别在于第一条规则只会改变它附加的div,而第二条规则会将所有div改为绿色。

这可能不是你想要的,但是我害怕你所说的你对你的选择非常有限。

此外,在大多数css定义之后使用!important标记将覆盖样式表中的CSS样式,如果您发现某些内容不会改变。例如

div { background-color: green !important; }

此外,您可以要求您网站的网站管理员设置加载了不同CSS样式的特定页面模板,然后您可以将其挂钩。