Drupal 6 - Automatisch unterschiedliche Bildgröße bei Teaser und Artikel
Benötigt bei diesem Tutorial:
* Drupal 6.x
* Imagecache
* CCK
* Imagefield
* Filefield
* ImageAPI
Wie bei Drupal üblich, werden alle aufgeführten Module installiert und aktiviert. Da das Modul ImageAPI entweder ImageAPI GD2 oder ImageAPI ImageMagick benötigt, wähle ich unter Module noch das Modul ImageAPI GD2 und außerdem noch Imagecache UI aus, um mit Imagecache arbeiten zu können.
Neuer Feldtyp Bild in den Inhaltstypen mit dem Modul Imagefield
Unter Startseite › Verwalten › Inhaltsverwaltung "neuen Inhaltstyp hinzufügen" auswählen. Als Name wähle ich Bildbeitrag und als Typ bildbeitrag. Alle anderen Einstellungen können unberücksichtigt und unverändert bleiben.
Auf der folgenden Seite wähle ich im neu erstellten Inhaltstyp die Option "Felder verwalten" Dort gibt es die Möglichkeit ein neues Feld neben den Standardfeldern Titel und Textkörper zu diesem Inhaltstyp hinzuzufügen. Als Bezeichnung wähle ich fü das neue Feld Bild, als Feldname bild, als Datentyp Bild und das Formularelement wird automatisch in das Element Bild umgewandelt.
Im darauf folgenden Screen Bild belasse ich die vorgegebenen Standardeinstellungen und wähle einfach "Feldeinstellungen speichern".
Automatische Bildgrößen mit dem Modul Imagecache
Für dieses Beispiel möchte ich im Teaser ein Bild mit den Abmessungen 150*150 Pixel haben und das Bild soll dann im eigentlichen Beitrag immer 300 Pixel breit sein. Unter Startseite › Verwalten › Strukturierung > ImageCache wähle ich "Add new preset" und lege als erstes die automatische Umwandlung meines Teaserbildes fest. Als Preset Namespace gebe ich den Namen "bild_teaser" ein.
Unter den angebotenen Möglichkeiten von Imagecache wähle ich die Option "Scale and Crop" und gebe den Wert 150 als absolute Abmessung für Höhe und Breite ein. Damit ist das Vorschaubild auch schon fertiggestellt.
Als nächstes kommt das Bild für den Beitrag selbst ins Spiel. Erneut wähle ich unter Startseite › Verwalten › Strukturierung > ImageCache "Add new preset" und lege eine automatische Umwandlung meines Beitragsbildes fest. Als Preset Namespace gebe ich hier den Namen "bild_node" ein.
Da ich hier immer ein Bild mit der Breite von 300 Pixeln haben möchte und das Ursprungsformat beibehalten werden soll, nehme ich dieses Mal die Option "Scale". Für den Weite Wert ( Width) gebe ich 300 ein.
Bildanzeige im Teaser und im Node festlegen
Hierzu nochmal zurück zum erstellten Inhaltstyp Startseite › Verwalten › Inhaltsverwaltung
Bildbeitrag und auf "Felder verwalten". Am oberen Rand der Folgeseite befindet sich auch der Punkt
"Felder anzeigen".
Hier wählen wir nun für das Feld "Bild" bei der Bezeichnung "hidden" aus und für den Anrisstext wähle ich "bild_teaser image linked to node". Und beim vollständigen Beitrag wähle ich bild_node image.
Tja und damit sind alle Vorbereitungen abgeschlossen und es kann an Beiträge mit Bildern gehen, deren Bilder automatisch im richtigen Format und der richtigen Größe angepasst werden.
Abschliessend nur noch im Theme mittels CSS anpassen. Viel Spaß und Erfolg beim Nachbau.
Das Tutorial gibt es auch noch ein wenig ausführlicher mit Bildern auf meinem "Drupal Spielplatz" ...
- Anmelden oder Registrieren um Kommentare zu schreiben
Rules Integration
am 26.02.2009 - 19:48 Uhr
Und falls jetzt noch jemand auf die Idee kommt, "hey, es wäre doch toll, gleich mehrere Bildgrössen auf einmal erstellen zu können", der kann sich Rules installieren und dann mal die Rules Integration testen. Damit kann man dann beispielsweise beim Erstellen von Nodes die definierten Preset von imagecache ausführen lassen.
So kann man jetzt die Originalbilder z.B. in ein Thumbnail und eine Anzeigegrösse verkleinern lassen und dann das Original löschen (falls man das möchte).
---
Zur Sicherheit mal noch eine Ergänzung: meine Lösung mit Rules funktioniert nur in Verbindung mit einem imagefield. Dieses muss dann auch bei den Regeln angegeben werden.
Da die Frage gerade im IRC
am 05.03.2009 - 21:39 Uhr
Da die Frage gerade im IRC kam:
die Datei
imagecache.rules.incmuss einfach in den Imagecache-Ornder kopiert werden (z.B.sites/all/modules/imagecache). Die Implementierung übernimmt dann Rules automatisch. Eventuell könnte noch eine Cacheleerung von Nöten sein.Teaser Ansicht geht nicht
am 07.04.2009 - 19:11 Uhr
ich habe die Anleitung wie oben befolgt. Hat auch alles soweit gut geklappt. Nur leider werden mir die Bilder immer groß dargestellt. Die Anzeige mit Teaser geht nicht. Ich habe alles nochmal neu gemacht. Gleiches Ergebniss.
Wo könnte der Fehler liegen?
Gruß
Mincing
teaser
am 08.07.2009 - 13:47 Uhr
Auch bei mir funktioniert die Anzeige mit dem Teaser nicht. Das Bild bleibt groß.
Es is nun auch soweit gekommen, dass ich auf gar keinen Beiträgen mehr einen Teaser machen kann.
Bei den normalen Artikeln funktioniert der Anrisstext nicht mehr.
Hab die oben benötigten Module auch wieder deinstalliert und die Teaser-Funktion geht trotzdem nicht mehr.
mmh
Benutze einen selbst
am 23.09.2009 - 14:29 Uhr
Benutze einen selbst erstellten view, und dort funktionieren die teaser einsstellungen nicht...
mir ist schon öfter aufgefallen das sich die selbst erstellten views anders verhalten als beispielsweise die "startseite" die ist ja auch nur ein view. dort zum beispiel wird die einstellung für Teaser angenommen.
mfg
chris
[EDIT] Bei selbsterstellten Views muss man unter Seite / Felder / Inhalt:[CCK Bildfeld] noch das richtige format wählen. Analog zu oben wäre das dann "bildteaser verlinkt auf den beitrag". Dann klappts auch mit den Teasern ;)
Die Startseite ist kein
am 23.09.2009 - 14:44 Uhr
Die Startseite ist kein View. Erkennt man ganz einfach daran, dass es sie auch ohne Views-Modul gibt / Views nicht zum Core gehört.
--
mortendk: everytime you use contemplate... Thor is striking down from above with his mighty hammer - crushing and killing a kitten!
webseiter.de
Forum
am 23.09.2009 - 14:46 Uhr
Nur mal so nebenbei bemerkt: Fragen und Diskussionen sollten ins Forum gepostet werden.
Die Kommentarfunktion der Handbücher ist dafür jedenfalls nicht gedacht.
Stefan
--
sei nett zu Deinem Themer