WordPressテーマ制作時に指定すべきネイティブスタイル

2022年5月30日

web制作 WordPress

WordPressのテーマを制作時のcssに次の指定をしておけば自動で付け加えるクラスになんとなく正解なスタイルがあたっていることになります。

/* エディター用 */
p {
    display: block;
    margin: 1em 0;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

blockquote {
    display: block;
}

/* 画像用 */
.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

img[class*="wp-image-"],
img[class*="attachment-"] {
    max-width: 100%;
    height: auto;
}

/* clearfix */
.clearfix {
    overflow: hidden;
    zoom: 1;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}