Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Benutzerhandbuch › Fortgeschrittene › Tutorials & How To's - Tipps & Tricks ›

Drupal 6 - Automatisch unterschiedliche Bildgröße bei Teaser und Artikel

Eingetragen von Thoor (3678) am 26.02.2009 - 16:29 Uhr in
  • Drupal 6.x

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" ...

‹ Erste Schritte nach oben Drupal 6 - Eigene CSS Datei in ein Theme integrieren ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Rules Integration

Eingetragen von stBorchert (6003)
am 26.02.2009 - 20: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.

Tipp: Beachte die Verhaltensregeln des DrupalCenter.

Logo undpaul

  • Anmelden oder Registrieren um Kommentare zu schreiben

Da die Frage gerade im IRC

Eingetragen von derhasi (221)
am 05.03.2009 - 22:39 Uhr

Da die Frage gerade im IRC kam:
die Datei imagecache.rules.inc muss 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.

undpaul

  • Anmelden oder Registrieren um Kommentare zu schreiben

Teaser Ansicht geht nicht

Eingetragen von Mincing (49)
am 07.04.2009 - 20: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

  • Anmelden oder Registrieren um Kommentare zu schreiben

teaser

Eingetragen von schmidalov (11)
am 08.07.2009 - 14: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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutze einen selbst

Eingetragen von CG (338)
am 23.09.2009 - 15: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 ;)

mfg

chris

  • Anmelden oder Registrieren um Kommentare zu schreiben

Die Startseite ist kein

Eingetragen von Alexander Langer (3416)
am 23.09.2009 - 15: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

Suchmaschinenoptimierung (SEO) & Drupal

  • Anmelden oder Registrieren um Kommentare zu schreiben

Forum

Eingetragen von stBorchert (6003)
am 23.09.2009 - 15: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

Tipp: Beachte die Verhaltensregeln des DrupalCenter.

Logo undpaul

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Seite auf Xamp wird nicht geladen
  • [simplenews_stats] [D10] Keine Öffnungen/Ansichten der Newsletter werden gezählt
  • Theme Olivero - Rand entfernen?
  • Olivero veraendern
  • Upgrade Drupal 9 auf 10
  • Matomo(?) in Seite, aber Deinstalliert!
  • Upgrade Drupal 7 auf Drupal 9 / Inhalt erstellen zeigt nur Fehler an
  • Fehlermeldung nach Update auf Drupal 10
  • Wie Button erstellen?
  • footnotes bei D10 und CKE5
  • ckeditor Bilder skalieren
  • Bild in welcher Form die Beschriftung!
Weiter

Neue Kommentare

  • Wie plötzlich passierte
    vor 1 Tag 10 Minuten
  • Sowas geht immer mit
    vor 2 Tagen 23 Stunden
  • vielen Dank fuer Deine Tipps.
    vor 3 Tagen 5 Stunden
  • Routinefrage: Kann es ein
    vor 3 Tagen 23 Stunden
  • @onkel Bob,Erst mal
    vor 1 Woche 3 Tagen
  • Prinzipiell geht das schon.
    vor 1 Woche 3 Tagen
  • Rubi_2021 schriebWie genau
    vor 2 Wochen 2 Tagen
  • Ok, war ein Versuch. ;-) Kann
    vor 2 Wochen 2 Tagen
  • Danke
    vor 2 Wochen 2 Tagen
  • Redest Du von dem
    vor 2 Wochen 2 Tagen

Statistik

Beiträge im Forum: 248803
Registrierte User: 19832

Neue User:

  • elkb
  • J. Berten
  • vohome

» Alle User anzeigen

User nach Punkten sortiert:
wla9333
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3845
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 5 Gäste online.

DrupalCenter durchsuchen:

Benutzerhandbuch

  • FAQ - Häufig gestellte Fragen.
  • Links & Downloads
  • Über Drupalcenter.de und das deutschsprachige Benutzerhandbuch
  • Über Drupal
  • Einsteiger
  • Fortgeschrittene
    • Best Practice - Drupal Sites - Guidelines
    • Die beliebtesten Themes und Module
    • Tutorials & How To's - Tipps & Tricks
      • Kurztipps - Dinge die Stunden sparen können.
      • Notfallpläne - Tipps die Deine Drupalinstallation retten können
      • Anleitung zur Erstellung eines einfachen Kontaktformulars
      • Arbeiten mit dem Drupal Taxonomie-System [beinhaltet veraltete Inhalte]
      • Bearbeiten-Tab zu jeden Block hinzufügen
      • Block View mit Argument
      • Das Tagebuch einer Site
      • Drupal 6 - Automatisch unterschiedliche Bildgröße bei Teaser und Artikel
      • Drupal 6 - Eigene CSS Datei in ein Theme integrieren
      • Drupal 6 - Einfache Bildergalerie mit Image und Lightbox2
      • Drupal 6 - Einrichten eines Kalenders
      • Drupal 6 - Google Adsense ohne Zusatzmodul einbinden
      • Drupal 6 - Hauptnavigation mit DropDown Effekt ab Ebene Zwei
      • Drupal 6 - ImageMagick mit XAMPP Lite nutzen
      • Drupal 6 - Imagefield mit Imagecache und Colorbox
      • Drupal 6 - Installation FCK Editor
      • Drupal 6 - Installieren der WYSIWYG API inkl. Editoren
      • Drupal 7: mehrere Bilder in Node: 1 Bild in Anrisstext
      • Drupal Code Highlighting in Redmine Projektarchiv (CodeRay)
      • Drupal Theming: JavaScript einhängen in Abhängigkeit von Page-Variablen
      • Drush - Das Schweizermesser für Drupal auf Kommandozeile
      • Einfaches und erfolgreiches Patchen unter Windows
      • Eingabeformat & Inputfilter
      • Einrichten eines einfachen, statischen Menüsystems
      • Erstellen von Patches
      • Gallery mit CCK und Views erstellen (Drupal 5)
      • Header image Modul einrichten
      • Inhaltsübersicht für einen User mit einem View erstellen
      • Javascript und CSS-Dateien einbinden
      • Kontaktformular mit Jquery aufwerten
      • Leitfaden zur Erstellung von Suchmaschinenoptimierten Drupal-Sites
      • Mac OSX - Backupskript für Websites auf MAMP
      • Module updaten via Shell auf Windows
      • Module übersetzen
      • Perl-Script zum Erzeugen einer statischen Kopie einer Drupal-Website
      • Portierung eine Themes von openwebdesign.org
      • Prozentbalken bei Views (Balkendiagramm)
      • Themen eines Node-Formulars
      • Titel mit Stil
      • Umkreissuche mit Location- und Views-Modul
      • Usergalerie mit ImageCache, CCK, Views + Thickbox
      • Userprofil mit Usernodes erstellen
      • Validierung von Usereingaben bei Nodes
      • Variation vom Showroom auf drupalcenter.de
      • View mit Eingabeformular für neue Beiträge
      • WebSVN mit Drupal Code Highlighting
      • Zusätzliche Submit-Schaltfläche in Node-Formularen
      • i18n Language Switcher Block, die Links mit den Flaggen themen
      • ui.slider als Ersatz für den Ajax-Pager von Views
      • Zugriffsbeschränkungen für Nodes - eine Übersicht der Möglichkeiten
  • Entwicklung von Modulen und Themes
  • Drupalcenters Community
  • Drupal 7 Video-Trainings (Deutsch)
  • Drupal-Testumgebung erstellen
  • Drupal 6 Module
  • Drupal 7 Module
  • Drupal Screencasts auf deutsch
  • Archiv

Das Copyright des deutschsprachigen Drupal-Benutzerhandbuches unterliegt den jeweiligen Autoren. Übersetzungen des englischsprachigen Drupal-Benutzerhandbuches unterliegen der Creative Commons License, Attribution-ShareAlike 2.0.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association