Zum Inhalt springen
themeforge
DE
Kostenlos starten
Menü
  1. Startseite
  2. Attribut-Referenz
  3. fld-link
Kernattribut Text und Bilder

Ein Link oder Button, den dein Kunde ändern kann

fld-link="Feldname"

Die Adresse eines Links wird zum Feld im Adminbereich. Die Beschriftung ist ein eigenes Textfeld daneben, sodass dein Kunde beides ändern kann.

Wo es hingehört

An das <a>: Der Build ändert nur sein href. Markiere die Beschriftung darin mit fld-text unter einem anderen Namen.

Namen, die nie kollidieren: der Link „Hero button“, die Beschriftung „Hero button text“.

Das Feld erscheint im Adminbereich nur, wenn die Seite einen Gruppennamen hat: wp-fields-group auf ihrem <body>.

Beispiel: der Button im Hero

Markup index.html
<a class="button" href="/menu" fld-link="Hero button">
  <span fld-text="Hero button text">See the menu</span>
</a>
Im Adminbereich Pages → Home
Hero button /menu
Hero button text See the menu
Auf der Website die Startseite
Coffee for slow mornings See the menu

Worauf es ankommt

  • Das Feld enthält die Adresse als Text: /menu, https://…, tel:+1….
  • Ein Link mit href="#" startet leer: Es gibt nichts zu übernehmen.
  • Link und Beschriftung brauchen verschiedene Namen, sonst werden sie zu einem Feld.

Typische Fehler

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

So nicht
<a href="/menu" fld-link="Button">
  <span fld-text="Button">See the menu</span>
</a>

Link und Beschriftung unter einem Namen: Das Build-Protokoll meldet eine Kollision, und ein Feld liefert sowohl die Adresse als auch den Text.

So geht’s
<a href="/menu" fld-link="Button">
  <span fld-text="Button text">See the menu</span>
</a>

Die Beschriftung heißt „Button text“.

So nicht
<div class="button" fld-link="Hero button">See the menu</div>

Kein Link: Die Adresse landet an einem <div>, und nichts ist anklickbar. Das Build-Protokoll nennt das falsche Element.

So geht’s
<a class="button" href="/menu" fld-link="Hero button">See the menu</a>

An einem <a>.

Dasselbe in den Website-Einstellungen
fld-linkauf einer Seite oder in einem Beitrag
opt-linkin den Website-Einstellungen, etwa ein Reservierungslink im Header
Alternative Schreibweise

f_link, o_link funktioniert genauso: Der Build ergibt ein identisches Theme.

In diesen Rezepten verwendet

Wenn du so weit bist

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