ACFを使用してWordPressで製品認証クエリを構築する方法

ワードプレスでプラグインの使用 アドバンスドカスタムフィールド（ACF）ユーザーフレンドリーな商品認証照会システムを作成することができます。この記事では、ACFを使用してこの機能を実装する方法を詳しく説明し、明確なステップバイステップの手順を提供します。

ステップ1：ACFプラグインのインストールとセットアップ

1. ACFプラグインのインストール
   • WordPressのバックエンドで プラグイン > 新しいプラグインのインストール.
   • 検索 "高度なカスタムフィールド「をクリックします。 今すぐインストール 歌で応える コミッション.
   • インストール後、バックエンドのナビゲーションメニューに "カスタムフィールド「メニュー

2. フィールドグループ名
   • 新しいページでは、フィールドグループに名前をつける必要があります。例えば、"製品認証に関するお問い合わせ「(iii) 識別と管理を容易にするため。

3. フィールドグループの表示ルールの選択
   • ページをスクロールして 所在地(場所）設定エリア。ここで、これらのフィールドが表示される場所が決定されます。
   • 条件を設定します：
     • ポストタイプ (記事タイプ）選択 製品</markつまり、これらのフィールドはWooCommerceの商品編集ページにのみ表示されます。
   • 他のページタイプにもフィールドを表示させたい場合は、適宜設定してください。

カスタムフィールドの追加フィールドグループを作成したので、次に特定のカスタムフィールドを追加する必要があります。製品の認証コード、名称、認証年月日.

4. 最初のフィールド「認証コード」を追加します。
   • ある フィールドラベル(フィールドラベル）に "認証コード"、これはバックエンドでユーザーに表示されるフィールドの名前になります。
   • ある フィールド名(フィールド名）を入力します。 認証コード.これはこのフィールドの一意な識別子で、後のコードで使用されます。
   • ある フィールドタイプ(フィールドタイプ）を選択します。 テキスト認証コードは通常、文字または数字で構成されているからです。
   • その他の設定は、必須項目として設定するなど、ニーズに合わせて調整することができます。

5. 2番目のフィールド「製品名」を追加します。
   • 打点 フィールドの追加(フィールドの追加)をクリックして、製品名のフィールドの作成を続行します。
   • ある フィールドラベル に「商品名」を入力します。フィールド名 入力 商品名.
   • オプション テキスト をフィールド・タイプとして使用します。コピーフォーマット

6. 3つ目のフィールド「認証日」を追加

ある フィールドタイプ 選ぶ 日付選択</markこれは、ユーザーが日付ピッカーを使って認証のための特定の日付を選択できるようにするものです。

ステップ2：認証クエリーページの作成

1. カスタムクエリページの作成
   • 切り替える ウェブページ > 新しいページ新しいクエリーページを作成します：製品認証に関するお問い合わせ).
   • を使用することができます。 エレメンタ プロ またはWordPressのブロックエディタでページのレイアウトをデザインします。
   • ページはフォームを含むここで製品認証コードを入力し、製品情報を確認することができます。

2. 製品認証問い合わせフォームの追加

任意のフォームプラグインを使用できます (例 コンタクトフォーム7そしてWPForms) フォームを作成し入力フィールドを入力します。製品認証コード.

使用するカスタムクエリ処理関数にデータを送信するようにフォームを設定します。

ステップ 3: クエリ・ロジックの作成

1. クエリーの作成
   • WordPressテーマの functions.php ファイルでは、ユーザーによって入力されたクエリーリクエストを処理し、入力された認証コードに基づいて製品認証情報を返す関数を記述する必要があります。
   例えば、以下のコードでクエリを処理できます：

関数 product_certification_lookup() {
if ( isset($_POST['certification_code']) ) {
$cert_code = sanitize_text_field($_POST['certification_code'])；
 // 認証コードから製品を取得するクエリ
    $args = array(
        
        'meta_query' => array(
            array(
                'key' => 'certification_code', // カスタムフィールド名
                'value' => $cert_code, // カスタムフィールド名
                'compare' => '='
            )
        )
    );

    $query = new WP_Query($args)；

    // 認証コードに一致する商品があるかチェック
    if ($query->have_posts()) { // 認証コードに一致する商品があるかチェックします。
        while ($query->have_posts()) { // 認証コードに一致する製品があるかチェックします。
            $query->the_post()；
            $product_name = get_the_title()；
            $cert_date = get_field('certification_date'); // カスタムフィールドの取得

            // 製品名と認証日を出力
            echo '製品名: ' . $product_name . ' | 認証日: ' . $cert_date.
        }
    } else {
        // 製品が見つからない場合は、メッセージを表示します。
        echo '一致する製品認証情報は見つかりませんでした'; } else { // 製品が見つからない場合、メッセージを表示します。
    }

    // 投稿データをリセット
    wp_reset_postdata(); // 投稿データをリセットします。
}
}
add_action('init', 'product_certification_lookup'); }.

説明
- この関数は、ユーザが製品認証コードを入力するフォーム送信を処理します。
一致する認証コード（カスタムフィールドに保存）を持つWooCommerce製品を検索するために使用します。
- 一致した場合、製品名と認証日が表示されます（カスタムフィールドとしても保存されます）。
- 一致しない場合は、「製品認証情報に一致するものがありません。

2. フォームとクエリ・ロジックの関連付け
   • クエリーページでショートコードまたはPHPコードを使用して、問い合わせフォームと認証問い合わせ関数を関連付けます。
   • ユーザーが認証コードを送信すると、認証コードに基づいて商品データベースに照会し、対応する商品情報を返します。

ページにショートコードを挿入すると、製品認証コードを入力するためのフォームがページに表示され、フォームから送信されたデータとクエリー関数が関連付けられます。

[製品認証フォーム］

ステップ4：最適化とスタイル調整

1. ユーザーエクスペリエンスの最適化
   • 無効な認証コードを送信した場合にユーザーにプロンプトを表示するなど、フィードバック機能を追加することができます。関連情報なし".
   • CSSまたはElementorsのスタイリングツールを使用して、クエリフォームと結果の表示を調整し、ユーザーフレンドリーなインターフェイスを確保します。
2. キャッシュとパフォーマンスの最適化
   • 製品数が多いサイトでは、クエリのパフォーマンスを向上させるためにキャッシュやデータベースインデックスの使用を検討してください。

はんけつをくだす

を使用します。 アドバンスドカスタムフィールド（ACF）WordPressの助けを借りて、あなたのWordPressウェブサイトのための強力な製品認証ルックアップシステムを簡単に作成することができます。このシステムはユーザーの信頼を高め、商品認証の検証を容易にします。