post_class()

WordPressのpost_class()関数は、投稿やページにCSSクラスを追加するために使用されます。これにより、特定の投稿やページに対してスタイルを簡単に適用することができます。

構文

post_class( string|array $class = '', int|WP_Post $post_id = null );

引数の説明:

• $class(string|array) — 追加するCSSクラスを指定します。文字列または配列で指定可能です。
• $post_id(int|WP_Post) — クラスを追加する投稿のIDまたは投稿オブジェクトを指定します。指定しない場合、現在の投稿が使用されます。

例1: 基本的な使用法

この例では、投稿にデフォルトのCSSクラスを追加します。

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>></article>

例2: カスタムクラスの追加

この例では、投稿にカスタムCSSクラスを追加します。

<article id="post-<?php the_ID(); ?>" <?php post_class('custom-class'); ?>></article>

例3: 複数のカスタムクラスの追加

この例では、投稿に複数のCSSクラスを追加します。

<article id="post-<?php the_ID(); ?>" <?php post_class(array('class-one', 'class-two')); ?>></article>

例4: 特定の投稿にクラスを追加

この例では、特定の投稿IDに対してCSSクラスを追加します。

<article id="post-<?php the_ID(); ?>" <?php post_class('', get_post(123)); ?>></article>

例5: カスタム投稿タイプにクラスを追加

この例では、カスタム投稿タイプに対してCSSクラスを追加します。

<article id="post-<?php the_ID(); ?>" <?php post_class('custom-post-type-class'); ?>></article>

例6: 条件に基づいてクラスを追加

この例では、条件に基づいて異なるCSSクラスを追加します。

<article id="post-<?php the_ID(); ?>" <?php post_class(is_single() ? 'single-post' : 'not-single'); ?>></article>

例7: カテゴリに基づいてクラスを追加

この例では、投稿が属するカテゴリに基づいてCSSクラスを追加します。

<article id="post-<?php the_ID(); ?>" <?php post_class(has_category('news') ? 'news-post' : 'regular-post'); ?>></article>

注意点

• post_class()は、投稿のコンテナ要素（通常は<article>）に直接使用することを推奨します。
• カスタムクラスを追加する際は、既存のクラスと競合しないように注意してください。