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

Formatierter Text mit visuellem Editor

fld-editor="Feldname"

Der visuelle Editor von WordPress in einem Feld: Überschriften, Listen, Fettdruck, Links und Bilder. Für einen Block „Über uns“, eine Geschichte oder Bedingungen.

Wo es hingehört

An einen Block mit formatiertem Text, meist ein <div> (in Webflow ein Rich-Text-Element). Der gesamte Inhalt des Blocks samt Tags wird zum Startwert des Feldes.

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

Beispiel: der Block „Our story“

Markup index.html
<div class="story w-richtext" fld-editor="Our story">
  <h2>Our story</h2>
  <p>We opened in 2019 with one grinder
     and a borrowed espresso machine.</p>
</div>
Im Adminbereich Pages → Home
Our story Our story — We opened in 2019 with one grinder and a borrowed espresso machine.
Auf der Website nach einer Änderung
Our story

We opened in 2019 with one grinder and a borrowed espresso machine.

Now we roast our own beans.

Der Kunde hat im Editor einen Absatz ergänzt.

Worauf es ankommt

  • Setz es an ein <div>. WordPress verpackt den Text selbst in Absätze.
  • Die Stile von Überschriften und Absätzen darin kommen aus dem CSS der Website für diesen Block. Gestalte also die Tags innerhalb des Blocks, nicht einzelne Klassen.
  • Für reinen Text ohne Formatierung ist fld-area für deinen Kunden einfacher.

Typische Fehler

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

So nicht
<p class="lead" fld-editor="Intro">Open every day.</p>

An einem Absatz: Die Absätze des Editors landen darin, und der Browser zerlegt das Layout. Das Protokoll meldet nichts.

So geht’s
<div class="lead" fld-editor="Intro">Open every day.</div>

An einem <div>.

Dasselbe in den Website-Einstellungen oder bei einer Kategorie
fld-editorauf einer Seite oder in einem Beitrag
opt-editorin den Website-Einstellungen
tax-editorbei einer Kategorie oder einem Schlagwort, etwa eine Kategoriebeschreibung
Alternative Schreibweise

f_editor, o_editor, t_editor 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.