高度なカスタムフィールド

カスタムフィールドを追加して管理する簡単な方法をお探しですか? Advanced Custom Fieldsは、WordPressの組み込みカスタムフィールド機能を使用しますが、ユーザーフレンドリーなGUIを使用して、よりアクセスしやすくなっています。 Advanced Custom Fieldsのレビューでカスタムフィールドの管理にかかる時間を節約する方法をご覧ください.


高度なカスタムフィールドの確認

カスタムフィールドプラグインが必要な理由

カスタムフィールドを使用すると、WordPressの投稿とページに独自のメタデータを追加できます.

Yoast SEOやEdit Flowなどの多くの強力なプラグインは、カスタムフィールドを利用して投稿にデータを追加します.

独自のカスタムフィールドを作成することで、追加するデータとその表示方法を完全に制御できます.

ただし、WordPressカスタムフィールドのデフォルトのインターフェースは、それほどユーザーフレンドリーではありません。

高度なカスタムフィールドレビュー-デフォルト

処理する基本的なテキストフィールドがあります。画像をアップロードしたり、他の特定のタイプのデータを入力したりすることはできません.

Advanced Custom Fields(ACF)プラグインは、WordPressのカスタムフィールド機能を使用しますが、より使いやすいGUIを作成します.

特定の投稿、カテゴリ、ページ、カスタム投稿タイプなどに対してのみ表示されるカスタムフィールドを作成できます。また、次のようなフィールドに入力できるデータの種類を正確に選択できます。

  • テキスト
  • メールアドレス
  • URL
  • 画像
  • ファイル
  • 真/偽
  • もっと

サイトのフロントエンドにカスタムフィールドを表示するには、基本的なPHPを使用してテーマファイルを変更する方法を理解する必要があります.

しかし、ACFにはいくつかの組み込み関数があり、それも簡単に行えます.

高度なカスタムフィールドを設定する方法

手順1:カスタムフィールドデータを追加する

プラグインをインストールしてアクティブ化すると、次の場所に移動できます カスタムフィールド»カスタムフィールド 始めるために.

クリック 新しく追加する ページの上部にあるリンクをクリックして、最初のフィールドグループを作成します.

高度なカスタムフィールドレビュー-新しいグループを追加

作成するすべてのカスタムフィールドは、フィールドグループに属している必要があります。フィールドグループは、カスタムフィールドが表示されるタイミングを決定します。同じフィールドグループにあるカスタムフィールドは一緒に表示されます.

したがって、たとえば:

  • 1つの投稿カテゴリだけで、またはカスタム投稿タイプだけでいくつかのカスタムフィールドを使用する必要がありますか?次に、それらは一緒に同じフィールドグループにある必要があります.
  • 特定のカスタムフィールドを1つのカテゴリの投稿に追加し、別のカスタムフィールドを別のカテゴリの投稿に追加したいですか。次に、それらは別々のフィールドグループにある.

この例では、「猫」カテゴリのすべての投稿に子猫GIFを追加します.

フィールドグループ名を入力し、 フィールドを追加 最初のフィールドを追加するボタン.

高度なカスタムフィールドレビュー-新しいフィールドグループの追加

フィールドラベルを入力し、フィールドタイプを選択します。この例では、「イメージ」を選択しています。フィールドオプションの選択が完了したら、フィールドを閉じて折りたたむことができます。フィールド名にカーソルを合わせるだけで、フィールドを編集または削除できます.

高度なカスタムフィールドの確認-フィールド

ロケーション, このグループのカスタムフィールドを表示する場所を選択します.

高度なカスタムフィールドレビュー-場所

すべてのオプションを選択したら、 公開する 右側に.

選択した場所と一致する投稿、ページ、またはカスタム投稿タイプを編集すると、カスタムフィールド入力が表示されます.

高度なカスタムフィールドの確認-入力

ステップ2:カスタムフィールドデータを表示する

最初のステップでは、そのデータをデータベースの投稿に添付しますが、フロントエンドに自動的に表示することはありません.

サイトのすべての投稿とページに表示されるデータは、テーマファイルによって制御されます。つまり、新しいデータを表示するには、テーマファイルを変更する必要があります。.

Advanced Custom Fieldsプラグインには、WordPressのデフォルト関数を使用するよりも簡単にデータを表示できるようにする多くの組み込み関数があります。これは、ACFの関数がデータをそのまま出力するのではなく、フォーマットするためです.

フィールドを表示するには、the_field()関数を使用できます.

この関数には2つの引数があります。

the_field($ field_name、$ post_id);

  • $ field_name:(必須)取得するフィールドの名前
  • $ post_id:(オプション)値が入力された投稿ID(デフォルトは現在の投稿ID)

作成時にフィールド名を設定します。もう一度見つけるには、フィールドグループに移動すると、上部に表示されます。

高度なカスタムフィールドの確認-フィールド名

このカスタムフィールドを投稿に表示するには、single.phpテーマファイルを編集して、表示する場所にこのコードを配置します。

the_field( ‘kitten_gif’);

カスタムフィールドの使用と表示の詳細については、WPBeginnerの記事を参照してください。 WordPressカスタムフィールド101:ヒント、トリック、ハック.

ACF Proでより多くのオプションを取得

Advanced Custom Fieldsのプレミアムバージョンを使用すると、次のことができます。

  • シンプルな画像ギャラリーを追加
  • さまざまな種類のコンテンツに柔軟なカスタムフィールドを作成する
  • 既存のカスタムフィールドを複製する
  • …もっと.

個人ライセンスは25ドルの1回限りの料金であり、生涯の更新が含まれています.

ドキュメントとサポート

ACF Webサイトには、コード例やトラブルシューティングなど、プラグインのすべての機能に関する基本的なドキュメントが含まれています。ドキュメントで問題が解決されない場合は、コミュニティフォーラムに投稿したり、サポートチケットを開いたりすることもできます.

私たちの評決

Advanced Custom Fieldsプラグインは、カスタムフィールドを使用する簡単な方法を探している中級から上級のWordPressユーザー向けの優れたソリューションです。.

WordPressサイトで多くのカスタムフィールドを使用している場合、ACFは時間と労力を節約し、それらすべてを簡単に管理できるようにします。.

残念ながら、ACFはテーマファイルを編集せずにカスタムフィールドを表示する方法を提供しないため、プラグインはサイトコードの変更に興味がない初心者には適していません.

Advanced Custom Fieldsに5つ星の4を付けます。これがレビュースコアの内訳です:

全体
評価スターフル評価スターフル評価スターフル評価スターフル空の評価スター 4.0 / 5.0

特徴
評価スターフル評価スターフル評価スターフル評価スターフル空の評価スター 4.0 / 5.0

パフォーマンス
評価スターフル評価スターフル評価スターフル評価スターフル評価スターフル 5.0 / 5.0

サポート
評価スターフル評価スターフル評価スターフル評価スターフル空の評価スター 4.0 / 5.0

使いやすさ
評価スターフル評価スターフル評価スターフル空の評価スター空の評価スター 3.0 / 5.0

価格
評価スターフル評価スターフル評価スターフル評価スターフル評価スターフル 5.0 / 5.0

高度なカスタムフィールドを今すぐ取得»

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map