如果我样式化没有img和.wp标题前缀的WordPress Align类,会有什么缺点

时间:2013-07-22 作者:James Mitch

在各种WordPress主题中,边距仅适用于图像或标题元素

/* Images */
.alignleft {
    float: left;
}

.alignright {
    float: right;
}

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

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

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

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

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

img.aligncenter {
    margin: 5px auto;
}

img.alignnone {
    margin: 5px 0;
}
这取自2013年的主题。我编写了一个插件,并使用这个align类来浮动内容。现在它看起来很难看,因为边距只应用于图像和wp字幕。所以我必须增加自己的利润。我现在的问题是,他们为什么要这样做。为什么他们不给基类一些基差呢?他们想要什么元素无边距浮动?

我是为了主题的目的,我使用bootstrap.pull-left.pull-right 那只不过是漂浮而已。所以我不需要这个类来进行无边距的浮动。但也许有一个很好的理由我应该像他们那样做?我的意思是,如果需要,基本页边距仍然可以被覆盖,为什么?

1 个回复
SO网友:bard

你是对的,你可能有自己的css规则,不能遵循2013。我不认为2013年的主题代表了ccs的官方规则,因为2013年的主题不是来自wordpress团队,而是来自台湾wp官方。2013年被附加在wp包中的原因是,它是一个遵循官方基本规则的标准主题,这意味着只是一个演示主题,与风格无关。

我想说的是,这只是一个css演示。

顺便说一下,您列出的css来自官方的wordpress css核心:http://codex.wordpress.org/CSS

此外,您发布的css的另一个重要内容是。。它匹配默认的帖子编辑器!(类名将使编辑器功能工作lol)

结束

相关推荐

无法将所有css和js功能转换为WP主题

我正在尝试转换一个HTML和CSS模板,该模板使用.js 文件,并将其转换为本地主机上的WP主题。这个index.html 具有以下特性:<head> <title>Home</title> <meta charset=\"utf-8\"> <link rel=\"icon\" href=\"img/favicon.ico\" type=\"image/x-icon\"> <link rel=\"s