WordPressのサイト構築プロセスではカスタムフィールド(カスタムフィールド)は、記事やページに、読了時間、著者情報、ソースリンク、評価などの追加情報を追加することができます。これらのフィールドはコンテンツ構造を拡張するのに便利ですが、多くの人がコードを書かないと使えないと誤解しています。
実際には、プラグインの助けを借りて、任意のプログラミングの知識がなくても、フィールドを追加し、管理するためのグラフィカルなインターフェイスを介して実現することができます。この記事では、一般的に使用される無料のプラグインを紹介し、ゼロ基本的なウェブマスターの操作に適した手順の完全な使用を説明します。
![画像[1] - ACFプラグインを使ってWordPressウェブサイトにカスタムフィールドを追加する方法(ゼロベース・チュートリアル)](https://www.361sale.com/wp-content/uploads/2025/06/20250625141326918-image.png)
I. カスタムフィールドはどのような問題の解決に適しているのか?
カスタムフィールドは、記事に条件を付けるのに適している。エディタその先のデータ。一般的な用途は以下の通り:
- 各記事に「出典」または「参照リンク」を追加する。
- イベントページに "開始時間 "と "場所 "フィールドを追加
- プロジェクトのショーケースページに、「クライアント名」と「プロジェクトステージ」を追加してください。
- コースページに「時間数」「講師名」等のフィールドを設定します。
このデータは本文に掲載する必要はないが、ページ上で明確に構造化された形で提示することが望まれる。
推奨プラグイン:Advanced Custom Fields (ACF)
高度なカスタムフィールド(略してACF)は広く使われている無料のプラグインで、バックエンドのインターフェイスを通じてフィールドの作成、設定、表示を行うことができます。
![画像[2] - ACFプラグインを使ってWordPressサイトにカスタムフィールドを追加する方法(ゼロベース・チュートリアル)](https://www.361sale.com/wp-content/uploads/2025/06/20250625141759437-image.png)
プラグインの特徴
- コードを書かずにフィールドを作成する
- サポートテキスト写真日付、チェックボックスなどの様々なフィールドタイプ。
- どの投稿やページにフィールドを表示させるかを柔軟にコントロールできる。
- フィットごかんけいせいぼおんまたはエディターがフィールドデータを表示する
III.完全な操作ステップ(全体を通してグラフィカル)
ACFプラグインを使用してフィールドを追加する以下の手順は、すべてのタイプのウェブマスターに適しています。
ステップ1:プラグインのインストール
- WordPressバックエンドにログイン
- プラグイン → プラグインのインストール]を開きます。
![画像[3] - ACFプラグインを使ってWordPressサイトにカスタムフィールドを追加する方法(ゼロベース・チュートリアル)](https://www.361sale.com/wp-content/uploads/2025/06/20250625142203885-image.png)
- 探す
高度なカスタムフィールド
![画像[4] - ACFプラグインを使用してWordPressウェブサイトにカスタムフィールドを追加する方法(ゼロベースチュートリアル)](https://www.361sale.com/wp-content/uploads/2025/06/20250625142140693-image.png)
- インストール]をクリックし、プラグインを有効にする
ステップ2:フィールドグループの作成
- バックエンドメニューの[フィールドグループ]に移動する。
- フィールドグループの追加]をクリックする
![画像[5] - ACFプラグインを使用してWordPressウェブサイトにカスタムフィールドを追加する方法(ゼロベースチュートリアル)](https://www.361sale.com/wp-content/uploads/2025/06/20250625142438844-image.png)
- 輸入フィールドグループ例:"記事の拡張情報"
![画像[6] - ACFプラグインを使用してWordPressウェブサイトにカスタムフィールドを追加する方法(ゼロベースチュートリアル)](https://www.361sale.com/wp-content/uploads/2025/06/20250625143339921-image.png)
ステップ 3: フィールドの追加
- フィールドグループの下にある[Add Field]をクリックします。
![画像[7] - ACFプラグインを使用してWordPressウェブサイトにカスタムフィールドを追加する方法(ゼロベースチュートリアル)](https://www.361sale.com/wp-content/uploads/2025/06/20250625143255851-image.png)
- 入力フィールドのラベル(「記事の出典」など)
![画像[8] - ACFプラグインを使ってWordPressサイトにカスタムフィールドを追加する方法(ゼロベース・チュートリアル)](https://www.361sale.com/wp-content/uploads/2025/06/20250625143415821-image.png)
- フィールド名はシステムによって自動的に生成される(システム識別のため)
![画像[9] - ACFプラグインを使ってWordPressウェブサイトにカスタムフィールドを追加する方法(基本ゼロのチュートリアル)](https://www.361sale.com/wp-content/uploads/2025/06/20250625143455780-image.png)
- フィールドの種類を選択できます。コピー写真、日付など
![画像[10] - ACFプラグインを使ってWordPressウェブサイトにカスタムフィールドを追加する方法(ゼロベース・チュートリアル)](https://www.361sale.com/wp-content/uploads/2025/06/20250625143528832-image.png)
- 複数のフィールドを追加する必要がある場合は、これを繰り返します。
ステップ4:フィールドを表示する場所を設定する
Locationの設定で、どのページタイプにフィールドグループを表示させるかを選択する:
- 表示: 記事
![画像[11] - ACFプラグインを使ってWordPressサイトにカスタムフィールドを追加する方法(ゼロベース・チュートリアル)](https://www.361sale.com/wp-content/uploads/2025/06/20250625143654587-image.png)
- こちらも利用可能ウェブページポジション、特定のカテゴリー、ラベルなど。
![画像[12] - ACFプラグインを使ってWordPressサイトにカスタムフィールドを追加する方法(基本ゼロのチュートリアル)](https://www.361sale.com/wp-content/uploads/2025/06/20250625143748904-image.png)
ステップ5:保存して使用する
- 右上の[Save Changes]フィールドグループをクリックします。
![画像[13] - ACFプラグインを使ってWordPressウェブサイトにカスタムフィールドを追加する方法(ゼロベース・チュートリアル)](https://www.361sale.com/wp-content/uploads/2025/06/20250625144052343-image.png)
- これで、投稿を編集するときに、先ほど設定したフィールド入力ボックスがページの下に表示されるようになります。
![画像[14] - ACFプラグインを使ってWordPressサイトにカスタムフィールドを追加する方法(基本ゼロのチュートリアル)](https://www.361sale.com/wp-content/uploads/2025/06/20250625144237777-image.png)
- フィールドの内容を入力し、記事を更新する
第四に、推奨プラグインの組み合わせ(すべて無料ツール)
| プラグイン名 | 用途 |
|---|---|
| 高度なカスタムフィールド | あらゆるタイプのページのフィールド作成と入力 |
| カスタム投稿タイプUI | ACFと相性の良いカスタマイズされたコンテンツタイプ |
| メタボックス | ACFに代わる強力な現場管理能力 |
V. まとめ
プラグインを通してカスタムフィールドを追加すると、バックエンドの入力プロセスが簡単になるだけでなく、サイトのコンテンツがより構造化され、管理しやすくなります。ACFプラグインコードロジックを理解する必要がなく、フィールドを操作する明確で直感的な方法をユーザーに提供し、柔軟に記事内に様々な拡張情報を追加することができます。
ウェブサイトのコンテンツの標準化を改善したいが、そのための開発スキルがないユーザーに最適です。複数の投稿タイプでフィールドを再利用したり、カラムごとに異なるフィールド内容を表示したりといった高度な機能については、プラグインを組み合わせる方法をさらに探求し続けることもできます。
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:info@361sale.com | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |
この記事へのリンクhttps://www.361sale.com/ja/62995この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。






















![絵文字[wozuimei]-Photonflux.com|プロのWordPress修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 専門WordPress修復サービス、全世界対応、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

コメントなし