Zum Inhalt springen
themeforge
DE
Kostenlos starten
Menü
  1. Startseite
  2. Attribut-Referenz
  3. wp-field
Kernattribut Formulare und Plugins

Ein Formularfeld mit festem Schlüssel

wp-field="key"

Ohne wp-field kommt ein Formularfeld unter seiner Beschriftung aus dem Layout im Eintrag an. Wird „Dein Name“ zu „Name“, bekommen eine E-Mail-Vorlage mit {{ Dein Name }} oder die Übergabe ans CRM stillschweigend nichts, obwohl weiter Einträge eingehen. wp-field legt den Schlüssel fest.

Wo es hingehört

Am Feld selbst oder an der Hülle „Beschriftung + Feld“. Der Wert ist ein Schlüssel in lateinischen Buchstaben: name, phone, guests.

Der Build schreibt den Schlüssel in name und data-name des Felds, am Theme ändert sich dabei nichts.

Beispiel: ein Reservierungsformular

Markup contacts.html
<form class="form">
  <label wp-field="name">Your name
    <input type="text" name="field" data-name="Your name"></label>
  <label wp-field="phone">Phone
    <input type="tel" name="field" data-name="Phone"></label>
  <input type="submit" value="Send">
</form>
Im Adminbereich Form entries
Form entries → Entry #128
  • name: Anna Kowalski
  • phone: +1 (555) 010-0142
Auf der Website die Kontaktseite

Your name

Phone

Send

Im Eintrag tragen die Felder Schlüssel als Namen, nicht den Text der Beschriftung.

Worauf es ankommt

  • In der E-Mail-Vorlage und in den Einstellungen der Übergabe schreibst du den Schlüssel: {{ name }}.
  • Das Attribut ist optional: Ohne es arbeitet das Formular mit den Beschriftungen, wie bisher.
  • Bei Kommentaren, Bewertungen und der Kasse legt WordPress die Feldnamen selbst fest, dort setzt du wp-field nicht.

Typische Fehler

Das Build-Protokoll ist der Tab „Logs“ deines Projekts auf themeforge.pro; die kostenlose Markup-Prüfung zeigt dieselben Hinweise.

So nicht
<label wp-field="action">Your name
  <input type="text" name="field" data-name="Your name"></label>

Ein reservierter Name wie action oder ein Schlüssel mit Umlauten oder nicht lateinischen Buchstaben: Der Build wendet ihn nicht an, schreibt das ins Protokoll, und das Feld wird unter seiner Beschriftung gesendet.

So geht’s
<label wp-field="name">Your name
  <input type="text" name="field" data-name="Your name"></label>

Ein eigener Schlüssel in lateinischen Buchstaben.

In diesen Rezepten verwendet

Wenn du so weit bist

Sieh dir den WordPress-Adminbereich deiner Website an, bevor du zahlst.