BLOG

IT情報のお知らせ
「Advanced Custom Fields（ACF）」の出力方法
  • 2019/12/25
  • Share

Advanced Custom Fields（ACF）はWordPressの管理画面上の固定ページやカスタムページなどを編集しやすいようにするプラグインです。
これにより、htmlなどコードが分からない方でも簡単に更新できるようにカスタマイズすることができます。

Advanced Custom Fieldsを出力する

Advanced Custom Fieldsのプラグインにフィールドグループを設定し、index.phpやpage.phpなどに下記の記述をしていきます。

フィールド値を表示させる場合


<p><?php the_field('custom_fields');?></p>
フィールド名を変更する場合は the_field(‘custom_fields’) 内のフィールド名custom_fieldsを変更します。

画像を表示させる場合


<p><img src="<?php the_field('custom_fields'); ?>"></p>
画像を出力する場合は返り値を「配列、URL、ID」の中から選択できます。この記述は「URL」を選択した時の場合です。

繰り返しフィールドの場合


<?php if(have_rows('custom_fields_list')): ?>
<?php while(have_rows('custom_fields_list')): the_row(); ?>

<!--繰り返す内容を記述する-->
<p><?php the_sub_field('custom_fields');?></p>

<?php endwhile; ?>
<?php endif; ?>
要素が何個入るのかが分からない場合は繰り返しフィールドを使用します。ただし、繰り返しフィールドを使う場合はAdvanced Custom Fields Pro（有料）になります。

最後に

この他にもいくつかの機能があります。ぜひ、お役立てください。

CATEGORY

KEYWORD

RECOMMEND