webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

WEB制作会社のフォトグラファー

wordpress 02 template tag

<?php body_class(); ?><?php post_class(); ?>

  • テンプレートタグ。つまり、クラス分けをして、クラスごとに異なるCSSを割りあてる役割。
  • bodyにテンプレートタグをつけるということは、1ページ毎の装飾を変えるためにつけるということ。
  • bodyに付けたクラスごとに、CSSを変える。
  • 同様に、それぞれのポストに、異なるCSSを割りあてるため、post_classをつける。

<body <?php body_class(); ?>>
<?php if(have_posts()) :?>
<?php while(have_posts()) :?>
<?php the_post(); ?>
<article <?php post_class(); ?>>
<h1><?php the_title(); ?></h1>
<?php the_content(); ?>
</article>
<?php endwhile; ?>
<?php endif; ?>
</body>
</html>

  • 検証画面をみると、すごい数のクラスが割り当てられている。
  • ここでは、「blog」classが付与されたみたいです。

f:id:ohta-felica:20160711233212p:plain

f:id:ohta-felica:20160715163743p:plain