Zum Inhalt springen
themeforge
DE
Kostenlos starten
Menü
  1. Startseite
  2. Attribut-Referenz
  3. tax-image
Kernattribut Kategorien

Ein eigenes Bild für jede Kategorie

tax-image="Feldname"

Ein Titelbild über der Beitragsliste, ein Icon im Menü der Kategorien: Für Kategorien hat WordPress kein Bild. tax-image fügt so ein Feld hinzu, und die Kategorieseite zeigt das Bild genau dieser Kategorie.

Wo es hingehört

An ein <img> in archive.html: Der Build ersetzt sein src.

Als Hintergrundbild: tax-bg-image am Block, wie fld-bg-image.

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

Beispiel: das Titelbild einer Kategorie

Markup archive.html
<header class="category">
  <img class="category__cover" src="images/coffee.jpg"
       srcset="images/coffee-p-800.jpg 800w" sizes="100vw"
       alt="" tax-image="Category cover">
  <h1 wp="term-title">Coffee</h1>
</header>
Im Adminbereich Posts → Categories → Coffee
Name Coffee
Category cover beans.jpg
Auf der Website die Kategorieseite
beans.jpg Coffee

Der Kunde hat dort ein eigenes Titelbild gewählt; im Markup stand ein anderes.

Worauf es ankommt

  • srcset und sizes des Bildes werden entfernt, sonst würde der Browser das Bild aus dem Design zeigen.
  • alt bleibt aus dem Markup, einer für alle Kategorien: Lass ihn beim Titelbild leer, wenn der Name der Kategorie daneben steht.
  • Das Bild wird bei jeder Kategorie aus der Mediathek gewählt; „Daten laden“ überträgt es nicht dorthin.

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="category__cover" tax-image="Category cover"></div>

tax-image an einem Block ohne Bild: Es gibt nichts zu ersetzen, und das Build-Protokoll nennt das falsche Element.

So geht’s
<div class="category__cover" tax-bg-image="Category cover"></div>

tax-bg-image setzt das Bild als Hintergrund des Blocks.

Alternative Schreibweise

t_image 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.