Advanced Custom Fieldを導入
Advanced Custom Fieldをして有効化しておきます。
フィールドを追加
- フィールド名を決める
- フィールドタイプを決める
- 返り値はID
- 投稿ルールを追加
ACFより新規追加
- フィールドグループ名 メイン画像登録エリア
- フィールド名 main_image とする
- フィールドタイプは画像
- 返り値はID
- 投稿ルールを追加（例として固定ページと地域貢献活動の追加）
カスタムフィールドを呼び出す
if (is_page() || is_singular('daily_contribution')) { $attachment_id = get_field('main_img'); if(is_page()): return wp_get_attachment_image($attachment_id, 'top'); else: return wp_get_attachment_image($attachment_id, 'detail'); endif;
}get_field():カスタムフィールドを呼び出す
wp_get_attachment_image():
ACFより新規追加
- フィールドグループ名 イベント種類拡張エリア
- フィールド名 event_image とする
- フィールドタイプは画像
- 返り値はID
- 投稿ルールを追加（タクソノミー イベントの種類）追加指定タクソノミーを選択する
$term_obj = get_queried_object();
$image_id = get_field('event_img', $term_obj->taxonomy. '_'. $term_obj->term_id);
return wp_get_attachment_image($image_id, 'detail');$term_obj = get_queried_object();get_queried_object()関数: 現在表示されているページに関連するオブジェクト（投稿、ページ、用語など）を取得します。この場合、用語オブジェクトを取得していると考えられます。$term_obj変数: 取得した用語オブジェクトを格納します。この変数には、用語のID、スラッグ、名前などの情報が含まれています。
$image_id = get_field('event_img', $term_obj->taxonomy. '_'. $term_obj->term_id);get_field関数: Advanced Custom Fields（ACF）プラグインの関数で、カスタムフィールドの値を取得します。'event_img': 画像のIDが保存されているカスタムフィールドの名前です。$term_obj->taxonomy. '_'. $term_obj->term_id: 用語のユニークな識別子を作成します。用語の分類（タクソノミー）と用語のIDを組み合わせることで、どの用語の画像を取得するかを特定します。
return wp_get_attachment_image($image_id, 'detail');wp_get_attachment_image関数: 画像の添付ファイルIDから、HTML形式の画像タグを生成します。$image_id: 2.で取得した画像のID。'detail': 画像のサイズ。WordPressの設定で事前に定義された画像サイズです。
ACFで新規追加する
今回は店舗１，店舗２の２つのフィールドグループを作成
今回は店舗１，店舗２の２つのフィールドグループを作成
- フィールドグループ名 店舗１の詳細、店舗２の詳細
- フィールド名 first_shop_detailとする
- フィールドタイプはgroup
- 投稿ルールを追加（ページテンプレート 店舗詳細）追加指定タクソノミーを選択する
- レイアウト 行
- サブフィールドを追加（詳細は下記）
サブフィールドを追加
追加指定項目を追加する。
追加指定項目を追加する。
- 店舗名 shop_name
- 店舗画像 shop_img
- アピールポイント shop_strength
- 営業時間 shop_hours
- フロア情報 floor_info
//呼びたいところで
<?php
$shops = array('first_shop_detail', 'second_shop_detail');
foreach ($shops as $shop): if (have_rows($shop)): while (have_rows($shop)): the_row(); get_template_part('content-shop-detail'); endwhile; endif;
endforeach;
?>
//content-shop-detail.php
<li class="shopList-item"> <div class="shop-image"> <?php $image_id = get_sub_field('shop_img'); echo wp_get_attachment_image($image_id, 'shop_detail'); ?> </div> <div class="shop-body"> <p class="shop-title"><?php the_sub_field('shop_name') ?> </p> <p class="shop-caption"> <?php the_sub_field('shop_strength'); ?> </p> <div class="shop-detail"> <dl> <dt>営業時間</dt> <dd> <?php the_sub_field('shop_hours'); ?> </dd> </dl> <dl> <dt>フロア情報</dt> <dd> <?php the_sub_field('floor_info'); ?> </dd> </dl> </div> </div>
</li>ACFで新規追加
- フィールドグループ名 英語タイトル
- フィールド名 english_titleとする
- フィールドタイプはテキスト
- 投稿ルールを追加（固定ページ、カスタム投稿、カテゴリ、カスタムタクソノミー）追加指定したいページ、タクソノミーを選択する
//英語タイトルを得るための関数を作成
function get_main_en_title() { if ( is_category() ):
// カテゴリページでtermオブジェクトを得る $term_obj = get_queried_object(); $english_title = get_field( 'english_title', $term_obj->taxonomy. '_'. $term_obj->term_id ); return $english_title; elseif ( is_singular( 'post' ) ): $term_obj = get_the_category(); $english_title = get_field( 'english_title', $term_obj[0]->taxonomy. '_'. $term_obj[0]->term_id ); return $english_title; elseif ( is_page() || is_singular( 'daily_contribution' ) ): return get_field( 'english_title' ); elseif ( is_search() ): return 'Search Result'; elseif ( is_404() ): return '404 Not Found'; elseif ( is_tax() ): $term_obj = get_queried_object(); $english_title = get_field( 'english_title', $term_obj->taxonomy. '_'. $term_obj->term_id ); return $english_title; endif;
}