Ich habe da einen kleinen Tipp zum Einfügen von Bildern über die WordPress Mediathek und die dabei zum Teil falsche Darstellung der Bilder im Artikel.

Problemstellung

Im WordPress Editor werden die Bilder nach dem Einfügen über die Mediathek noch sehr gut dargestellt. Ausrichtung, Bild-Unterschrift, alles stimmt. Wenn du nun aber zur Artikelvorschau wechselst, dann steht das Bild über dem Text und der Text umfließt nicht das Bild, so wie es im Editor dargestellt wurde.

Problemlösung

Die Lösung liegt fast auf der Hand, es fehlen bestimmte Stylesheet in der style.css deines WordPress Themes. Unter CSS « WordPress Codex findest du die entsprechenden Styles die seit Einführung der Mediathek notwendig sind um die Bilder entsprechend darzustellen. Du findest dort welche CSS für WP 2.6 Bilder verwendet werden müssen. Ergänze die style.css Datei deines Theme mit den dort gezeigtem Code.

Sylesheet Code

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}