その他

2022.07.20

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

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

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

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

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

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

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

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

[card url=”https://note.spiqa.design/wp/acf/”]

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

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

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

投稿オブジェクトを選択すると、文字通り投稿を選ぶことができ、選択した投稿の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');
?>

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

[card url=”https://note.spiqa.design/wp/repeater-field/”]

まとめ

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

こちらの記事もおすすめ

[card url=”https://note.spiqa.design/wp/wordpress-term2/”]

この記事をシェアする

関連記事

  • 2024.03.22

    Webデザインにおけるアニメーションについて考えてみた〜実例編〜

    その他

  • 2024.03.12

    Webデザインにおけるアニメーションについて考えてみた〜メリット・デメリット編〜

    その他

  • 2024.02.02

    Webデザインにおけるアニメーションについて考えてみた〜目的編〜

    その他

おすすめ記事

  • 2021.07.06

    枠線や下線を引きたい!CSSのborderの使い方を解説【初心者向け】

    その他

  • 2021.12.21

    エラーでよく見るHTTPステータスコードとは?

    その他

  • 2022.03.07

    【抜粋文字数が思い通りにならない問題を解消!】投稿本文の抜粋方法(WordPress)

    その他

TAG

×