カスタムフィールドで投稿を選ぶことができる投稿オブジェクトの使い方(ACF)

カスタムフィールドとは(Advanced Custom Field)

カスタムフィールドとは、投稿や固定ページ、カテゴリーなど好きな場所に追加できる入力欄のことです。

例えば、弊社サイトのメンバーページでは、名前を入力する欄(カスタムフィールド)を作成していて、

この欄に入力した文字がサイトに表示される仕組みにしています。

このような仕組みを作っておけば、メンバーが増えた時も簡単にメンバーページを作成できるので便利ですね!

弊社では、カスタムフィールドの作成に「Advanced Custom Field」というプラグインを使用することが多いので、今回はAdvanced Custom Fieldでの設定について解説します!

基本的な使い方はこちらの記事で解説

投稿オブジェクトの使い所

カスタムフィールドを作成する時、フィールドタイプを選択します。
ここで「テキスト」を選択するとテキスト入力欄、「画像」を選択すると画像登録欄が表示されます。

今回は、このうち「投稿オブジェクト」を選択します。

投稿オブジェクトを選択すると、文字通り投稿を選ぶことができ、選択した投稿のURLやタイトルなどを出力することができます。

この機能を活用することで、メニューに該当する注意事項を紐づけたり、店舗情報に対応できるオプションを紐づけたりすることできるようになります。

投稿オブジェクトの管理画面での設定

カスタムフィールドは通常と同じ方法で作成し、フィールドタイプの部分で「投稿オブジェクト」を選択します。

特定のカスタム投稿やタクソノミーの記事を選択させたい場合は、こちらで設定します。

返り値のフォーマットでは「投稿オブジェクト」を選択してください。

投稿オブジェクトの出力方法

出力する方法は、以下のとおりです。「custom_field」の部分には自分で設定したフィールド名を記述します。

<!-- オブジェクトの内容を変数にいれる -->
<?php
  $post_objects = get_field('custom_field');
?>


<!-- オブジェクトの内容を出力する -->
<!-- タイトル -->
<?php echo get_the_title($post_objects->ID); ?>

<!-- URL -->
<?php echo get_permalink($post_objects->ID); ?>

繰り返しフィールド内の投稿オブジェクトの場合

投稿オブジェクトのカスタムフールドが繰り返しフィールド内にある場合は、変数へ代入するときの記述が少し違います。以下の「sub_custom_field」の部分に自分で設定したサブフィールド名を記述してください!

<!-- オブジェクトの内容を変数にいれる -->
<?php
  $post_objects = get_sub_field('sub_custom_field');
?>

繰り返しフィールドについてはこちらの記事で解説しています

まとめ

今回はカスタムフィールドの投稿オブジェクトについて解説しました。
カスタムフィールドを使いこなすことで更新のしやすいサイトが作れるので、ぜひマスターしてみてください!

こちらの記事もおすすめ

この記事をシェアする

関連記事

  • 2023.12.30

    案件を切り替える拡張機能「Project Manager」が便利!

    コーディング

  • 2023.12.29

    記事タイトルを行数で制御するCSS

    CSS

    コーディング

  • 2023.12.29

    CSSのホバーを工夫するようになった話

    コーディング

    制作

おすすめ記事

  • 2022.04.28

    【カメラ初心者向け】物撮りが上手くなるコツ ~食べ物編~

    その他

    制作

  • 2022.04.22

    【動画編集ソフト】アフターエフェクトとプレミアプロってなにが違うの?違いと使い分けを解説!

    制作

    動画

  • 2022.05.31

    超簡単!GoogleMapの色をサイトにあわせて変える方法

    コーディング

    制作

×