Adding a link to a WordPress image caption

Advertisement:

WordPress-Tipp: Link in der Bildunterschrift

Ich poste ja häufiger Bilder in meinem WordPress-Blog und wurde schon öfter darauf angesprochen, wie ich das denn machen würde, dass ich einen Link in meiner Bildunterschrift einfüge. Des Rätsels Lösung ist dabei recht einfach.

Zwar benutze ich (manchmal) die eingebaute “Datei hinzufügen”-Funktion von WordPress, um Dateien hoch zu laden und dann in meinem Beitrag einzufügen. Aber gerade bei Bildern macht WordPress hier ein bischen sein eigenes Ding. Wenn ich über die Mediathek von WordPress gehe, fügt es am Ende einen Codeschnipsel ein, der in der Textansicht ungefähr so aussieht:

[caption id="attachment_2552" align="alignnone" width="160"]
<img class="size-full wp-image-2552" src="http://www.xyr.com/wp-content/uploads/2012/02/das_schoene_bild.jpg" alt="Bild-Alternativ-Text" width="160" height="240" />
Bildunterschrift
[/caption]

Mit ein wenig rudimentärer HTML-Kenntnis kann man sich Das Ergebnis als Quellcode betrachten und dies dann für alle weiteren Postings manuell benutzen und modifizieren.

<div id="attachment_2552" class="wp-caption" style="width: 160px">
<a href="http://www.xyr.com/wp-content/uploads/2012/02/das_schoene_bild.jpg">
<img class="size-full wp-image-2552" src="http://www.xyr.com/wp-content/uploads/2012/02/das_schoene_bild.jpg" alt="Bild-Alternativ-Text" width="160" height="240" />
</a>
Bildunterschrift
</div>

So ist es ganz einfach, Links in die Bildunterschrift in WordPress-Postings zu bekommen. Man setzt in der Textansicht bei WordPress einfach manuell einen DIV-Container mit der Klasse “wp-caption”, der das Bild und ggf. den Link dorthin enthält. Der Text zwischen den <p></p>-Tags ist dann die eigentliche Bildunterschrift. Diese kann dann im Quelltext ganz nach belieben einen Link enthalten.

Update 25. Dezember 2015

Während der Übersetzung dieses Posts habe ich festgestellt, dass sich mittlerweile scheinbar doch etwas daran geändert hat, wie Links in WordPress’ Bildunterschriften gehandhabt werden. Diese Änderungen habe ich aber nur in der englischen Übersetzung dieses Beitrags berücksichtigt.

Like this post? Share it!
Advertisement:

One thought on “Adding a link to a WordPress image caption

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>