使用中 ワードプレス ウェブサイトを構築する過程で、多くの初心者は記事編集ページに「カスタムフィールド」という機能があることに気づくが、それについてあまり知らない。この記事では、この機能に焦点を当て、その意味、目的、使用方法、一般的な適用シナリオを紹介し、初心者がすぐに基本的な理解を確立できるようにします。
![画像[1]-初心者向けWordPressカスタムフィールドチュートリアル:メソッドの意味、目的、使い方を解説](https://www.361sale.com/wp-content/uploads/2025/06/20250619150754132-image.png)
I. カスタムフィールドの意味
WordPressで記事を書く場合、タイトル、本文、カテゴリー、タグ、画像といった通常の内容を記述します。しかし、「ソースリンク」、「評価」、「商品価格」など、特定の投稿に追加情報を加えたい場合があります。このような追加情報は、"カスタムフィールド(カスタムフィールド)」機能が実装されている。
カスタムフィールドは "key "と "value "として表示され、カスタムラベルと対応するコンテンツのペアとして解釈することができます。例えば
- キー:価格
- 価格:199ドル
![写真[2]-初心者向けWordPressカスタムフィールド入門:意味、目的、使い方の詳細](https://www.361sale.com/wp-content/uploads/2025/06/20250619153622119-image.png)
このデータは、記事本文には直接表示されないがテーマテンプレートまたはプラグインを呼び出すことで、フロントエンドに適切な形で表示することができます。
II.カスタムフィールドの役割
カスタムフィールドはしばしば記事に構造化された追加情報を追加するために使用されます。下記は典型的なアプリケーションの例です:
例1:おすすめ記事のタグ付け
トップページに「注目のコンテンツ」を表示したい場合は、以下のフィールドを追加します:
- フィールド名:is_featured
- フィールド値:はい
ウェブサイトテンプレートは、記事が推奨コンテンツかどうかを適宜判断し、記事タイトルの横にロゴを表示することができる。
例2:追加ビデオリンク
グラフィック・チュートリアルの記事を書くとき、しばしば解説ビデオを添える必要がある。フィールドは以下のように設定できる:
- フィールド名:video_url
- フィールドの値:https://example.com/video
このテーマは、コンテンツのリッチさを高めるために、フィールドに基づいて自動的にそのビデオアドレスを本文に埋め込むことができる。
例3:商品表示と価格情報
陳列商品カテゴリの記事には、以下のフィールドを設定することができます:
- フィールド名:product_price
- フィールド値:199円
テーマが商品表示テンプレートをサポートしている場合、フィールドをページの指定領域に直接表示することができます。
III.カスタムフィールドを開く方法
WordPressの新しいバージョンでは、カスタムフィールドはデフォルトで非表示になっています。オンにする方法は以下の通り:
- 記事編集ページへ
- 右上の「3点メニュー」ボタンをクリックし、「設定」または「環境設定」を選択します。
![写真[3]-初心者向けWordPressカスタムフィールド入門:意味、目的、使い方の詳細](https://www.361sale.com/wp-content/uploads/2025/06/20250619151133879-image.png)
- 左側の "General "カテゴリーを選択し、"Advanced "セクションまでスクロールダウンし、"Custom fields "を見つけて有効にする。
![写真[4]-初心者向けWordPressカスタムフィールド入門:意味、目的、使い方の詳細](https://www.361sale.com/wp-content/uploads/2025/06/20250619151330390-image.png)
- ページが更新されると、投稿の下に「カスタムフィールド」エリアが表示されます。
![写真[5]-初心者向けWordPressカスタムフィールド入門:意味、目的、使い方の詳細](https://www.361sale.com/wp-content/uploads/2025/06/20250619152940407-image.png)
IV.カスタムフィールドの追加手順
上記の設定が完了したら、編集エリアの下に必要なフィールドを追加します。具体的な手順は以下の通りです:
- カスタムフィールドの追加」をクリックする。
- Nameフィールドにフィールド名(例:価格)を入力する。
- Value "に詳細を入力(例:199ドル)
- カスタムフィールドの追加」ボタンをクリックし、記事を更新する。
![写真[6]-初心者向けWordPressカスタムフィールド入門:意味、目的、使い方の詳細](https://www.361sale.com/wp-content/uploads/2025/06/20250619153211269-image.png)
V. カスタムフィールドでよく使われるオブジェクト
カスタムフィールド機能は、コンテンツ管理の必要性が高いサイトに適しています。テーマまたはプラグインこれらのフィールドの呼び出しをサポートすることで、より柔軟なコンテンツの表示方法が可能になる。例
- ニュースサイトは各記事に「記者名」と「掲載場所と時間」を加える。
![写真[7]-初心者向けWordPressカスタムフィールド入門:意味、目的、使い方の詳細](https://www.361sale.com/wp-content/uploads/2025/06/20250619153445163-image.png)
- 商品タイプページに「在庫数」と「商品コード」を添付します。
- レーティング」や「主演」などのフィールドで、映画推薦ページのコンテンツ構造を充実させる。
サイトのポジショニングが比較的単純な場合、例えば次のようになる。個人ブログこの機能を使いたい場合は、当分の間、そのままにしておくことができます。将来、コンテンツ構造が拡張されたときに、再び有効化しても遅くはない。
カスタムフィールドの補助
フィールド管理とフロントエンドのプレゼンテーションを容易にするために、以下のプラグインの助けを借りて効率を高めることができる:
- 高度なカスタムフィールドACF): コードベースがゼロの人のための視覚的なフィールド管理プラグイン
![写真[8]-初心者向けWordPressカスタムフィールド入門:意味、目的、使い方の詳細](https://www.361sale.com/wp-content/uploads/2025/06/20250619154455601-image.png)
- エレメンタル・プロレイアウト設計が容易なダイレクトコールフィールドコンテンツをサポート
![写真[9]-初心者向けWordPressカスタムフィールド入門:意味、目的、使い方の詳細](https://www.361sale.com/wp-content/uploads/2025/06/20250619154530498-image.png)
- メタボックス複雑な構造を必要とするコンテンツモデルのための、もう一つの高度なフィールド管理プラグイン
![写真[10]-初心者向けWordPressカスタムフィールド入門:意味、目的、使い方の詳細](https://www.361sale.com/wp-content/uploads/2025/06/20250619154559898-image.png)
まとめ
カスタムフィールドは、WordPressコンテンツ管理システムの重要な部分です。より構造的で拡張性のある投稿を可能にし、高度にパーソナライズされた情報提示ページを作成するのに適しています。初心者にとって、基本的なコンセプトとその仕組みを理解することは、高度なウェブサイトを構築するための重要なステップです。
サイトの豊富なコンテンツ構成と機能要件の増加に伴い、カスタムフィールドの価値は徐々に反映されていくだろう。初心者の方は、将来のコンテンツ管理のためにこの機能を使うという適度な試みを基礎として、記事の基本的な編集をマスターし、基礎を固めることをお勧めします。
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:info@361sale.com | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |
この記事へのリンクhttps://www.361sale.com/ja/61029この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。























![絵文字[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)

コメントなし