見出し画像

【Arkhe】関連記事エリアの投稿にカスタムフィールドを表示するカスタマイズの覚書


WordPressテーマArkheで不動産サイト作った際のメモです。

記事テンプレート(single.php)の下に表示される関連記事部分にカスタムフィールドを追加表示するカスタマイズを実装しました。



サンプルサイト


Arkheの関連記事エリアの投稿にカスタムフィールド表示したサンプルです↓

【Arkhe】関連記事にカスタムフィールドを表示したサンプル
【Arkhe】関連記事にカスタムフィールドを表示


→サンプルサイトを開く

不動産サイトを作っていたのですが、「ここは物件の概要(カスタムフィールド)を出して」というクライアントの要望を受けてカスタマイズしてみました。




カスタマイズの内容


【フックでのカスタマイズ】

Arkheの独自フックを使いました。

Code Snippetsプラグインを使い、テンプレートファイルを編集せず、子テーマを使わない運用を考慮したカスタマイズです。

※子テーマ環境でも使えるテクニックです。


【カスタムフィールド】

サンプルサイトでは、Advanced Custom Fieldsプラグインでカスタムフィールドを作成しています(※プラグインは無料バージョンです。)

作成したのは2つです↓

プラグインの設定



【サイトの構成】

サンプルサイトの環境についてです。

  • WordPress:6.1.1

  • Arkhe:3.4.2

WordPress、テーマともに記事執筆時に利用可能な最新バージョンです。
※Arkheは無料です。有料の拡張プラグインは利用していません。

ちなみに、カテゴリーなどのアーカイブページにカスタムフィールドを出力する方法は次の記事で解説しています。




更新履歴

本記事の更新履歴です。

  • 2023年1月 記事公開



有料記事部分では、カスタマイズに使ったコードを用意してあります。


ここから先は

1,912字

¥ 9,890

この記事が気に入ったらサポートをしてみませんか?