WordPress が提供する機能の XNUMX つは、カスタム フィールドを追加する機能です。 この機能は、必要な場合に非常に便利です ウェブサイトを作成する デフォルトでは WordPress によって提供されない多くの追加のメタ フィールドを含む、複雑で動的です。

Elementor (プロバージョン)は、WordPressカスタムフィールドを処理できる動的コンテンツをサポートしています。 Elementorデザイン(ページまたはテンプレート)にカスタムフィールドを追加できます。

しかし、どのようにしてカスタムフィールド自体を追加しますか? 詳細については、以下をお読みください。

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

ハウツーセクションに進む前に、まずこれについて説明しましょう。 カスタムフィールドは、ブログ投稿、ページ、カスタム投稿タイプ、または分類に関する追加情報を格納するメタデータのコレクションです。

参照してください: Elementorモデルをエクスポートおよびインポートする方法

目的によって情報が異なる場合があります。 たとえば、 ウェブサイトを作成する 自転車のレンタルでは、時給、ピックアップ場所、ドロップオフ場所、ピックアップ日、ドロップオフ日などの情報を追加できます。

または、ご希望であれば ウェブサイトを作成する 映画レビューのスコア、ジャンル、レビューの概要などの情報を追加できます。

上記の例では、 スコア、 ジャンル との要約 批判 カスタムフィールドと呼ばれます。

あなたは疑問に思うかもしれません スコア、ジャンル、レビューの概要をWordPressエディターに追加してみませんか?

また読みます: Elementorで登録ページを作成する方法 

もちろんできます。 ただし、「史上最高の映画」のリストを作成し、ユーザーが映画をスコア、タイトル、またはジャンルで並べ替えることができるようにする場合を想像してみてください。

どうやってそれをすることができますか?

これがカスタムフィールドの出番です。カスタムフィールドを使用すると、WordPressWebサイトのコンテンツをより柔軟に並べ替えて管理できます。

カスタムフィールドは、不動産リストWebサイトや旅行代理店Webサイトなどの複雑なWebサイトでは特に重要です。これにより、より適切に提供できるようになります。 ユーザーエクスペリエンス、価格、レビュー、インストールなどで記事を並べ替える機能など。

カスタムフィールドを最大限に活用するために、カスタム投稿タイプを作成することもできます。

Un カスタム投稿タイプ ブログの投稿やページなど、WordPressが提供するデフォルトのコンテンツタイプ以外に、WordPressWebサイトに新しいタイプのコンテンツを作成できます。

WooCommerceを使用している場合、これはカスタムフィールドとカスタム投稿タイプを実装する完璧な例です。

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

2があります。 WordPressのプラグイン 一般に、Elementor または WordPress にカスタム フィールドを追加する場合は、次の方法をお勧めします。

Elementorにカスタムフィールドを追加するための無料のプラグインを探している場合、ACFは優れたソリューションですが、ElementorProが必要です。 ACFは、ElementorProとのネイティブ統合をサポートしています。

有料プラグインであるため、 ジェットエンジン ACFよりも多くの機能を提供します。 カスタムフィールドの作成に加えて、カスタム投稿タイプ、カスタム分類、カスタムフォーム、およびリストアイテムの作成にも使用できます。

ACFを使用してElementorにカスタムフィールドを追加する

ACFを使用してカスタムフィールドを追加する前に、WordPressWebサイトにACFプラグインをインストールしてアクティブ化したことを確認してください。 このプラグインの無料バージョンは、 WordPressプラグインディレクトリ。 また、まだアップグレードしていない場合に備えて、Elementorをプロバージョンにアップグレードしたことを確認してください。

すべての準備ができたら、 ACF->追加 カスタムフィールドの新しいグループを追加します。

コントロールのグループに名前を付けて、ボタンをクリックします フィールドを追加する カスタムフィールドを追加します。

クリックするとカスタムフィールドフォームが開きます 上記のフィールドを追加します。 フィールドラベル、名前、タイプなどの必要なパラメータを追加します...

ボタンをクリックできます フィールドを追加 他のカスタムフィールドを追加します。 カスタムフィールドを上下にドラッグして、カスタムフィールドの順序を設定できます。

カスタムフィールドの追加が完了したら、セクションに切り替えます 砲座 カスタムフィールドフォームの下。 カスタムフィールドグループを表示する投稿のタイプを定義します。 ブログ投稿、ページ、カスタム投稿タイプ、分類法など。

次に、セクションに移動します 設定 カスタムフィールドのグループの場所、スタイル、ラベルの配置、および指示の配置を定義します。 完了したら、ボタンをクリックします パブリッシュ 選択したコンテンツタイプにカスタムフィールドを適用します。

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

見逃したフィールドや変更したい設定がある場合は、に移動してカスタムフィールドグループを編集できます。 ACF->コントロールのグループ。 変更するカスタムフィールドのグループにマウスを合わせて、リンクをクリックします 編集。

ACFで作成されたカスタムフィールドタイプをElementorデザインに追加する

上記のACFで作成したカスタムフィールドをElementorデザインで使用できます。 テーマビルダーのページでもテンプレートでも。 これを行うには、Elementorを使用してカスタムフィールドを追加するページ/テンプレートを編集します。

また読みます: Elementorで著者アーカイブページを作成する方法

新しいウィジェット(つまり、タイトルウィジェット)を追加します。 ウィジェットが追加されたら、左側のパネルに移動してコンテンツを定義し、データベースアイコンをクリックして、を選択します。 ACFフィールド.

レンチアイコンをクリックし、オプションのドロップダウンメニューから追加するフィールドを選択します キー。

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

これで、ACFプラグインを使用してカスタムフィールドを作成できました。

を使用して同じ結果を得ることができます。 WordPressのプラグイン Elementor JetEngine から。

最後に

カスタムフィールドは、WordPressのパワーを解き放つために重要です。 それらのおかげで、eコマースや不動産広告などのためのダイナミックで複雑なウェブサイトを作成することができます。

カスタムフィールドを管理する機能は、Elementor を非常に特別なものにするものの XNUMX つです。 WordPressのプラグイン ページ作成。 カスタム フィールドを利用して、カスタム動的コンテンツをデザインに追加できます。

Elementor Proを今すぐ入手!

まとめ

ここは ! Elementorにカスタムフィールドを追加する方法を示すこの記事は以上です。 そこへの行き方に不安がある場合fでお知らせください commentaires.

ただし、相談することもできます 私たちのリソース、インターネットサイトの作成プロジェクトを実行するためにより多くの要素が必要な場合は、 WordPressブログ作成 または Divi:史上最高のWordPressテーマ.

しかし、その間に、 さまざまなソーシャルネットワークでこの記事を共有する.

...