In WordPress.Plug-Ins verwenden Erweiterte benutzerdefinierte Felder (ACF)Wir können ein benutzerfreundliches System zur Abfrage der Produktauthentifizierung erstellen. In diesem Artikel erfahren Sie, wie Sie diese Funktionalität mit ACF implementieren und erhalten eine klare Schritt-für-Schritt-Anleitung.
Schritt 1: Installation und Einrichtung des ACF-Plugins
- Installieren des ACF-Plug-ins
- Klicken Sie im WordPress-Backend auf
Plug-in (Softwarekomponente)
>Installation von neuen Plug-ins
. - Suchen "Erweiterte benutzerdefinierte Felder", und klicken Sie dann auf
Jetzt installieren
im Gesang antwortenanfangen zu benutzen
. - Nach der Installation sehen Sie im Navigationsmenü des Backends "Benutzerdefinierte Felder" Menü.
- Klicken Sie im WordPress-Backend auf
- Benennen Sie die Feldgruppe
- Auf der neuen Seite muss die Feldgruppe benannt werden. Sie könnte zum Beispiel den Namen "Anfrage zur Produktzertifizierung"(iii) Erleichterung der Identifizierung und Verwaltung.
- Auswahl von Anzeigeregeln für Feldgruppen
- Scrollen Sie auf der Seite nach unten, um die Standort(Standort) Einstellungen. Hier wird entschieden, wo diese Felder angezeigt werden sollen.
- Setzen Sie die Bedingungen auf:
- Beitragstyp (Artikelart) Auswahl
Produkt
Das bedeutet, dass diese Felder nur auf der WooCommerce-Produktbearbeitungsseite angezeigt werden.
- Beitragstyp (Artikelart) Auswahl
- Wenn Sie möchten, dass die Felder auf anderen Seitentypen angezeigt werden, können Sie sie entsprechend einstellen.
Hinzufügen von benutzerdefinierten Feldern. Nachdem wir nun die Feldgruppen erstellt haben, müssen wir als Nächstes spezifische benutzerdefinierte Felder hinzufügen, wie z. B.Zertifizierungscode, Name und Datum der Zertifizierung des Produkts.
- Fügen Sie das erste Feld hinzu - Authentifizierungscode
- existieren Feld Etikett(Feldbezeichnung) geben Sie "Authentifizierungscode"Das ist der Name des Feldes, das der Benutzer im Backend sehen wird.
- existieren Feld Name(Feldname) eingeben
zertifizierungs_code
. Dies ist ein eindeutiger Bezeichner für dieses Feld und wird später im Code verwendet. - existieren Feld Typ(Feldtyp), wählen Sie
Text
denn Authentifizierungscodes bestehen in der Regel aus Buchstaben oder Zahlen. - Andere Einstellungen können Sie an Ihre Bedürfnisse anpassen, z.B. als Pflichtfelder festlegen.
- Fügen Sie ein zweites Feld hinzu - Produktname
- Streik (auf der Tastatur) Feld hinzufügen(Feld hinzufügen), um weitere Felder für den Produktnamen zu erstellen.
- existieren Feld Etikett Geben Sie den "Produktnamen" in das FeldFeld Name Eingabe
produkt_name
. - Option Text als Feldtyp, denn der Produktname ist auch derKopienFormat.
- Ein drittes Feld hinzufügen - Authentifizierungsdatum
existieren Feld Typ wählen Sie aus Datumsauswahl
die es dem Benutzer ermöglicht, über eine Datumsauswahl ein bestimmtes Datum für die Authentifizierung auszuwählen.
Schritt 2: Erstellen Sie eine Seite zur Authentifizierungsabfrage
- Erstellen von benutzerdefinierten Abfrageseiten
- umschalten
Web-Seite
>Neue Seite
erstellen Sie eine neue Abfrageseite (zum Beispiel:Anfrage zur Produktzertifizierung
). - Sie können die Elementor Pro oder den WordPress-Blockeditor, um das Layout der Seite zu gestalten.
- Die Seite sollteEin Formular einfügenDer Benutzer kann hier den Produktauthentifizierungscode eingeben, um die Produktinformationen zu prüfen.
- umschalten
- Anfrageformular für die Produktauthentifizierung hinzufügen
Jedes Formular-Plugin kann verwendet werden (z.B. Kontakt-Formular 7undWPForms) erstellen Sie das Formular und fügen SieEingabefeldfür Benutzer zur Eingabe ihrerProdukt-Zertifizierungscode.
Stellen Sie das Formular so ein, dass es Daten an die benutzerdefinierte Abfrageverarbeitungsfunktion sendet, die Sie verwenden möchten.
Schritt 3: Abfragelogik erstellen
- Abfragen schreiben
- In der WordPress-Theme-Datei
funktionen.php
Datei muss eine Funktion geschrieben werden, die die vom Benutzer eingegebene Abfrage verarbeitet und die Produktauthentifizierungsinformationen auf der Grundlage des eingegebenen Authentifizierungscodes zurückgibt.
- In der WordPress-Theme-Datei
function produkt_zertifizierung_nachschlagen() {
if ( isset($_POST['certification_code']) ) {
$cert_code = sanitize_text_field($_POST['certification_code']);
// Abfrage zum Abrufen von Produkten nach Zertifizierungscode
$args = array(
'meta_query' => array(
array(
'key' => 'certification_code', // Benutzerdefinierter Feldname
'value' => $cert_code, // Benutzerdefinierter Feldname
'compare' => '='
)
)
);
$query = new WP_Query($args);
// Prüfen Sie, ob Produkte mit dem Zertifizierungscode übereinstimmen
if ($query->have_posts()) {
while ($query->have_posts()) {
$query->der_Beitrag();
$product_name = get_the_title();
$cert_date = get_field('certification_date'); // Abrufen des benutzerdefinierten Feldes
// Geben Sie den Produktnamen und das Zertifizierungsdatum aus
echo 'Produktname: ' . $product_name . ' | Zertifizierungsdatum: ' . $cert_date.
}
} else {
// Wenn kein Produkt gefunden wird, geben Sie eine Meldung aus
echo 'Keine passenden Produktzertifizierungsinformationen gefunden'; } else { // Wenn kein Produkt gefunden wird, geben Sie eine Meldung aus.
}
// Postdaten zurücksetzen
wp_reset_postdata(); wp_reset_postdata(); // Rücksetzen der Beitragsdaten.
}
}
add_action('init', 'product_certification_lookup'); }
Beschreibung.
- Diese Funktion bearbeitet die Formularübermittlung, bei der der Benutzer den Produktauthentifizierungscode eingibt.
Dient zur Suche nach WooCommerce-Produkten mit übereinstimmenden Authentifizierungscodes (in benutzerdefinierten Feldern gespeichert).
- Wenn eine Übereinstimmung gefunden wird, werden der Produktname und das Zertifizierungsdatum angezeigt (ebenfalls als benutzerdefinierte Felder gespeichert).
- Wenn keine Übereinstimmung gefunden wird, wird die Meldung "Keine passende Übereinstimmung für Produktauthentifizierungsinformationen gefunden" angezeigt.
- Formulare mit Abfragelogik verknüpfen
- Verwenden Sie auf Ihrer Abfrageseite die OptionKurzcodeoder PHP-Code, um das Anfrageformular mit der Funktion zur Authentifizierungsanfrage zu verknüpfen.
- Wenn der Benutzer den Authentifizierungscode eingibt, fragt die Funktion die Produktdatenbank auf der Grundlage des Authentifizierungscodes ab und gibt die entsprechenden Produktinformationen zurück.
Fügen Sie den Kurzcode auf der Seite ein. Dadurch wird ein Formular auf der Seite angezeigt, in das Sie den Produktauthentifizierungscode eingeben und die über das Formular übermittelten Daten mit der geschriebenen Abfragefunktion verknüpfen können.
[product_certification_form]
Schritt 4: Optimierung und Stilanpassungen
- Optimieren Sie das Benutzererlebnis
- Es können zusätzliche Feedback-Funktionen hinzugefügt werden, z.B. die Aufforderung an den Benutzer, einen ungültigen Authentifizierungscode einzugeben "Keine relevanten Informationen gefunden".
- Verwenden Sie CSS oder die Styling-Tools von Elementors, um die Darstellung von Abfrageformularen und Ergebnissen anzupassen und so eine benutzerfreundliche Oberfläche zu gewährleisten.
- Caching und Leistungsoptimierung
- Für Websites mit einer großen Anzahl von Produkten sollten Sie den Einsatz von Caching oder Datenbankindizierung in Betracht ziehen, um die Abfrageleistung zu verbessern.
zu einem Urteil gelangen
Durch die Verwendung des Erweiterte benutzerdefinierte Felder (ACF)Mit Hilfe von WordPress können Sie ganz einfach ein leistungsstarkes System zur Produktauthentifizierung für Ihre WordPress-Website erstellen. Das System stärkt das Vertrauen der Benutzer und ermöglicht eine einfache Überprüfung der Produktauthentifizierung.