Zum Inhalt springen
themeforge
DE
Kostenlos starten
Menü
  1. Startseite
  2. Attribut-Referenz
  3. wp="post-title"
Kernattribut Blog und Beiträge

Titel, Text und Beitragsbild eines Beitrags

wp="post-title"

Die Felder, die jeder Beitrag in WordPress schon hat: Titel, Text, Beitragsbild, Datum. Diese Werte geben sie aus, ohne neue Felder anzulegen.

Wo es hingehört

Auf single.html, dem Template eines einzelnen Beitrags, und in der Karte einer wp-query-Liste.

wp="post-title" an eine Überschrift, wp="post-content" an ein <div>, wp="post-image" an ein <img>, wp="post-date" an beliebigen Text; wp="post-link" setzt die Adresse des Beitrags in href.

Beispiel: ein Blogbeitrag

Markup single.html
<main class="post" wp="post">
  <h1 wp="post-title">New autumn menu</h1>
  <p class="post__date" wp="post-date">October 1</p>
  <img src="images/post.jpg" alt="" wp="post-image">
  <div class="post__text" wp="post-content">
    <p>Pumpkin latte is back.</p>
  </div>
</main>
Im Adminbereich Posts → Edit post
Title New autumn menu
Content Pumpkin latte is back, and so is the cinnamon bun.
Featured image autumn.jpg
Auf der Website die Beitragsseite
New autumn menu

October 1, 2026

autumn.jpg

Pumpkin latte is back, and so is the cinnamon bun.

Worauf es ankommt

  • Dein Kunde bearbeitet sie im normalen Beitragseditor von WordPress, nicht in zusätzlichen Feldern.
  • post-image nur an einem <img>; srcset wird entfernt. Für einen Hintergrund nimm wp="post-bg-image".
  • Das Datumsformat kommt aus Einstellungen → Allgemein.
  • post-content und post-excerpt an ein <div>: WordPress verpackt den Text selbst in Absätze.

Typische Fehler

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

So nicht
<div class="cover" wp="post-image"
     style="background-image: url(images/post.jpg)"></div>

post-image an einem Block: Der Build schreibt das Attribut ins Protokoll, und das Bild bleibt fest.

So geht’s
<div class="cover" wp="post-bg-image"
     style="background-image: url(images/post.jpg)"></div>

post-bg-image setzt das Beitragsbild als Hintergrund.

Alternative Schreibweise

wp="post_title" 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.