WordPressのループの外側にカスタムフィールドを表示しますか?

通常、カスタムフィールドは、他のコンテンツやメタデータとともにWordPressループに表示されます。

このチュートリアルでは、WordPressのループの外側にカスタムフィールドを表示する方法を示します。

ワードプレスループ1の外側にカスタムフィールドを表示する

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

カスタムフィールドを使用すると、WordPressの投稿にメタデータを追加して、 パブリケーションのコンテンツを表示する.

カスタムフィールドのメタボックスをアクティブにするだけで、カスタムフィールドを追加できます。 画面オプション 」 WordPressでカスタムメタボックスを作成して、カスタムフィールドのユーザーインターフェースを改善することもできます。

カスタムフィールドワードパーサーカスタムフィールドは投稿にメタデータを追加するため、他のコンテンツとともにWordPressループに簡単に表示できます。 ただし、ループの外側に表示したい場合もあります。 たとえば、サイドバーのウィジェットで。 この時点で、少し注意が必要です。

また見なさい: フォームに自動補完を追加する6つのWordPressプラグイン

そうは言っても、WordPressのループ外でカスタムフィールドを簡単に表示する方法を見てみましょう。

WordPressのループ外にカスタムフィールドデータを表示する方法

カスタム フィールドのメタデータをループの外に表示する代わりに、複数のループを使用する方法を紹介します。 WordPressテーマ メインループに影響を与えません。

この記事では、 ファイルにコードを追加する WordPressテーマの。

メタデータを表示するWordPressテーマファイルのさまざまな場所に次のコードを追加する必要があります。

ポスト->ID; echo get_post_meta($postid, 'Your-Custom-Field', true); wp_reset_query(); ?>

このコードは、グローバル変数$ wp_queryを使用してアイテムIDを取得します。 次に、「 get_post_meta() カスタムフィールドデータを取得して表示します。

変更することを忘れないでください " Your-Personalized-Field あなたの本当のカスタムフィールドで。

ニーズに合わせてコードをカスタマイズできます。 他のクエリ引数を使用して、さまざまな投稿やページのカスタムフィールドデータを取得して表示することもできます。

別の例を見てみましょう。 これは WP_Queryクラスこれは、WordPressテーマファイルで複数のループを使用する場合に、より優れた柔軟性を備えています。

このコードを、カスタムフィールドを表示するWordPressテーマまたは子テーマに追加するだけです。

$ args = array(//投稿またはページID'p '=> 231、); //クエリ$ the_query = new WP_Query($ args); //ループif($ the_query-> have_posts()){while($ the_query-> have_posts()){$ the_query-> the_post(); echo get_post_meta(get_the_ID()、 'Mood'、true); } / *元の投稿データを復元する* / wp_reset_postdata(); } else {echo '何も見つかりません'; }

交換することを忘れないでください ムード カスタムフィールドの適切な名前と、独自のパブリケーションIDまたはページIDを持つID。

ワードプレスでのカスタムフィールドのデモンストレーション

WordPress ループ以外のセクションの投稿/ページからカスタム フィールドを表示できるようになりました。 ただし、記事/ページのカスタム フィールドを表示するためのプレミアム ソリューションが必要な場合は、以下の 3 つを提供します。 WordPressのプラグイン このタスクに役立つプレミアム。

1. WooCommerce登録フィールドプラグイン

Le WordPressのプラグイン プレミアム WooCommerce 登録、カスタム登録フィールドの追加では、追加のカスタム フィールドを登録フォームに追加できます。 テキスト ボックス、選択ボックス、チェック ボックス、オプション ボックス、日付ピッカー、パスワードなどを追加できます。 Woocommerce登録はサインアップフォームプラグインwordpessにカスタムフィールドを追加します

また、有効または無効にすることもできます WooCommerceフィールド デフォルト。 このプラグインでは、FacebookおよびTwitterを介した接続機能も有効になっています。

発見 あなたのイメージを最適化し、あなたのSEOを向上させる方法 このリンクをクリックしてください。

その他の機能には、登録フォーム上の無制限のフィールドのサポート、ドラッグアンドドロップ機能のサポート、読みやすくするためのフィールドのカスタマイズ、一時的な表示の有無などがあります。フィールド、顧客が自分のプロファイルや他の多くを変更できるようにする可能性。

ダウンロード デモ | ウェブホスティング

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

その名前が示すように、これは WordPressのプラグイン プレミアムでは、他のフィールド グループで再利用できるスタンドアロン コンポーネントとしてカスタム フィールド グループを作成できます。 高度なカスタムフィールドコンポーネントフィールドアドオンプラグインwordpess

後で、このコンポーネントを変更する場合、一度変更するだけで済み、このコンポーネントを使用するすべてのフィールドグループに適用されます。

記事もご覧ください あなたの訪問者の関与を後押しする8 WordPressプラグイン

それは非常に使いやすく、あなたはそれを非常に簡単に手に取ることができます。 時間と生産性を節約 既に作成したフィールドまたはフィールドのグループを再利用するだけです。

ダウンロード | デモ | ウェブホスティング

3。 ブックリーカスタムフィールド

これに注意することが重要です WordPressのプラグイン premium は、WordPress Bookly プラグインが動作する必要があるアドオンです。 デフォルトでは、顧客または訪問者は通常、予約を確認する前に名前、電話番号、電子メール アドレスなどのいくつかのフィールドに入力することに慣れています。Booklyカスタムフィールドはwordpessプラグインを追加します

しかし、このWordPressプラグインを使用すると、より多くのフィールドに入力して、最終的に詳細やその他の種類の情報を取得するように依頼できます。 これらの新しいフィールドは段階的に表示されます ダウンロード du 予約プロセス、予約の詳細がBooklyカレンダーに追加されます。

記事もご覧ください WordPressのダッシュボード上の不要な項目を非表示にする方法

その機能は、とりわけ、必要な数のフィールドを作成する機能、さまざまなタイプのフィールドのサポート、入力時に特定のフィールドを必須またはオプションにする機能、詳細なドキュメントなどです。

ダウンロード デモ | ウェブホスティング

推奨リソース

ウェブサイトの構築と管理に役立つ他の推奨リソースをご覧ください。

まとめ

ここに ! このチュートリアルは以上です。WordPressのループからカスタムフィールドを表示できるようになることを願っています。 提案や発言があれば歓迎します。

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

私たちにあなたのことを知らせることを忘れないでください commentaires、この記事に関する提案と提案。 Nまた、 さまざまなソーシャルネットワークでこの記事を共有してください。

...