WordPressのカスタムフィールドの使い方

カスタムフィールドとは

WordPressのカスタムフィールドとは、投稿や固定ページに、タイトルや本文以外の独自の入力項目を追加できる機能です。

通常、WordPressの投稿画面には「タイトル」と「本文」の入力欄が標準で用意されていますが、それだけでは表現できない情報を追加したい場合にカスタムフィールドが役立ちます。

カスタムフィールドの活用例

• ECサイト: 商品名や説明文に加え、価格、在庫状況、サイズ、色、素材などの詳細情報を追加する。
• 不動産サイト: 物件名や説明文に加え、住所、間取り、築年数、価格などの情報を追加する。
• イベント告知サイト: イベント名や詳細に加え、開催日時、場所、参加費などの情報を追加する。
• レビューサイト: 商品名やレビュー内容に加え、評価点、メーカー名、型番などの情報を追加する。

カスタムフィールドを使うメリット

• 入力作業の効率化: 毎回同じ情報を手動で入力する手間が省け、作業時間を短縮できます。
• 表記の統一: 複数人でサイトを管理する場合でも、入力すべき項目が明確になるため、表記のブレを防ぐことができます。
• データの整理: 投稿ごとの独自データを構造化して管理できるため、情報を整理しやすくなります。
• 検索性の向上: カスタムフィールドの値を基準に、投稿を並び替えたり、絞り込み検索を行ったりすることが可能になります。
• 柔軟なWebサイト構築: カスタムフィールドを使いこなすことで、ブログやコーポレートサイトだけでなく、さまざまな種類のWebサイトを柔軟に構築できます。

カスタムフィールドの設定方法

• WordPress標準機能: 標準で搭載されているカスタムフィールド機能を利用する方法です。ただし、入力欄がテキストエリアのみであるなど、シンプルな機能に限定されます。
• プラグイン: 「Advanced Custom Fields (ACF)」や「Custom Field Suite」などのプラグインを利用する方法です。より多様なフィールドタイプ（テキスト、画像、選択肢、日付など）を利用でき、初心者でも簡単に設定できます。

カスタムフィールドは、WordPressの機能を拡張し、より柔軟で使いやすいWebサイトを構築するための強力なツールです。

カスタムフィールドの使い方

WordPressのカスタムフィールドは、投稿や固定ページに標準で用意されている「タイトル」や「本文」以外の情報を追加するための機能です。例えば、商品情報、イベントの日時、レビューの評価など、独自のデータを柔軟に管理できるようになります。

カスタムフィールドの使い方は、主に以下の2つの方法があります。

1. プラグインを使わない方法（コア機能）

WordPressに標準で備わっているカスタムフィールド機能を使う方法です。

1. カスタムフィールドの有効化:
   • 投稿や固定ページの編集画面を開きます。
   • 画面右上の「オプション」または「設定」（縦三点リーダーのアイコン）をクリックします。
   • 表示されるパネルから「カスタムフィールド」にチェックを入れ、「有効化してリロード」をクリックします。
2. カスタムフィールドの追加:
   • 編集画面の下部に「カスタムフィールド」の入力欄が表示されます。
   • 「名前」に任意のキー（例: product_price）を入力し、「値」に表示したい内容（例: 5000）を入力して「カスタムフィールドを追加」をクリックします。
3. テンプレートファイルへの記述:
   • カスタムフィールドの値を投稿ページに表示させるには、テーマのテンプレートファイル（single.phpやcontent.phpなど）を編集する必要があります。
   • PHPの関数を使って値を取得し、HTMLとして出力します。
   • 主な関数:
     • get_post_meta($post_id, $key, $single): 特定のカスタムフィールドの値を取得する際に最も一般的に使われます。
     • the_meta(): すべてのカスタムフィールドをリスト形式で出力します。

この方法は、簡単なカスタムフィールドを追加する場合には便利ですが、投稿ごとに手動で入力する必要があり、複雑なデータを管理するには手間がかかります。

2. プラグインを使う方法

カスタムフィールドをより簡単に、かつ高機能に扱いたい場合は、プラグインを使うのが一般的です。特に、以下のような有名なプラグインが広く使われています。

• Advanced Custom Fields (ACF):
  • カスタムフィールドの定義を簡単に行える、非常に人気のあるプラグインです。
  • テキスト、画像、真偽値、繰り返しフィールドなど、多様なフィールドタイプを選択できます。
  • 「フィールドグループ」として複数のカスタムフィールドをまとめ、表示するページや投稿タイプを設定できます。
  • 直感的な管理画面で設定できるため、専門知識がなくても使いやすいのが大きなメリットです。
• Custom Field Suite (CFS):
  • ACFと似た機能を持つプラグインで、こちらも使いやすいインターフェースが特徴です。（2024年8月20日をもってWordPress公式リポジトリから完全に削除されました。）

プラグインを使ったカスタムフィールドの基本的な流れ（Advanced Custom Fieldsの場合）:

1. プラグインのインストールと有効化:
   • WordPressの管理画面から「プラグイン」→「新規追加」に進み、「Advanced Custom Fields」を検索してインストールし、有効化します。
2. フィールドグループの作成:
   • ACFのメニューから「フィールドグループ」に進み、「新規追加」をクリックします。
   • グループ名（例: 商品情報）を設定し、「フィールドを追加」ボタンから必要なカスタムフィールドを定義していきます。
   • 各フィールドには「フィールドラベル」「フィールド名」「フィールドタイプ」などを設定します。
3. 表示ルールの設定:
   • 作成したフィールドグループをどのページや投稿タイプに表示するかを設定します。
4. 投稿画面での入力:
   • 設定した投稿タイプ（例: 投稿）の新規作成画面を開くと、カスタムフィールドの入力欄が表示されます。
   • ここに情報を入力して保存します。
5. テンプレートファイルへの記述:
   • プラグインが提供する関数（ACFの場合は the_field() や get_field() など）を使って、テンプレートファイルにカスタムフィールドの値を表示させます。

プラグインを利用することで、入力項目の種類を増やすだけでなく、入力時のミスを減らしたり、デザインの一貫性を保ったりといったメリットがあります。

どちらの方法を選ぶかは、目的に応じて判断すると良いでしょう。簡単な情報追加であればコア機能でも十分ですが、複雑な情報を管理したり、運用を効率化したい場合はプラグインの利用を強く推奨します。

カスタムフィールドの注意点

WordPressのカスタムフィールドは、投稿や固定ページに独自のデータを追加できる便利な機能ですが、いくつか注意すべき点があります。

1. PHPの知識が必要

カスタムフィールドは、デフォルトの状態では入力欄が表示されるだけで、サイト上に内容を表示するにはテーマファイルを編集し、PHPコードを記述する必要があります。 プログラミングの知識がないと、この部分でつまずいてしまう可能性が高いです。

2. プラグインを使用する場合

カスタムフィールドを簡単にするプラグイン（例：Advanced Custom Fields (ACF)など）を使用する場合でも、以下の点に注意が必要です。

• プラグインの競合: 他のプラグインと相性が悪く、カスタムフィールドが表示されなかったり、レイアウトが崩れたりする場合があります。
• テーマとの相性: 使用しているテーマによっては、プラグインがうまく動作しないことがあります。
• アップデート時の不具合: WordPress本体やプラグインのアップデート後に、カスタムフィールドが表示されなくなったり、値が消えたりするトラブルが発生することがあります。常に互換性を確認し、バックアップを取ることが重要です。
• プラグインの選び方: 機能が豊富すぎるプラグインは、サイトのパフォーマンス低下につながる可能性があります。必要最低限の機能を持つプラグインを選ぶように心がけましょう。

3. 表示に関する注意点

• 管理画面で表示されない: ブロックエディタ（Gutenberg）では、デフォルトでカスタムフィールド欄が非表示になっていることがあります。投稿編集画面の「表示オプション」から有効化する必要があります。
• サイト上に表示されない:
  • テーマファイルに表示用のPHPコードが記述されていない。
  • PHPコードの記述ミス（例：関数名やフィールド名の間違い）。
  • 表示位置が間違っている（ループの外に記述してしまっている）。
• データが消える: プラグインの不具合や、データベースの更新時にデータが失われる可能性があります。定期的なバックアップは必須です。

4. 設計・運用上の注意点

• フィールド名の重複: フィールド名は重複しないように設定しましょう。
• データ構造: 複雑なデータ構造は、パフォーマンスの低下やメンテナンス性の悪化を招く可能性があります。
• セキュリティ: カスタムフィールドを実装する際は、クロスサイトリクエストフォージェリ（CSRF）対策として、nonceの実装などセキュリティ対策を講じることが重要です。
• クライアントへの引き渡し: クライアントにサイトを引き渡す際は、カスタムフィールドの入力方法や注意点を明確に説明する必要があります。

カスタムフィールドは非常に強力なツールですが、これらの注意点を理解した上で、適切に運用することが大切です。

カスタムフィールドに関連するサービス「ココナラ」

ココナラ は、「知識・スキル・経験」といった個人の「得意」を気軽に売り買いできる、日本最大級のスキルマーケットです。ココナラにはカスタムフィールドに関連すサービスがあります。その他にも、WordPressを使ったホームページ制作、WordPressのインストール・初期設定代行、WordPressのトラブル解決、WordPressに関するコンサルティング・使い方サポートのサービスがあります。

具体的には以下のようなサービスが提供されています。

• カスタムフィールドの追加・設定: WordPressテーマにカスタムフィールドを追加したり、設定したりするサービスです。管理画面から簡単にコンテンツを管理できるようにしたい場合に利用できます。
• カスタムフィールドを使ったサイト制作: カスタムフィールドを活用して、ユーザー投稿型のサイト（求人サイト、不動産情報サイトなど）を制作するサービスもあります。
• カスタムフィールドを使った機能追加: カスタムフィールドの値を利用して、楽天トラベルAPIと連携して宿泊施設を表示したり、特定の条件で投稿を絞り込んだりするような、より高度な機能を追加するサービスもあります。
• カスタムフィールドに関する技術的なサポート: カスタムフィールドの複合検索や表示に関するプログラミングなど、技術的なサポートを請け負うサービスもあります。

「WordPress カスタマイズ」や「カスタムフィールド」といったキーワードで検索すると、様々な出品者やサービスが見つかるかと思います。

ご希望の内容に応じて、個別の出品者に相談したり、見積もりを依頼したりすることも可能です。