Wie funktioniert eigentlich die WordPress Mediathek, was bedeuten die eingestellten Bildbrößen in der Mediathek, wie und wo werden zum Beispiel die hochgeladenen Bilder eigentlich abgelegt? Wie binde ich unter WordPress 2.9 die sogenannten Miniaturbilder bzw. Artikelbilder (post thumbnails) in mein verwendetes WordPress Theme ein? Die Klärung all dieser Fragen haben ich einmal versucht in diesem Artikel zusammen zu fassen. (weiterlesen …)

Anfang des Jahres hatte ich ein Umfrage zum Thema Genius von Apple iTunes 8.x durchgeführt. In der Umfrage ging es darum wie Ihr zur neuen Genius Funktionalität von Apple iTunes 8 steht. Mit der Funktion Genius können automatisierte Playlisten unter iTunes 8 erstellt werden. Genius erstellt dabei Wiedergabelisten von Titeln aus deiner Mediathek, die stilistisch zusammen passen.

Zugegeben es ist schon etwas her, aber das Ergebnis der Umfrage möchte ich euch nicht vorenthalten.

Hier das Endergebnis der Umfrage

Die Umfrage lief vom 8. Januar bis zum 28. Februar 2009. Insgesamt wurden dabei leider nur 32 Stimmen abgegeben. Dabei ist herausgekommen, das 28% Genius bereits nutzen, genausoviele es jedoch nicht nutzen wollen.

Ich persönlich nutze Genius nun schon die ganze Zeit und habe damit schon einige sehr schöne Wiedergabelisten zusammen stellen können. Ich finde das Feature weiterhin klasse.

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;
}