OKADA LABO

指定の固定ページ advanced custom field設定 カスタムフィールドの値を持ってくる

お客様でバナー画像をwordpress管理画面で修正できるようにしたいとのことなので、
お客様が編集する専門の固定ページをつくり
そのページにadvanced custom field でカスタムフィールドを設定し、
その値を取得して、好きなページに出力する。

 

編集用固定ページのスラッグはtop-bannerとする
バナー画像フィールド名はbannerPcとする
キャプションのフィールド名はbannerCapとする

 

advanced custom field設定

 

<?php #固定ページ TOPページバナー スラッグ top-banner を取得。the_fieldで表示
$page_id = get_page_by_path('top-banner');
?>

<img src="<?php the_field('bannerPc’,$page_id); ?>" width="100%" alt="広告">

<p class="text"><?php the_field('bannerCap',$page_id); ?></p>

これですきなページに表示できる