WordPress投稿ページテンプレート制作時の定型CSS

CSS

WordPressの投稿ページテンプレート「single.php」を自作した時、エディタの中央寄せや太字などの設定し忘れってよくありますよね?(私はしょっちゅうあります)

そんな時はいつもこれをCSSに突っ込んでいます。

/* --------------- 投稿 エディタ */
.post_article-main p {
  display: block;
  margin: 1em 0;
}
.post_article-main strong {
  font-weight: bold;
}
.post_article-main em {
  font-style: italic;
}
.post_article-main blockquote {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 40px;
  -webkit-margin-end: 40px;
}
.post_article-main img {
  width: auto;
}
.post_article-main .aligncenter {
  display: block;
  margin: 0 auto;
}
.post_article-main .alignright {
  float: right;
}
.post_article-main .alignleft {
  float: left;
}
.post_article-main .clearfix {
  overflow: hidden;
  zoom: 1;
}
.post_article-main .clearfix:after {
  content: "";
  display: block;
  clear: both;
}

クラス名「post_article-main」はコンテンツの外枠に当てているクラス名で良いと思います。

タイトルとURLをコピーしました