2.
Sep
2009

Ungewollter Rand bei wp-caption

ungewollter RandIch habe in einem anderen Blog Bilder veröffentlicht, die ich auch mit Untertiteln versehen wollte. Hierzu reicht es ja, beim Einfügen eines Bildes unter “Beschriftung” den Text anzugeben, der unter dem Bild erscheinen soll. Das Ergebnis sieht dann allerdings so aus wie hier links auf dem Bild. Warum ist da dieser Rand an der rechten Seite? Ein Blick in den Quellcode verriet, dass die Breite der Klasse wp-caption 160px beträgt, also 10 Pixel mehr als das Bild selbst. Meine Versuche, im Stylesheet sämtliche paddings und margins auf 0 oder auf Minuswerte zu setzen, brachten auch kein anderes Ergebnis. Ich habe dann die WordPress-Dateien nach “wp-caption” durchsucht und fand in der Datei wp-includes/media.php in Zeile 596 den Grund:


return '<div ' . $id . 'class="wp-caption ' . $align . '" style="width: ' . (10 + (int) $width) . 'px">'

Die 10 am Ende der Zeile verbreitert den Rahmen einfach um 10 Pixel. Da frage ich mich, was soll das Wenn ich da gerne eine Verbreiterung hätte, dann baue ich die per CSS ein.
Also habe ich aus der 10 eine 0 gemacht, und damit das ganze noch zentriert ist in die style.css geschrieben:

1
2
3
.wp-caption {
 text-align: center;
}
Dies ist ein Testfoto

Dies ist ein Testfoto

Und dann sieht es vernünftig aus, ohne Rand und mit zentriertem Text darunter. Ich finde es ärgerlich, dass man, um solche Sachen zu ändern, in den Core-Dateien herumpfuschen muss – und vor allen Dingen bei jedem Update daran denken muss, es wieder zu aktualisieren.


Einsortiert unter Bilder
Bookmarken bei: Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • MisterWong
  • del.icio.us
  • Technorati
  • Digg
  • Y!GG
  • Bloglines
  • Linkarena
  • Webnews

6 Kommentare:

  • 1

    Ich mag das mit dem Rand grundsätzlich nicht, deshalb bleibt er bei mir auch weg, ebenso wie diese Untertitelfunktion. Was ich zu den Bildern zu schreiben habe, setze ich als normalen Text drunter. Da kann ich mich auch jedesmal neu entscheiden, ob der Text ebenfalls zentriert erscheinen soll oder – wenn er lang ausfällt – bündig.
    Lieben Gruß
    Elke

    Kommentar von Elke
    Samstag, 5. September 2009, 12:24

  • 2

    Hallo Barbara,

    kommen wir – wieder mal – zum Thema Mediathek… Wie hast Du das hinbekommen, dass sich das zweite Bild so in der Großansicht öffnet? Ich verzweifle immer noch daran, natürlich auch unter WP 2.8.4.

    Shutter Reloaded (hast Du ja auch schon beschrieben vor längerer Zeit) scheint sich ja mit 2.8.4 nicht zu vertragen, jedenfalls bei mir irgendwie nicht.

    Vielleicht übersehe ich ja auch was und Du kannst mir den entscheidenen Hinweis mit dem Zaunpfahl geben?

    Kommentar von Nobbi
    Donnerstag, 1. Oktober 2009, 11:52

  • 3

    Hallo Nobbi,
    das ist bei mir Shutter Reloaded, das das Bild so öffnet. Von Problemen mit 2.8.4. habe ich bei diesem Plugin noch nichts gehört

    Kommentar von Barbara
    Donnerstag, 1. Oktober 2009, 12:13

  • 4

    Tja, dann weiß ich auch nicht weiter. Selbst im WP-Forum bekomme ich ja keine Antworten. Keine Antworten sind ja auch welche, also: WP bekommt das Bildproblem einfach nicht in den Griff. Muss ich also mit halbgaren Klamotten weiterwurschteln, aber Danke Dir für Deine Antwort :-)

    Tschö
    Nobbi

    Kommentar von Nobbi
    Donnerstag, 1. Oktober 2009, 13:22

  • 5

    Was macht Shutter denn bei dir – bzw. was macht es nicht? Geht gar nix oder wie?

    Kommentar von Barbara
    Donnerstag, 1. Oktober 2009, 21:32

  • 6

    Genau, es geht leider gar nix. Ich weiß jetzt aber auch nicht, welche Shutter-Einstellung nötig sein würde. Es lief jedenfalls bis 2.8 auch bei mir, danach nicht mehr.

    Kommentar von Nobbi
    Freitag, 2. Oktober 2009, 1:34

Einen Kommentar schreiben:

Smilies einfügen:

http://www.barbarajany.de/wp1-5/wp-content/smilies/smile.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/bye.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/wink.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/scratch.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/cool.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/rolleyes.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/blush.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/good.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/angry.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/whistle.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/sad.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/cry.gif 
http://www.barbarajany.de/wp1-5/wp-content/smilies/nono.gif 
 

RSS-Feed für Kommentare zu diesem Beitrag  ·   Trackback URL


Zum vorherigen oder nächsten Beitrag blättern:

«         »