WordPressの記事カスタムフィールドとは?初心者ガイド

使用中 ワードプレス ウェブサイトを構(gòu)築する過程で、多くの初心者は記事編集ページに「カスタムフィールド」という機(jī)能があることに気づくが、それについてあまり知らない。この記事では、この機(jī)能に焦點(diǎn)を當(dāng)て、その意味、目的、使用方法、一般的な適用シナリオを紹介し、初心者がすぐに基本的な理解を確立できるようにします。

畫像[1]-初心者向けWordPressカスタムフィールドチュートリアル:メソッドの意味、目的、使い方を解説

I. カスタムフィールドの意味

WordPressで記事を書く場(chǎng)合、タイトル、本文、カテゴリー、タグ、畫像といった通常の內(nèi)容を記述します。しかし、「ソースリンク」、「評(píng)価」、「商品価格」など、特定の投稿に追加情報(bào)を加えたい場(chǎng)合があります。このような追加情報(bào)は、"カスタムフィールド(カスタムフィールド)」機(jī)能が実裝されている。

カスタムフィールドは "key "と "value "として表示され、カスタムラベルと対応するコンテンツのペアとして解釈することができます。例えば

  • キー:価格
  • 価格:199ドル
寫真[2]-初心者向けWordPressカスタムフィールド入門:意味、目的、使い方の詳細(xì)

このデータは、記事本文には直接表示されないがテーマテンプレートまたはプラグインを呼び出すことで、フロントエンドに適切な形で表示することができます。

II.カスタムフィールドの役割

カスタムフィールドはしばしば記事に構(gòu)造化された追加情報(bào)を追加するために使用されます。下記は典型的なアプリケーションの例です:

例1:おすすめ記事のタグ付け

トップページに「注目のコンテンツ」を表示したい場(chǎng)合は、以下のフィールドを追加します:

  • フィールド名:is_featured
  • フィールド値:はい

ウェブサイトテンプレートは、記事が推奨コンテンツかどうかを適宜判斷し、記事タイトルの橫にロゴを表示することができる。

例2:追加ビデオリンク

グラフィック?チュートリアルの記事を書くとき、しばしば解説ビデオを添える必要がある。フィールドは以下のように設(shè)定できる:

このテーマは、コンテンツのリッチさを高めるために、フィールドに基づいて自動(dòng)的にそのビデオアドレスを本文に埋め込むことができる。

例3:商品表示と価格情報(bào)

陳列商品カテゴリの記事には、以下のフィールドを設(shè)定することができます:

  • フィールド名:product_price
  • フィールド値:199円

テーマが商品表示テンプレートをサポートしている場(chǎng)合、フィールドをページの指定領(lǐng)域に直接表示することができます。

III.カスタムフィールドを開く方法

WordPressの新しいバージョンでは、カスタムフィールドはデフォルトで非表示になっています。オンにする方法は以下の通り:

  • 記事編集ページへ
  • 右上の「3點(diǎn)メニュー」ボタンをクリックし、「設(shè)定」または「環(huán)境設(shè)定」を選択します。
寫真[3]-初心者向けWordPressカスタムフィールド入門:意味、目的、使い方の詳細(xì)
  • 左側(cè)の "General "カテゴリーを選択し、"Advanced "セクションまでスクロールダウンし、"Custom fields "を見つけて有効にする。
寫真[4]-初心者向けWordPressカスタムフィールド入門:意味、目的、使い方の詳細(xì)
  • ページが更新されると、投稿の下に「カスタムフィールド」エリアが表示されます。
寫真[5]-初心者向けWordPressカスタムフィールド入門:意味、目的、使い方の詳細(xì)

IV.カスタムフィールドの追加手順

上記の設(shè)定が完了したら、編集エリアの下に必要なフィールドを追加します。具體的な手順は以下の通りです:

  1. カスタムフィールドの追加」をクリックする。
  2. Nameフィールドにフィールド名(例:価格)を入力する。
  3. Value "に詳細(xì)を入力(例:199ドル)
  4. カスタムフィールドの追加」ボタンをクリックし、記事を更新する。
寫真[6]-初心者向けWordPressカスタムフィールド入門:意味、目的、使い方の詳細(xì)

V. カスタムフィールドでよく使われるオブジェクト

カスタムフィールド機(jī)能は、コンテンツ管理の必要性が高いサイトに適しています。テーマまたはプラグインこれらのフィールドの呼び出しをサポートすることで、より柔軟なコンテンツの表示方法が可能になる。例

  • ニュースサイトは各記事に「記者名」と「掲載場(chǎng)所と時(shí)間」を加える。
寫真[7]-初心者向けWordPressカスタムフィールド入門:意味、目的、使い方の詳細(xì)
  • 商品タイプページに「在庫(kù)數(shù)」と「商品コード」を添付します。
  • レーティング」や「主演」などのフィールドで、映畫推薦ページのコンテンツ構(gòu)造を充実させる。

サイトのポジショニングが比較的単純な場(chǎng)合、例えば次のようになる。個(gè)人ブログこの機(jī)能を使いたい場(chǎng)合は、當(dāng)分の間、そのままにしておくことができます。將來(lái)、コンテンツ構(gòu)造が拡張されたときに、再び有効化しても遅くはない。

カスタムフィールドの補(bǔ)助

フィールド管理とフロントエンドのプレゼンテーションを容易にするために、以下のプラグインの助けを借りて効率を高めることができる:

  • 高度なカスタムフィールドACF): コードベースがゼロの人のための視覚的なフィールド管理プラグイン
寫真[8]-初心者向けWordPressカスタムフィールド入門:意味、目的、使い方の詳細(xì)
  • エレメンタル?プロレイアウト設(shè)計(jì)が容易なダイレクトコールフィールドコンテンツをサポート
寫真[9]-初心者向けWordPressカスタムフィールド入門:意味、目的、使い方の詳細(xì)
  • メタボックス複雑な構(gòu)造を必要とするコンテンツモデルのための、もう一つの高度なフィールド管理プラグイン
寫真[10]-初心者向けWordPressカスタムフィールド入門:意味、目的、使い方の詳細(xì)

まとめ

カスタムフィールドは、WordPressコンテンツ管理システムの重要な部分です。より構(gòu)造的で拡張性のある投稿を可能にし、高度にパーソナライズされた情報(bào)提示ページを作成するのに適しています。初心者にとって、基本的なコンセプトとその仕組みを理解することは、高度なウェブサイトを構(gòu)築するための重要なステップです。

サイトの豊富なコンテンツ構(gòu)成と機(jī)能要件の増加に伴い、カスタムフィールドの価値は徐々に反映されていくだろう。初心者の方は、將來(lái)のコンテンツ管理のためにこの機(jī)能を使うという適度な試みを基礎(chǔ)として、記事の基本的な編集をマスターし、基礎(chǔ)を固めることをお?jiǎng)幛幛筏蓼埂?/p>

お問い合わせ
チュートリアルが読めない?無(wú)料でお答えします!個(gè)人サイト、中小企業(yè)サイトのための無(wú)料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨詢:1025174874
Eメール:info@361sale.com
勤務(wù)時(shí)間: 月~金、9:30~18:30、祝日休み
? 複製に関する聲明
この記事はlmxによって書かれた
終わり
好きなら応援してください。
クドス540 分かち合う
おすすめ
解説 ソファ購(gòu)入

コメントを投稿するにはログインしてください

    コメントなし