Bilder hochladen in WP 2.5 und Bildanzeige mit Plugin Shutter Reloaded
Mit der neuen Datei-Uploadfunktion in WordPress ab Version 2.5 funktioniert das Hochladen und Einfügen von Bildern sehr gut, so dass ich hierzu mittlerweile nicht mehr das IImage-Browser Plugin verwende. Zum Hochladen wird einfach über dem Schreibfenster auf das “Bild einfügen”-Symbol geklickt, anschließend werden per Klick auf “Wähle die Dateien zum Upload aus” ein oder mehrere Bilder gleichzeitig vom lokalen Rechner ausgewählt und hochgeladen.
Die Bilder können als kleines oder mittelgroßes Vorschaubild oder in voller Größe in einen Beitrag eingefügt werden. Die Größe der Thumbnails und der mittelgroßen Vorschaubilder werden unter Einstellungen -> Verschiedenes festgelegt. Ist bei “Beschneide die Thumbnails in die richtige Größe” ein Häkchen, werden quadratische Thumbnails erzeugt. Die Größeneinstellungen wirken sich nur auf Bilder aus, die neu hochgeladen werden, die Größe bereits hochgeladener Bilder bleibt unverändert. Die Vorschaubildgröße lässt sich also – wenn man das will – von Beitrag zu Beitrag variieren.
Die Bezeichnung “vollständige Größe” beim Einfügen des Bildes ist ein wenig irreführend, da die Bilder beim Einfügen automatisch auf eine Breite von 500 Pixeln geschrumpft werden. Wer mit diesem Standardwert nicht zufrieden ist, muss in die functions.php seines Themes einfügen: $GLOBALS['content_width'] = 650; und die 650 durch die gewünschte Breite in Pixeln ersetzen. Sinnvollerweise sollte hier natürlich ein Wert gewählt werden, der nicht breiter als der Inhaltsbereich des Blogs ist. Auch ist es sinnvoll, die Bilder vorher mit einem Grafikprogramm auf die entsprechende Größe zu verkleinern, da die Qualität nicht sehr toll ist, wenn man ein Riesenbild auf diese Weise automatisch verkleinern lässt.
Beim Einfügen der Bilder werden je nach gewählter Ausrichtung (keine, links, zentriert, rechts) die Klassen .alignnone, .alignleft, .aligncenter, .alignright vergeben. Um diese zu nutzen, müssen in der style.css die entsprechenden Definitionen dafür angegeben werden, also z.B.
.alignleft {
float: left;
margin-right: 5px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
Plugin Shutter Reloaded:
Wenn beim Einfügen des Bildes die Bild-URL nicht gelöscht wird, wird das Bild als Link dargestellt, und beim Anklicken öffnet sich dann das Bild in voller Größe im gleichen Fenster. Das sieht zum einen nicht sonderlich schön aus, zum anderen muss anschließend die “Zurück”-Taste des Browsers bedient werden, um wieder zum Artikel zurückzukommen. Um das Vergrößern schöner zu gestalten, gibt es ja jede Menge von Lightbox-, Thickbox- und sonstigen Plugins. Mein Favorit in diesem Bereich ist Shutter Reloaded, ein kleines, aber feines Plugin mit sehr netten Funktionen. Die Einstellungen müssen nicht umständlich in einer CSS-Datei festgelegt werden, sondern erfolgen direkt im WordPress-Adminbereich unter Einstellungen -> Bildanzeige. Hier werden Hintergrundfarbe, -transparenz und sonstige Einstellungen festgelegt. Wenn mehrere Bilder veröffentlicht werden und die Möglichkeit bestehen soll, mittels “Nächstes” bzw. “Vorheriges” zwischen den vergrößerten Bildern zu navigieren, muss dem Link zum Bild ein class='shutterset' hinzugefügt werden, dann wird automatisch solch eine Navigation erzeugt. Hier ein Beispiel (bitte ein Bild anklicken):
Der Bildtitel erscheint leider nicht automatisch unter dem vergrößerten Bild. Um den Titel anzuzeigen, muss dem Link zum Bild ein ‘title’-Attribut hinzugefügt werden (in früheren WP-Versionen geschah dies automatisch). Ein kompletter Bildaufruf mit Blätterfunktion und Untertitelung sieht also beispielsweise so aus: <a href='http://link-zum-bild/frankfurt31.jpg' class='shutterset' title='Frankfurt am Main'><img src="http://link-zum-bild/frankfurt31-150x112.jpg" alt="Frankfurt 1" title="Frankfurt 1" width="150" height="112" class="alignnone size-thumbnail wp-image-176" /></a>
Galeriefunktion:
Durch den simplen Befehl [gallery] können die Bilder eines Beitrags auch als Galerie dargestellt werden. Gabi hat hier beschrieben, wie das geht und was man damit anstellen kann. Die Galeriefunktion erzeugt allerdings in ihrer momentanen Version XHTML-Fehler (aber auch dagegen gibts ein Plugin) und reißt mich auch sonst nicht vom Hocker, daher verwende ich für solche Zwecke lieber NextGen Gallery.
Zum vorherigen oder nächsten Beitrag blättern:
« Adminbereich umgestalten mit dem Plugin ‘WordPress Admin Theme Adminimize’ Upgrade auf WordPress Version 2.6 »
Hallo Barbara,
schade, aber ich finde auch bei Dir nicht ansatzweise eine Lösung für meine verschiedenen Probleme in Sachen Bilder in einem Artikel. Mir bleiben irgendwann entnervt nur zwei Möglichkeiten: Beim alten WP 2.3.3 bleiben oder das Ganze ganz einstampfen bzw. mir eine andere Software suchen, die mit Bildbearbeitung besser umgeht als WordPress.
Bei der ganzen Ausprobiererei blicke ich schon bald nicht mehr durch, nix funktioniert wie es sollte. Das kann natürlich aktuell an meiner WP 2.7 Beta3 liegen, aber das Ganze funzte schon in früheren Versionen nicht.
Und schon da habe ich weder zur Mediathek noch zu NextGenGallery verständliche Infos geschweige denn Tipps oder Hinweise bekommen bzw. gefunden.
Tschö
Nobbi, langsam desillusioniert
Kommentar von Nobbi
Montag, 17. November 2008, 11:50
Hallo Nobbi,
was für Probleme hast du denn mit den Bildern?
Kommentar von Barbara
Montag, 17. November 2008, 20:20
Hallo Barbara,
entschuldige, aber ich komme erst jetzt dazu zu antworten
Also da ich vorhabe, meine ganzen Bilder gleich mit dem Umstieg auf 2.7 neu zu sortieren, möchte ich auf NextGen Gallery umsteigen. Mein Problem ist hierbei jedoch folgende Frage:
Wie sage ich NGG, wie groß die Vorschaubilder im Beitrag sein sollen und wie bringe ich dem Plugin bei, dass es nichts zu machen gibt, wenn ein Original bereits kleiner ist als die vorgegebene Größe?
Ich kann das alles fürchterlich schlecht erklären, aber vielleicht hilft ein Blick auf mein Beispiel:
http://wp25.mueschen.info/nocht-ein-test/
Tschö
Nobbi
Kommentar von Nobbi
Freitag, 21. November 2008, 12:27
Hallo Nobbi,
.
dein Kommentar dümpelte ungesehen in der Kommentarmoderation herum, aber jetzt habe ich ihn entdeckt
Wie groß die Vorschaubilder sein sollen, legst du ja in den Optionen fest. Kommt es denn häufig bei dir vor, dass das Original kleiner ist als die Thumbnailgröße? Ich nutze NGG nur für wirkliche Galerien; für einzelne Bilder benutze ich die WP-Funktion zum Hochladen und anzeigen, damit kann man ja bei Bedarf für jeden Beitrag wählen, wie groß das Thumbnail sein soll.
Kommentar von Barbara
Dienstag, 25. November 2008, 12:24
Hi Barbara,
och, lass ihn dümpeln, ist ja nicht weg und hatte ich mir schon irgendwie gedacht
.
Naja, eigentlich würde schon die WP-Methode reichen, aaaber: Da habe ich ja auch so meine (Verständnis-?)Probleme mit. Denn das Ding will einfach nicht ein Thumb in einem Fenster anzeigen, sondern macht immer wieder das von Dir auch ungeliebete Browserfenster auf…
Kommentar von Nobbi
Dienstag, 25. November 2008, 13:07
Ohne Plugin geht das auch nicht anders. Installier dir Shutter Reloaded, das ich da oben verlinkt habe, das funktioniert auch mit NGG.
Kommentar von Barbara
Dienstag, 25. November 2008, 13:12
Noch ein wichtiger Nachtrag:
Mit dem Umstieg auf WP 2.7 möchte ich ja meine Bilderstruktur neu gestalten. Das kann ich am besten mit NGG, da ich dann ja auch gezielt Galerien generieren kann. Deshalb wollte ich eine Zweigleisigkeit (also WP-eigen und Plugin NGG) möglichst von Anfang an vermeiden und gleich bei NGG bleiben bzw. damit alles realisieren.
Tschö
Nobbi
Kommentar von Nobbi
Dienstag, 25. November 2008, 13:45
Dieses Shutter Reloaded muss ich mal ausprobieren, denn mit Lightbox-2 habe ich so meine Schwierigkeiten. Das schließt mir das vergrößerte Bild einfach nicht, wenn ich auf das “Close” und X tippe. Aber es geht komischerweise beim Doppelklick in den Hintergrund zu. Erklär mir das Einer *seufz*.
LG – Elke
Kommentar von Elke
Samstag, 13. Dezember 2008, 22:16