Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用CSS设计特定wordpress文章的样式_Css_Wordpress_Styles - Fatal编程技术网

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

使用CSS设计特定wordpress文章的样式,css,wordpress,styles,Css,Wordpress,Styles,如何将css样式应用于wordpress文章而无需管理员 我在谷歌上做了很多研究,但没有一个适用于我的案例,因为: 我不是该网站的管理员,因此更改主题、全局样式表或破解php以允许htmlstyle标记不幸不是一个选项 我只想更改一些文章的样式,所以即使我得到了授权,我也不想更改默认样式表 目前,我找到的唯一解决方案是使用感兴趣的styleattributes html标记,但它容易出错,而且扩展性不好 关于内联或外部url中包含css样式规则的任何建议?根据我的经验,posts中的样式标记确实

如何将css样式应用于wordpress文章而无需管理员

我在谷歌上做了很多研究,但没有一个适用于我的案例,因为:

  • 我不是该网站的管理员,因此更改主题、全局样式表或破解php以允许html
    style
    标记不幸不是一个选项
  • 我只想更改一些文章的样式,所以即使我得到了授权,我也不想更改默认样式表
  • 目前,我找到的唯一解决方案是使用感兴趣的
    style
    attributes html标记,但它容易出错,而且扩展性不好


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

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

    <style type="text/css" scoped>
    * {
    color:red!important;
    }
    </style>
    
    <h1> hello </h1>
    
    
    * {
    颜色:红色!重要;
    }
    你好
    
    帖子的所有内容(本例中为“你好”)均显示为红色


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

    您是说只更改您创建的特定文章吗

    如果是这样的话,我猜你只能访问有问题的帖子,因此你很难做任何事情

    您说过您不能更改样式表或更改默认样式表,但如果可以,那么您可以使用您选择的id名称将所有需要特定样式的文章包装在它们自己的div中。然后,这将自动使用您的div id更改post中的所有元素,并在您创建的所有页面上进行缩放,而无需每次重新定义规则,例如:

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

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

    在此处询问:即使它不是有效的HTML,我相信您可以在页面的
    正文
    中使用
    链接
    元素。这样你就可以写CSS,上传到某个地方,然后在文章中链接它。关于只设计一些文章;大多数主题标识文章,如
    ,因此只针对您需要设置样式的标识。很抱歉,我已将问题标记为要移动。请注意,
    作用域
    属性在atm:的任何位置都不起作用。编辑:相反,只需在每个选择器前面加上文章ID:
    #article-12*{color:red}
    。不应该需要
    !重要的
    规则。当然不,我显然试过了,但是在3.4.2
    标签中,里面的所有东西都被可视化编辑器杀死了……您是否仅限于可视化编辑器?请尝试仅使用纯文本。@至少在Chrome 25.0.1364.172中支持PowerBucket作用域-shoulduse似乎有点过时。但这一点是正确的@不,我有两个标签:视觉和html。但默认情况下,它将以可视方式打开并删除我的样式标记。事实上,只要我停留在html中,它就会工作。但令人沮丧的是,每次我或校对员在视觉模式下打开样式时,样式都会被删除。第三个选项不起作用(标签
    ),可能是因为您不是管理员。我刚刚在我的测试WordPress网站上测试过这个,并且
    标签在视觉和文本编辑器中都能很好地工作。也许非管理员也会被屏蔽。其他建议呢?我只是作为一个贡献者尝试了一下,你是对的,它去掉了作者和下面的
    标签。也许你可以要求管理员允许你这样做?其他建议是有效的,但第一个建议(div id)只是推迟了问题的出现:我仍然必须设计
    #antoine article
    。事实上,问管理员显然是合乎逻辑的解决方案,但我希望避免这种情况。我理解您希望避免这种情况,但不幸的是,如果没有某种主控权,除了上面提到的之外,您无法真正做其他事情。
    <div style="background-color: green">All your content</div>
    
    <style>
    div { background-color: green; }
    </style>
    
    div { background-color: green !important; }