WordPress的核心CSS样式真的都是必需的吗?

时间:2013-01-18 作者:James Mitch

On WordPress Codex 下面列出了这些CSS样式。这是一个相当大的风格列表,但似乎它们是多余的。

上面写着:

每个主题的样式中都应该有这些或类似的样式。css文件能够正确显示图像和字幕。确切的HTML元素、类和ID值将取决于您使用的主题的结构

这是否意味着all 这些样式应该在一个主题中?

对于已经声明的对齐样式,这种特殊性的原因是什么?通过观察这一点,似乎可以大幅减少。

将此降低到最低限度的缺点是什么?

/* =WordPress Core from http://codex.wordpress.org/CSS#WordPress_Generated_Classes
-------------------------------------------------------------- */

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

3 个回复
最合适的回答,由SO网友:Mark Kaplun 整理而成

关于最佳实践的最权威和最新答案可能只能来自wordpress。组织主题审查小组,现在they 与法典不同。只是在这里引用,但我相信它可能会随着时间的推移而改变

主题需要支持以下WordPress定义的CSS类或类似元素:

 Alignment Classes:
    .aligncenter
    .alignleft
    .alignright 

Caption Related Classes:
    .wp-caption
    .wp-caption-text
    .gallery-caption 

Post Classes:
    .sticky 

Comment Classes:
    .bypostauthor
当需要出现在样式表中时。粘性和。如果需要,bypostauthor可以保持为空(未设置样式)。其目的只是确保主题开发人员考虑了WordPress生成的所有类

这样看来,您不必拥有您指向的codex页面中列出的所有CSS规则。

SO网友:fuxia

这个align*caption 类由WordPress在短代码和图像函数中生成。您应该在样式表中使用它们。

当然,法典文本只是一个例子。

.aligncenter,
div.aligncenter
…是一个很差的选择器。速度慢,冗余度高。

此外,类名没有语义意义:在从右向左的输出(阿拉伯语)中,您可以使用…

.alignright {
    float: left;
}
但这并不容易改变,也可能不值得付出努力。所以……接受现实吧。:)

SO网友:Bangarayya Tadi

是的,女士。开发wordpress主题时,需要所有默认的wordpress核心样式。https://github.com/bangarayya/wordpress-core-styles将wordpress主题上载到Envato或wordpress。org主题应遵循wordpress codex规则https://codex.wordpress.org/.

结束

相关推荐

必须在css样式表中更改css第二十一/侧边栏。左侧的侧边栏

我必须改变我的wordpress外观。侧边栏应放在左侧。我已经在寻找解决方案,但我发现的代码不适合我的。我不知道在哪里我必须改变它。我知道我可以在选项中更改它,但我需要在CSS样式表中更改它。谢谢你的帮助!二十一/二十一。44:样式表(style.css)body { padding: 0 2em; } #page { margin: 2em auto; max-width: 1000px; } #branding hgrou