Howto: Userbilder Thumbnails in Kommentaren und Beiträgen mit DRUPAL 6

DRUPAL6 - User Thumbnailbilder in Beiträgen und Kommentaren einbinden.

Ähnlich wie z.B. bei Drupalcenter.de werden auf vielen DRUPAL Seiten sogenannte Thumbnails ( verkleinerte Bilder ) bei Userbeiträgen benutzt. Für vorherige Versionen gibt es hier schon ausgereifte Lösungen, wie z.B. bei der Version 5.x das Modul ImageCache Profiles.

Dieses gibt es allerdings noch nicht für die neueste Version 6. Ich habe lange gesucht und probiert, dies auch in der Version 6 zu bewerkstelligen, allerdings wurde ich lange Zeit nicht fündig. Ich habe jetzt jedoch eine Lösungsweg gefunden, den ich hier kurz vorstellen will.

Benötigt werden:

Ein Theme, das das Anzeigen von Benutzerbilder in Beiträgen und Benutzerbilder in Kommentaren gestattet. Beispielsweise das Garland Theme, oder auch das ZEN Theme.

Die Module

ImageCache http://drupal.org/project/imagecache
ImageAPI http://drupal.org/project/imageapi

der Patch

von ImageCache_Profile unter http://drupal.org/node/225816#comment-927081
Download: http://drupal.org/files/issues/imagecache_profiles_0.zip

Installation:

Wie gehabt, werden die drei Module und der Patch gedownloadet und entpackt. Danach werden die kompletten Ordner in das Verzeichnis
/html/sites/all/modules upgeloadet.
Danach die hochgeladenen Module unter /admin/build/modules aktivieren.

Settings im Theme:

Hier beispielsweise im Theme Garland unter /admin/build/themes/settings/garland die beiden Checkboxen Anzeigen von Benutzerbilder in Beiträgen und Benutzerbilder in Kommentaren aktivieren.

Einrichten von Imagecache

In meinem Beispiel richte ich zwei Imagecache-Presets ein. user_image_default als Preset für alle Anzeigen der Userbilder auf der Website und user_image_large soll als Preset für die Anzeige im Profil dienen.

Unter /admin/build/imagecache wähle ich "Add New Preset" und lege als erstes user_image_default an. Hier wähle ich die erste Aktion "Add Deprecated Scale" und setze folgende Werte ein:
width: 30
height: 30
fit: Outside dimensions

Außerdem noch die zweite Aktion "Add Crop" mit folgenden Werten:
width: 30
height: 30
xoffset: center
yoffset: center

Dann richten wir user_image_large an. Hier wähle ich die erste Aktion "Add Deprecated Scale" und setze folgende Werte ein:
width: 200
height: 200
fit: Outside dimensions

Außerdem noch die zweite Aktion "Add Crop" mit folgenden Werten:
width: 200
height: 200
xoffset: center
yoffset: center

Diese beiden Einstellungen reichen bereits, da ja im Userprofil user_image_large benutzt werden soll und auf allen anderen Beiträgen der kleine Thumbnail user_image_default erscheinen soll.

Wenn alles mit diesen Einstellungen versehen ist, gehts im Adminbereich in die Benutzereinstellungen unter: /admin/user/settings Hier muss Unterstützung von Benutzerbildern aktiviert werden. Da viele User wahrscheinlich keine Ahnung von Grafikprogrammen haben, setze ich meine Bilderlaubnis sehr groß an, damit auch normale und unbearbeitete Userbilder direkt von den Festplatten der User genutzt werden können. Ich erlaube hier Bildgrößen von 1600x1400px und eine Bildgröße von 1000 kB.

Wenn die Installation reibungslos geklappt hat, dann sollten jetzt außerdem weitere Auswahlmöglichkeiten bei den Nutzerbildeinstellungen möglich sein. Neu sollten jetzt diese Punkte sein:

Set user profile picture size with this ImageCache preset: Hier wähle ich user_image_large
Set the user picture size within comments with this ImageCache preset: Hier wähle ich user_image_default
Set default user picture size with this ImageCache preset: Hier wähle ich user_image_default
Picture minimum width: Hier setze ich 30 ein
Picture minimum height: Hier setze ich 30 ein

Tja .. und das war es jetzt auch schon. Wenns nicht gleich klappen sollte, dann empfehle ich noch das bisherige Profilbild zu löschen, zur Not auch noch per FTP zu entfernen und ein neues Userbild upzuloaden. Dann sollte eigentlich wie in meiner Installation ein Userbild mit der Größe 200x200 Pix im Profil zu sehen sein.

Und außerdem sollten in Kommentaren und Beiträgen nun die kleinen Userbilder der Größe 30x30 Pixel zu sehen sein. Wie es nun aussehen sollte, kann man schon mal in den Screenshots sehen.
Ach ja ... Die Ausrichtung der Bilder kann ziemlich einfach in den jeweiligen CSS Dateien geändert werden. In meinem Beispiel und dem Garland Theme wurde z.B.

.picture, .comment .submitted {
float: left; /* LTR */
clear: left; /* LTR */
padding-right: 1em; /* LTR */
}
angepasst, da Garland die Bilder normalerweise rechts fliessend einbindet. Mit dieser kleinen Änderung erscheinen die Bilder jetzt links.

... viel Erfolg und Spaß beim Nachbauen.