WordPressとElementor Proにカスタムフィールドを追加する方法

WordPress で Elementor を使用して記事や投稿に追加情報を追加するにはどうすればよいか、いつも疑問に思ったことはありませんか? たとえば、独自のカスタムデータを保存し、必要なときに必要な方法で Web サイトで使用するなどです?

Advanced Custom Fieldsが解決策を提供するので、もう心配する必要はありません。

WordPress? のカスタムフィールドとは

カスタムフィールドは WordPress の高度な機能で、ウェブサイトの特定の投稿や記事に追加情報を追加するのに役立ちます。その追加情報は「メタデータ」とも呼ばれます。カスタムフィールドを使用すると、Web サイトに動的な機能を作成できます。Web サイトに追加されるこの情報は、Web サイトのフォーカスエリアに基づいています。

たとえば、1 歳から 10 歳までの子供向けの子供用アイテムを販売する e コマース Web サイトがある場合、年齢に基づいて子供用アイテムをグループ化するカスタムフィールドを作成することができます。

素晴らしいウェブサイトを作成します

最高の無料ページビルダーElementor を使用

今すぐ始める

通常、Web サイトのニーズに基づいて、カスタムフィールドを追加することができます。

WordPress でカスタムフィールドを追加する

WordPress にカスタムフィールドを追加する方法はたくさんあります。 1 つは WordPress に組み込まれているデフォルトのカスタムフィールドオプションで、もう 1 つはプラグインを使用する方法です。

デフォルトの WordPress 組み込み機能を使用してカスタムフィールドを追加する

デフォルトの WordPress エディターからカスタムフィールドを追加する方法を見てみましょう。デフォルトの WordPress エディターでは、画面の右上にある 3 つの縦の点である画面オプションに移動すると、投稿にカスタムフィールドを追加できます。画面オプションをクリックした後、下部にある設定をクリックします。

設定をクリックした後、表示される新しいウィンドウからパネルをクリックします。

「パネル」をクリックすると、他のオプションがトグルボタン付きの画面に表示され、「追加」という見出しを含む最後の画面に、横にトグルボタンのある「カスタムフィールド」オプションが表示されます。それ。

カスタムフィールドのトグルボタンをオンにすると、別のボタンが表示され、「& リロードを有効にする」と書かれています。

そのボタンをクリックすると、ページがリロードされ、カスタムフィールドオプションが有効になった新しい画面が表示されます。

ここから、キーと値のペアを使用してカスタムフィールドデータを入力できます。

Advanced Custom Fields プラグインと Elementor Proを使用してカスタムフィールドを追加する

Advanced Custom Fieldsは、WordPress で最も広く使用されているカスタムフィールドプラグインの 1 つです。このプラグインには無料版と有料版があります。有料版は、より多くの柔軟性と機能を提供します。ただし、このチュートリアルでは、無料版の使用方法について説明します。

無料の Elementor プラグインには、カスタムフィールドを追加するオプションがないことに注意してください。このオプションは Elementor Pro にのみ付属しています。

開始するには、プラグインに移動して高度なカスタムフィールドを検索し、プラグインをインストールして有効にします。アクティブ化した後、WordPress ダッシュボードに移動し、ダッシュボードのメニューがある左側で、[カスタムフィールド] をクリックしてから [新規追加] をクリックするか、ウィンドウの上部にある [新規追加] をクリックすることもできます。

[新規追加] ボタンをクリックすると、フィールドフォームが開き、カスタムフィールドの名前を指定する必要があり、[フィールドの追加] をクリックします。 [フィールドの追加] ボタンをクリックすると、フィールドフォームが開き、カスタムフィールドデータを追加する必要があります。フォームにすべてのパラメータを追加してから、フィールドの追加ボタンをもう一度クリックします。