WEB制作のための情報サイト / unazuki Library

基本構文と使い方（引数・実行結果）

基本構文

投稿に関するclass名を表示します。

post_class($css_class,$post);

post_class($css_class,$post);

引数

実行結果

class名を表示します。

例１．投稿に関するclass名を自動的に出力する

下記の例ではWordPress側で決めたルールに基づいて自動的にclass名を表示します。

<?php post_class(); ?>

<?php post_class(); ?>

記事IDが100の場合の結果例：post-100 post type-post status-publish format-standard has-post-thumbnail hentry

例２．任意のclass名を追加する。

下記の例では上記に加えてarticleという任意のclass名を表示します。

<?php post_class('article'); ?>

<?php post_class('article'); ?>

記事IDが100の場合の結果例：article post-100 post type-post status-publish format-standard has-post-thumbnail hentry

学習者向け補足情報

よくある使い方

下記のコードは投稿の親divにpost_class()を使って、自動的にclass名を表示する例です。

<div <?php post_class('article'); ?>>
	<?php if (have_posts()) : ?>
		<?php while (have_posts()) : the_post(); ?>
			<?php the_content(); ?>
		<?php endwhile; ?>
	<?php endif; ?>
</div>

<div <?php post_class('article'); ?>>
	<?php if (have_posts()) : ?>
		<?php while (have_posts()) : the_post(); ?>
			<?php the_content(); ?>
		<?php endwhile; ?>
	<?php endif; ?>
</div>

関連するテンプレートタグ