[contact-form-7 id="24083" title="Feedback DE"]

Ausgewählte Vorlagen

Drupal 7.x. Arbeit mit Bildern und Bildstilen

Dank diesem Tutorial erfahren Sie, wie erstellt oder ändert man Bildstile in Drupal.

Drupal 7.x. Arbeit mit Bildern und Bildstilen

  1. Öffnen Sie das Control Panel und gehen Sie in den Bereich Konfiguration (Configuration)->Medien (Media)-> Bildstil (Image Styles). Hier sehen Sie die Liste von Bildstilen, die in der Engine standardmäßig festgelegt wurden, und Stile, die wir für das Thema erstellt haben:

    screen1

  2. Drücken Sie “Stil erstellen” (“Add Style”) um den Bildstil zu erstellen oder nutzen Sie den Button “Bearbeiten” (“Edit”), um den existierenden Bildstil zu bearbeiten. Wählen Sie den Effekt aus der DropDownListe von verfügbaren Varianten und drücken Sie den Button “Hinzufügen” (Add).

  3. Sie können solche Effekte wie Beschneidung (crop), Maßstab (scale), Größenänderung (resize), Drehung (rotate) und Entsättigung (desaturate) (alle zusätzlichen Effekte wurde mit Hilfe von Modulen erfüllt) nutzen.

    • Beschneidung (Crop): entfernt Teile des Bildes so, um es festgelegten Größen anzupassen.

    • Entsättigung (Desaturate): macht das Bild schwarz-weiß.

    • Größenänderung (Resize): passt das Bild den notwendigen Größen an. Dies kann das Bild disproportional dehnen und komprimieren.

    • Drehen (Rotate): Drehen von Bildern kann die Größe des Bildes erhöhen, um dem Diagonalmaß zu entsprechen.

    • Skalierung (Scale): Mit Hilfe von der Skalierung kann man die Bildgrößen ändern und Proportionen zu halten. Legen Sie eine von den Messungen fest, und die zweite wird automatisch festgelegt.

    • Skalierung und Beschneidung (Scale and Crop): Skalierung und Beschneidung hält die Proportionen des Originalbildes bei der Skalierung und beschneidet längere Seite. Dies ist am meisten nützlich, wenn Sie perfekt quadratische Vorschaubilder ohne Drehung erstellen möchten.

  4. In den Effekteinstellungen können Sie Höhe (Height) und Breite (Width) festlegen:

    screen2

  5. Nachdem Sie den Stil erstellt haben, können Sie ihn aufs Bild verwenden.

  6. Die Stile können in den Bereichen “Inhaltstypen anzeigen” (“Content Types Display”) oder “Feldansichten anzeigen” (“Views Field Display”) verwendet werden.

  7. Folgen Sie dieser Anleitung, um den Stil in Einstellungen für Inhaltstypen anzeigen (Content Types Display Settings) zu verwenden:

    1. Wählen Sie Struktur (Structure) -> Inhaltstyp (Content types) (wählen Sie den Inhaltstyp, den Sie bearbeiten, aus) -> Anzeige verwalten (Manage display), und dann:

      screen3

    2. drücken Sie auf das Zahnradsymbol, um den Stil auszuwählen. Sie können auch das Bild zu Ihrem Knoten hinzufügen.

    3. Wählen Sie den Stil aus der DropDownListe.

    4. Speichern Sie die Einstellungen.

  8. Um den Stil in Einstellungen für Inhaltstypen anzeigen (Views Field Display Setting)zu verwenden:

    1. Wählen Sie Struktur (Structure) -> Ansichten (Views) (wählen Sie den Inhaltstyp, den Sie bearbeiten, aus).

    2. Drücken Sie auf das Bildfeld und wählen Sie den Bildstil aus, wie es unten angezeigt ist:

      screen4

    3. Speichern Sie die Einstellungen.

  9. Schauen Sie sich den bearbeiten Inhalt auf der Webseite an, um Ihre neuen Stile in Aktion zu sehen.

Sie können auch das ausführliche Video-Tutorial nutzen:

Drupal 7.x. Arbeit mit Bildern und Bildstilen