758 view

「Advanced Custom Fields」single.phpで関連記事の表示制御カスタマイズ

「Advanced Custom Fields」single.phpで関連記事の表示制御カスタマイズ 公開日:2021/06/30
この記事のURLとタイトルをコピーする

「特定の記事を特定の記事に関連記事として常時固定で表示させたい!」という依頼を承ることがあります。

本記事では、管理画面で選択した記事を、記事ページごとに関連記事として常時表示するカスタマイズを「Advanced Custom Fields」プラグインを使用し、実装していきます。
それでは早速、今回のカスタマイズで使用する「Advanced Custom Fields」プラグインをインストールします。

Advanced Custom Fields

インストール手順は下記で説明しておりますので、併せてご覧ください。

目次 [ひらく ▼]

Advanced Custom Fieldsの初期設定

管理画面 > カスタムフィールド > 新規追加をクリックし、フィールドグループを新規追加します。

フィールドグループを新規追加

「+フィールドを追加」クリックし、「ラベル」「フィールド名」「フィールドタイプ」「選択肢」を設定します。
タイプ「関連」を選択し、返り値のフォーマットは「投稿ID」とします。

関連記事 カスタムフィールド

記事編集画面に先ほど追加したカスタムフィールドが追加されていることを確認します。

関連記事 カスタムフィールド

関連記事としてその記事に表示したい記事を選択します。
こちらで「Advanced Custom Fields」側での設定は完了です。

テーマファイルへの追記(single.php)

こちらで「Advanced Custom Fields」で記事ページ(single.php)への関連記事の表示カスタマイズは完了です。

まとめ

「Advance Custom Field」プラグインを使用し、関連記事を記事ページに表示させる方法をまとめました。
「Advance Custom Field」はとても便利なプラグインなので、様々な使い方ができ、重宝します。

ホームページ制作会社は、WEBの知識がない人でも簡単に更新、運用出来るホームページを制作・納品することが重要と考えます。


この記事のURLとタイトルをコピーする
TOP