HTML-Bildunterschriften schon jetzt in WordPress nutzen

Endlich kannst Du die Bildunterschriften formatieren

WordPress 3.4 kommt in schnellen Schritten. Doch wie es mit großen Projekten ist, verschiebt sich der Fahrplan ein wenig. Im Januar hieß es noch, das WordPress 3.4 am 18. April veröffentlicht werden soll. Wenn Du Dir jetzt die Roadmap des Projektes anschaust, siehst Du, das die Entwickler erst/schon 68% fertiggestellt haben (Stand: 20.04.2012). Vielleicht liege ich falsch, doch ich schätze, das WordPress 3.4 im Mai für alle zum kostenlosen Download verfügbar ist. Doch was erwartet Dich mit diesem Update? Eines der Highlights ist die komfortable Möglichkeit, die Bildunterschriften

[caption]...[/caption]

mit HTML-Tags zu formatieren. Doch wenn Du WordPress 3.3.1 einsetzt, dann kannst das schon bereits jetzt tun. Nicht so komfortabel, aber doch ganz einfach.

In WordPress 3.4 kannst Du in den Metadaten die Bildunterschriften mit HTML-Tags formatieren. Das gleiche kannst Du auch bei einem direkten Verweis einfügen. Für die Nutzer des aktuellen Systems geht das nur nach dem Einfügen des Bildes in den Artikel.

Falls Du die Metadaten des Bildes nicht schon vorher festgelegt hast, so schalte spätestens jetzt den WordPress-Editor in die HTML-Ansicht. Dort gibst Du bei [ caption="" ] den gewünschten Text ein und formatierst diesen noch nach Deinen Wünschen. Wichtig dabei ist, das Du eingefügte CSS-Klassen /-ids und Links in einem einfachen »Anführungszeichen« ausstattest: bzw. Text.

Logo NetzBlogging mit Verlosung bei 100 Facebook Fans

Timm‘s NetzBlogging verlost ein Hörbuch
unter den ersten 100 Fans
der Facebook-Fan Page.

Und hier der entsprechende Code in der HTML-Ansicht von WordPress:

[caption id="..." align="..." width="140" caption="<em>Timm's NetzBlogging</em> verlost <span class='red'>ein Hörbuch</span> <br /> <strong>unter den ersten 100 Fans</strong> <br />der  <a href='https://www.facebook.com/Netzblogging'><strong>Facebook-Fan Page</strong></a>" ]<a href="..."><img src="..." alt="..." title="..." width="140" height="140" class="..." /></a>[/caption]

Natürlich ist dieser Weg nicht der komfortabelste, doch so kann ich das Copyright eines Bildes wesentlich besser formatiert darstellen. Ein direkten Link zur Quelle findet so mancher Urheber sicher nicht schlecht.

Wie denkst du darüber. Hast Du auch schon nach solch einer Lösung gesucht? Oder ist dieses Feature für dich eher unwichtig? Sag mir Deine Meinung! :)

Zeige deinen Freunden, was Dir gefällt!

Metadaten

Hast du etwas zum Thema beizutragen? Ich freue mich sehr über weitere Hinweise, andere Sichtweisen oder anregende Diskussionen. Natürlich gern auch Fragen, die ich versuchen werde zu beantworten. Bitte beachte vor dem Kommentieren die Hinweise zur Netiquette hier auf NetzBlogging.de. Vielen Dank!
Die Top-Kommentatoren findest Du in der Wall of Fame

4 Kommentare

Jens
1 Kommentar
nasch
1 Kommentar
» Schreibe einen Kommentar
  1. Ich habe diese Bildunterschriften nie genutzt, weil ich sie wirklich hässlich fand, aber bald könnte ich mir das vorstellen. Ich werde es auf jeden Fall mal testen :)

    • Zum Glück können die Bildunterschriften anhand von CSS gut gesstyled werden. Sonst wären sie wirklich nicht gerade ansehenswert. :)

      Probiere es ruhig mal aus. Da ich sowieso im HTML-Editor schreibe, habe ich damit keine Proble.
      Jedoch habe ich es schon mal miterlebt, das Formatierung des Textes beim Wechsel vom HTML zum »normalen« Editor verloren gingen. Kannst es ja einfach mal probieren.

      LG Timm

  2. gibt es eine möglichkeit zum eigentlichen bild nochmal ein bild drunter zu setzen, in die cpation z.b. für einen button?

  3. Hallo Jens,

    ich habe es mal mit den Shortcode direkt versucht – nicht geklappt.
    Mit hat es auch nicht geklappt.
    Jedes Shortcode hat auch eine HTML-Anweisung. bisher hatte das immer funktioniert. Jedoch der Ersatz als Shortcode nicht.

    Vielleicht habe ich bei der letzten Varainte etwas falsch gemacht, doch bisher ist mir kein Workaround eingefallen.

    Wenn Du ein Bild als Caption einsetzen möchtestt, dann hatt es bei mir geklappt wenn Du die Caption-Anweisungen mit einem einfachen Semikolon angibst.

    caption="<img class='..' src=''>"

    Vielleicht hilft es dir als kleiner Ansatzpunkt.

    LG Timm

Hinterlasse eine Antwort

INFO: Mit * markierte Felder sind Pflichtfelder. Bitte gebe Deinen Namen oder Deine Initialen an und hinterlasse eine gültige E-Mail-Adresse. Deine E-Mail wird nicht weiter verwertet.
Ich freue mich auf Deinen Kommentar.

Kommentarregeln | Kommentarhilfe


Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>