Menü

Word­Press-Cap­ti­on / Bild­un­ter­zei­len mit LiveWri­ter

Im Word­Press Backend gibt es seit Ver­si­on 2.6 die Mög­lich­keit, Fotos mit Bild­un­ter­zei­len (Cap­ti­ons) zu ver­se­hen. Die ent­spre­chen­den CSS-Ein­trä­ge bie­ten viel­fäl­ti­ge und schö­ne Gestal­tungs­mög­lich­kei­ten.

Nut­zer des kos­ten­lo­sen Micro­soft Tools “LiveWri­ter”  (neue Beta — nur in eng­li­sch ver­füg­bar) sind zur Lösung die­ser Auf­ga­be immer noch auf Kom­pro­mis­se ange­wie­sen. Oder man passt die Bild­un­ter­zei­le nach­träg­li­ch im Word­Press Backend an. 

Bildbezeichnung

Erst, wenn man dort im Feld “Bild­be­schrei­bung bear­bei­ten” einen Wert ein­ge­tippt hat, erscheint der Inhalt die­ses Fel­des spä­ter im Blog. 

Frü­her, als Word­Press noch nicht über die­se Mög­lich­keit ver­füg­te, habe ich das Plugin “Image Cap­ti­on” ein­ge­setzt. Seit ich den LiveWri­ter vor­zie­he, habe ich das Plugin ein­ge­mot­tet. Es sorgt “nur” dafür, dass das Attri­but “tit­le”  als Bild­be­schrei­bung genom­men und im Blog ent­spre­chend ange­zeigt wird. 

Damit der LiveWri­ter die gewünsch­te Plat­zie­rung (rechts, links oder zen­triert) über­nimmt, ist ein klei­ner Ein­griff nötig. Lei­der habe ich näm­li­ch im Code des Plug­ins kei­ne Mög­lich­keit gefun­den, die dies über­flüs­sig macht. 

Im Quell­code (Sour­ce) des Bei­tra­ges (3. Regis­ter) source  ergänzt man die CSS – Klas­se “wlDisa­b­le­dI­ma­ge” mit der gewünsch­ten Aus­rich­tung des Fotos, also “ali­gn­right”, “ali­gn­left” oder “alli­gn­cen­ter” (ohne die Anfüh­rungs­zei­chen!). In der CSS-Datei müs­sen die­se Klas­sen natür­li­ch ein­ge­tra­gen sein. 

 

.alignleft  { float: left; width: auto; margin: 5px 20px 5px 5px; font-size: 90%; font-family: verdana;arial }

.alignright  { float: right; width: auto; margin: 5px 5px 5px 20px;font-size: 90%; font-family: verdana;arial }

.aligncenter  { text-align: center; margin-bottom:15px;font-size: 90%; font-family: verdana;arial}

Damit über die dem Plugin “Image Cap­ti­on” bei­lie­gen­de CSS-Datei kei­ne Kon­flik­te pas­sie­ren kön­nen, habe ich die infra­ge kom­men­den Con­tai­ner aus­kom­men­tiert. Das sieht also dann so aus: 

Tipp:  Firefox Addons und Wordpress Plugins zum Durchstöbern
/* img.center, div.center {

    display: block;

    margin-left: auto !important;

    margin-right: auto !important; }

img.alignright, div.alignright {

    float: right;

    margin: 0 0 2px 18px; }

img.alignleft, div.alignleft {

    float: left;

    margin: 0 18px 2px 0; } */

div.img div {

    font-size: 0.9em;

    line-height: 1.6em;

    text-align: center;

    background-color: #fffde5;

    border-top: 1px solid #f2f0d9;

    border-bottom: 1px solid #e6e4cf;

    padding: 6px;

    margin-top: 5px; }

Mir ist bewusst, dass die Beschrei­bung ziem­li­ch lai­en­haft ist aber viel­leicht arbei­tet ja der eine oder ande­re auch ger­ne mit Bild­un­ter­schrif­ten. Die­se Kom­pro­miss­lö­sung zeigt jeden­falls eine Lösungs­mög­lich­keit auf. 

Falls jemand eine bes­se­re Idee hat, wäre ich dar­an sehr inter­es­siert.  Wer übri­gens gar kei­ne Lust auf die­sen Cap­ti­on Kap­pes hat und sei­ne Arti­kel nur im Backend von Word­Press ver­fasst, kann die Dar­stel­lung uner­wünsch­ter Rah­men und Unter­schrif­ten auch ganz ver­hin­dern.

snip­pets_1
Ich sehe manch­mal den Wald vor lau­ter Bäu­men nicht. Piet hat­te sehr schön beschrie­ben, wie… 
snip­pets_1
Dafür gibt es inzwi­schen vie­le gute Lösun­gen. Ob man nun die vom Sys­tem mit­ge­ge­be­ne Wid­get-Lösung…

Horst Schulte

Ich blogge seit 2004. Am liebsten schreibe ich über gesellschaftliche und politische Fragen. Aber ab und an gibt es hier auch etwas zum Thema Bloggen, Wordpress und ein paar Fotos.

Meine ersten Gehversuche als Blogger machte ich mit den Blogs finger.zeig.net, später mit querblog.de und noch etwas später mit netzexil.de

Ich freue mich auf Ihren Kommentar.

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.