Bilder in ein Text-Widget von WordPress einfügen

Das WordPress Text-Widget

Nach der Installation von WordPress findet man im Bereich Design einige Widgets für die Sidebars. Unter diesen Widgets ist ein Text-Widget. Möchte man in dieses Textwidget ein Foto einfügen ist dies nicht so einfach zu machen wie in einem Beitrag oder einer Seite.  Dieses Widget kann man mit einfachem Text füllen, oder aber auch mit HTML-Inhalten. Damit hat man dann nun auch die Möglichkeit ein Bild einzufügen. Als erstes sollte man im Bereich Media das Foto hinzufügen. Am Besten beachtet man hier schon die Größe des Fotos, wie es im Widget dargestellt werden soll. Hier sollte man sich auch die Datei-URL speichern. Diese benötigen wir später beim Einbinden des Fotos in das Widget.

Datei-URL
Hier nun ein Beispiel, wie der Code für ein Foto aufgebaut ist:

<img src=”Bild-URL” width=xxx height=yyy alt=”Bild-Name”>

Die einzelnen Teile stehen dabei für:

Bild-URL” steht für die Quelle des Fotos. In unserem Falle fügen wir hier die vorher gespeicherte Datei-URL ein.

Bild-Name“: Hier könne wir dem Foto einen Namen geben. Die Robots der Suchmaschinen können leider keine Bilder erkennen. Dafür geben wir dem Foto hier einen aussagefähigen Namen für die Suchmaschinen.

width=xxx und height=xxx steht für die Breite und die Höhe des Fotos. xxx steht hier für Größe in Pixeln

 

Sollte das Foto zusätzlich noch mit einem Link versehen und anklickbar sein sieht der Code wie folgt aus.

<a href=”http://www.seminar-cloud.de“><img src=”foto.png” width=xxx height=xxx alt=”Bild-Name” /></a>

Hier enthält der Block  <a href=”http://www.seminar-cloud.de”> das Ziel worauf der Link verweist.