用CSS样式化一篇特定的wordpress文章

Question

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

我在谷歌上找到了很多信息，但没有一个适用于我的情况，因为:

1. 我是不是管理员的网站，所以改变主题，全局样式表，或黑客php允许html style标签是不幸的不是一个选项。
2. 我只想改变的样式，只有一些文章，所以即使我有授权，我也不想改变默认的样式表。

目前，我找到的唯一解决方案是使用感兴趣的style属性html标签，但它容易出错，并且不能很好地扩展。

任何建议包括css样式规则无论是内联或从外部url?

Answer 1

根据我的经验，文章中的样式标签确实有效(在WP 3.5.1中使用文本编辑器进行测试)。但是，您必须巧妙地使用样式以确保覆盖默认值。一个简单的方法是使用important符号:

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

文章的所有内容(在本例中为"hello")显示为红色。

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

Answer 2

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

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

你说你不能更改样式表或更改默认样式表，但如果你可以，那么你可以将所有你想要特定样式的文章包装在他们自己的div中，并使用你选择的id名称。这将自动更改post中的所有元素与您的div id，并将扩展到您创建的所有页面而无需每次重新定义规则，例如:

<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样式，然后你可以挂钩。