single.php内で呼び出すコンテンツ本文のコード

Wordpress

アーカイブページじゃなくて1ページに1記事全文載せるとき、single.phpやカスタム投稿タイプの個別記事で使うコンテンツ本文のコードメモ。

single.phpにループを書いて、ループ内に使い回せるようにコンテンツ部分だけ切り取って別にテンプレートを作る、その中身。

<div class="news">
<time class="time"><?php the_time('Y.m.d'); ?></time>
<p class='title'><?php the_title(); ?></p>
<div class="news-body">
<?php the_content(); ?>
</div>
</div>

cssはこんな感じ。

.news .news-body {
  margin-top: 2.5%;
  padding-bottom: 4%;
  border-bottom: 1px solid #d0d0d0;
}

.news .news-body p {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.15em;
}

.news .news-body p + p {
  margin-top: 3%;
}

content-single.phpなどといった名前のテンプレートにして必要な箇所で呼び出せば、1カラムのsingle.phpで、2カラムのsingle.phpで、などで共通して呼び出せる。

p + p {   margin-top: 3%; }とすると段落の2つめ以降で行間を開けてくれるので良い。

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