【问题标题】:Style a specific wordpress article with CSS [closed]使用 CSS 为特定的 wordpress 文章设置样式 [关闭]
【发布时间】:2013-03-07 02:44:51
【问题描述】:

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

我在 google 上有 found plentyinformation,但没有一个适用于我的情况,因为:

  1. 不是该网站的管理员,因此更改主题、全局样式表或破解 php 以允许 html style 标记很遗憾不是一种选择。
  2. 我只想更改仅部分文章的样式,所以即使我有授权,我也没有兴趣更改默认样式表。

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

关于包含内联或来自外部 url 的 css 样式规则的任何建议?

【问题讨论】:

  • 去这里问吧:wordpress.stackexchange.com
  • 即使它不是有效的 HTML,我相信您可以在页面的 body 内使用 link 元素。因此,您可以编写 CSS,将其上传到某处,然后将其链接到文章中。关于仅对某些文章进行样式设置;大多数主题 ID 像 <article id="article-12"> 这样的文章,所以只需定位您需要设置样式的 ID。
  • 抱歉跑题了,我将我的问题标记为要移动。

标签: css wordpress styles


【解决方案1】:

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

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

<h1> hello </h1>

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

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

【讨论】:

  • 请注意scoped 属性在caniuse.com/#search=scoped 的任何地方都不起作用。编辑:相反,只需在每个选择器前面加上文章的 ID:#article-12 * {color: red}。也不需要!important 规则。
  • 嗯,不,我显然试过了,但在 3.4.2 &lt;style&gt; 标签中,里面的所有东西都被可视化编辑器杀死了......
  • 您是否仅限于可视化编辑器?尝试只使用纯文本。
  • @powerbuoy 作用域至少在 Chrome 25.0.1364.172 中得到支持——应该使用似乎有点过时了。但这是一个有效的观点!
  • @jaypeagi:不,我有 2 个标签:视觉和 html。但默认情况下,它会以可视方式打开并删除我的样式标签。确实,只要我留在 html 中,它就可以工作。但令人沮丧的是,每次我或校对人员以可视模式打开样式时,样式都会被删除。
【解决方案2】:

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

如果是这样,我猜您只能访问相关帖子,因此您很难进行任何可扩展的操作。

您说过您不能更改样式表或更改默认样式表,但如果可以的话,您可以使用您选择的 id 名称将您想要特定样式的所有文章包装在他们自己的 div 中。然后,这将使用您的 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 样式的特定页面模板,然后您可以使用这些模板。

【讨论】:

  • 第三个选项不起作用(&lt;style&gt; 标签)
  • 可能是因为您不是管理员。我刚刚在我的测试 WordPress 网站上对此进行了测试,&lt;style&gt; 标签在可视化和文本编辑器中都可以正常工作。也许它被非管理员屏蔽了。其他建议呢?
  • 我刚刚作为贡献者尝试过这个,你是对的,它去除了作者及以下作者的&lt;style&gt; 标签。也许您可以要求管理员允许您这样做?
  • 其他建议是有效的,但第一个(div id)只是推迟了问题:我仍然需要设置#antoine-article 的样式。确实询问管理员显然是合乎逻辑的解决方案,但我希望避免这种情况。
  • 我知道您想避免这种情况,但不幸的是,如果没有某种主控制,除了上面提到的之外,您真的无法做其他事情。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-07-29
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多