カスタムフィールドは、WordPressの投稿やページにメタデータを追加するための強(qiáng)力な機(jī)能です。この方法によって、以下のことが可能になります。ウェブサイトのコンテンツ構(gòu)成の拡大屬詳細(xì)情報(bào)の提供著者プロフィール、製品評(píng)価、レビュー、その他のドメイン固有のコンテンツなどです。この記事では、WordPressで グーテンベルク ウェブサイトへのカスタムフィールドの追加と表示について、プラグインによる方法と手動(dòng)による方法の両方を取り上げ、詳細(xì)な手順とヒントを説明します。

WordPressのカスタムフィールドとは何ですか？

カスタムフィールドはメタデータとも呼ばれ、WordPressの各投稿やページに特定の追加情報(bào)を追加することができます。これらのフィールドはバックエンドの管理畫面に追加データを保存するだけでなく、フロントエンドのページを通じて訪問(wèn)者に表示することもできます。

カスタムフィールドの利點(diǎn)は、ページのテンプレートや構(gòu)造を変更することなく、さまざまなニーズに合わせて獨(dú)自の情報(bào)をコンテンツに追加できることです。これは、eコマース、不動(dòng)産、ブログなど、特定の業(yè)界や用途に非常に役立ちます。

プラグインによるカスタムフィールドの作成

ほとんどのWordPressユーザーにとって、プラグインを使用することはカスタムフィールド機(jī)能を?qū)g裝する最も簡(jiǎn)単な方法です。プラグイン アドバンスドカスタムフィールド（ACF） プラグインを例に挙げると、これは最も人気のあるカスタムフィールドプラグインの1つです。

ステップ1：ACFプラグインのインストールと有効化

1. WordPressのダッシュボードにログインします。
2. 切り替える プラグイン > 新しいプラグインの追加.
3. 検索ボックスに入力 高度なカスタムフィールドプラグインが見(jiàn)つかったら 取付 さらに アクティブ化.

ステップ2: カスタムフィールドグループの作成

1. プラグインを有効化した後、WordPressダッシュボードのメニューにある カスタムフィールド オプションクリックするとACFプラグインの設(shè)定に入ります。

2. ACF畫面で 新規(guī)追加 をクリックして新しいフィールドグループを作成します。

3. Field Groups畫面で、グループの名前と説明を入力します。必要な數(shù)のフィールドを作成します。一般的なフィールド?タイプは以下のとおりです。コピーそして數(shù)値的そして日付そしてチェックボックスなど、ドロップダウンメニューから適切なフィールドタイプを選択できます。

4. 各フィールドのラベル、名前、デフォルト値を指定します。ラベルはフロントエンドがユーザーに表示する名前で、名前はフィールドの內(nèi)部識(shí)別子です。

5. 複數(shù)のフィールドを追加するには + フィールドの追加 ボタンをクリックして、フィールドグループにカスタムフィールドを追加します。

ステップ3：フィールドグループの位置ルールの設(shè)定

ある ポジショニング?ルール タブでは、フィールドグループが表示される場(chǎng)所のルールを設(shè)定できます。特定のページまたは投稿でのみカスタムフィールドグループの表示を制御できます。

たとえば、次のルールを設(shè)定します。 ページ - イコール - ショッピングカートフィールドがカートテンプレートのページに表示されます。カテゴリ、ページタイプ、カスタムテンプレートに基づいてフィールドのグループを表示するなど、より多くの條件を選択することもできます。

ステップ4：フィールドグループの保存

設(shè)定完了後 変更の保存 ボタンをクリックすると、カスタムフィールドグループが保存され、有効になります。

カスタムフィールドグループが正常に作成されたので、次にこれらのフィールドをあなたのページや投稿に適用.

Gutenbergウェブサイトでカスタムフィールドを使用する方法

カスタムフィールドが作成できたら、次の作業(yè)はGutenbergエディタのコンテンツに追加することです。Gutenbergでは、ダイナミックコンテンツ機(jī)能によってカスタムフィールドの値をページに表示することができます。

GutenKitプラグインをインストールして有効にしてください。

1. GutenKitプラグインは、Gutenbergエディタの拡張機(jī)能で、カスタムフィールドの統(tǒng)合などの追加機(jī)能を提供します。
2. GutenKit (Pro)プラグインをインストールして有効にすると、Gutenbergエディタでより多くのダイナミックコンテンツ機(jī)能を使用できるようになります。

GutenKitを使ったカスタムフィールドの追加

1. を作成または編集します。ページまたはポストGutenbergエディターに グーテンキット タイトルブロック

2. ブロックの設(shè)定パネルで 動(dòng)的コンテンツ アイコンをクリックします（通常はツールバーにあります）。

3. オプション アドバンスドカスタムフィールド（ACF） オプションを選択すると、利用可能なすべてのフィールド?グループとフィールドが表示されます。

4. をクリックして、ドロップダウンリストから表示したいフィールドを選択します。 アプリケーションフォーマット.

Gutenbergページにカスタムフィールドの追加に成功しました。こうすることで、ページのコンテンツに動(dòng)的に関連付けられ、特定のメタデータを表示するカスタムフィールドを作成できます。

結(jié)果を見(jiàn)る

ページを保存した後、カスタムフィールドが正しく表示されているかどうかを確認(rèn)するために、ページをプレビューすることができます。

カスタムフィールドの手動(dòng)設(shè)定（プラグインなし）

プラグインを使わずに手動(dòng)でGutenbergページにカスタムフィールドを追加したい場(chǎng)合は、テーマファイルを編集する必要があります。この方法は開(kāi)発者には適していますが、不適切な処理を行うとサイト上でエラーが発生する可能性があるため、初心者にはお?jiǎng)幛幛扦蓼护蟆?/p>

WordPressデフォルトのカスタムフィールドの有効化

1. ページや投稿を編集する場(chǎng)合は、右上の 3點(diǎn)メニュー(より多くのオプション）。

2. オプション 好き嫌いをクリックし、ポップアップウィンドウで有効にします。 カスタムフィールド オプション

3. 設(shè)定を保存すると、編集ページの下部にカスタムフィールドパネルが表示されます。

カスタムフィールドの追加

1. カスタムフィールドパネルで カスタムフィールドの追加フィールド名と値を入力します。
2. 複數(shù)のフィールドが必要な場(chǎng)合は、引き続き カスタムフィールドの追加 ボタンをクリックしてフィールドを追加します。

カスタムフィールドの表示（手動(dòng)）

1. テーマフォルダを開(kāi)き functions.php ドキュメンテーション
2. 利用する get_post_meta() 関數(shù)はデータベースからカスタムフィールドの値を取得します。
3. テンプレート?ファイルでは エコー カスタム?フィールドの値を出力します。

例

<?php 
$value = get_post_meta(get_the_ID(), 'your_custom_field', true)；
echo $value.
?>

このコードは、現(xiàn)在の投稿またはページの カスタムフィールド フィールドの値。

よくある質(zhì)問(wèn)

WordPressでプラグインを使わずにカスタム?メタ?フィールドを追加するには？

を使用することができます。 add_meta_box() 歌で応える update_post_meta() 関數(shù)は functions.php カスタムフィールドはファイルに手動(dòng)で追加します。手動(dòng)の方法はコーディング経験のある開(kāi)発者に適していますが、ほとんどのユーザーにとってはプラグインアプローチの方が簡(jiǎn)単.

WordPressでカスタム?ユーザー?メタ?フィールドを追加するには？

投稿フィールドやページフィールドと同様に、カスタムユーザーフィールドはプラグイン(ACFなど)を使ってポジショニング?ルール特定のユーザー?ロールに割り當(dāng)てます。

カスタムフィールドに複數(shù)の値を追加するには？

ACFプラグインを使用すると、"and "條件を使用してフィールドグループに複數(shù)の値を追加し、フロントエンドに表示することができます。

カスタムフィールドを使ってサイドバーを表示するには？

サイドバーにフィールドを表示するかどうかは、ACFプラグインのFieldsグループで選択できます。ポジションルールによる表示位置の調(diào)整(ACFプロ).

お問(wèn)い合わせ
チュートリアルが読めない？無(wú)料でお答えします！個(gè)人サイト、中小企業(yè)サイトのための無(wú)料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨詢：1025174874
三 Eメール：info@361sale.com
④ 勤務(wù)時(shí)間: 月～金、9:30～18:30、祝日休み