Kernattribut Website-Einstellungen

Ein Logo oder Bild für die ganze Website

opt-image="Feldname"

Ein Bild in den Website-Einstellungen: das Logo in Header und Footer, ein Standard-Titelbild, ein Zahlungssymbol. Dein Kunde ersetzt es einmal, und jede Seite ändert sich.

Wo es hingehört

An das <img> auf theme-options.html, das das Feld anlegt, und an dasselbe <img> im Header mit demselben Namen, das es liest.

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

Beispiel: das Logo

Markup theme-options.html · index.html

<!-- theme-options.html -->
<img src="images/logo.png" alt="Warm Corner" opt-image="Logo">

<!-- the header of every page -->
<a href="/"><img src="images/logo.png" alt="Warm Corner" opt-image="Logo"></a>

Im Adminbereich ThemeForge → Options

Logo logo.png

Auf der Website jede Seite

Warm Corner Home Menu Contacts

Worauf es ankommt

alt bleibt so, wie es im Markup steht; srcset wird entfernt.
PNG, JPG oder WebP: SVG kommt nicht in die Mediathek.

Typische Fehler

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

So nicht

<!-- theme-options.html -->
<img alt="Warm Corner" opt-image="Logo" src="images/logo.png">
<!-- header -->
<img alt="Warm Corner" opt-image="Site logo" src="images/logo.png">

Verschiedene Namen in den Einstellungen und im Header: Der Header liest ein Feld, das es nicht gibt, und zeigt kein Logo. Das Protokoll meldet nichts.

So geht’s

<!-- theme-options.html -->
<img alt="Warm Corner" opt-image="Logo" src="images/logo.png">
<!-- header -->
<img alt="Warm Corner" opt-image="Logo" src="images/logo.png">

Ein Name an beiden Stellen.

Alternative Schreibweise

o_image funktioniert genauso: Der Build ergibt ein identisches Theme.

In diesen Rezepten verwendet

Header

Wenn du so weit bist

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

Kostenlos starten: Adminbereich ansehen Markup-Leitfaden lesen