WooCommerceのカテゴリーサムネイル画像を表示する方法

方法1: カテゴリーページのテンプレートファイルを編集する

1. テーマフォルダ内にある「woocommerce」フォルダを開きます。
2. 「templates」フォルダ内にある「archive-product.php」ファイルを見つけます。
3. このファイルを子テーマにコピーし、編集します（子テーマを使用することをおすすめします）。
4. 「archive-product.php」ファイル内の適切な場所に、以下のコードを追加します。

if ( is_product_category() ) {
    global $wp_query;
    $cat = $wp_query->get_queried_object();
    $thumbnail_id = get_woocommerce_term_meta( $cat->term_id, 'thumbnail_id', true );
    echo wp_get_attachment_image( $thumbnail_id, 'thumbnail' );
}

5. 保存してファイルをアップロードします。

方法2: カスタムフィールドを使用する

1. Advanced Custom Fields（ACF）などのプラグインを使用して、カテゴリーごとにサムネイル画像を追加するカスタムフィールドを作成します。
2. カスタムフィールドの値をテンプレートファイルに表示するために、以下のコードを使用します。

if ( is_product_category() ) {
    $thumbnail_id = get_field( 'thumbnail', 'product_cat_' . get_queried_object_id() );
    echo wp_get_attachment_image( $thumbnail_id, 'thumbnail' );
}

方法3: プラグインを使用する

1. 「WooCommerce Category Banner」や「WooCommerce Category Image」などのプラグインを使用して、カテゴリーサムネイル画像を表示します。
2. プラグインをインストールし、設定を行います。各プラグインには独自の手順があるため、ドキュメントを参照してください。

これらの方法を使用すると、WooCommerceのカテゴリーサムネイル画像を表示することができます。選択した方法に応じて、テンプレートファイルの編集やプラグインの設定が必要になる場合があります。ご希望の方法を選んで実装してみてください。