Verzichten Sie auf das Zuschneiden von Bildern und nutzen Sie stattdessen das Drupal Focal Point-Modul

Videos und Illustrationen, einschließlich Bilder, sind der neue Trend. Visuelle Inhalte erfreuen sich zunehmender Beliebtheit und beeinflussen maßgeblich die Art und Weise, wie Menschen Informationen konsumieren. Und wenn ich Ihnen sage, dass visuelle Inhalte Ihnen fast doppelt so viele Likes und Shares in den sozialen Medien einbringen können, sollte das auch keine Überraschung sein. 

So wichtig es ist, Bilder einzufügen, ist es für die Ersteller von Inhalten auch so einfach, diese Bilder hinzuzufügen und auf der Webseite zu bearbeiten?

Das Bearbeiten und Gestalten kann viel Zeit in Anspruch nehmen, und Skalieren, Zuschneiden oder Ändern der Größe sind auch nicht immer die Lösung, da jedes noch so kleine Element wichtig ist. 

Was tun Sie in einer solchen Situation?

Ich schlage vor, Sie verwenden das Focal-Modul. Unter anderem ist der Fokuspunkt eines der Top-Drupal-Module. Damit können Sie das Bild präsentieren, ohne die Schönheit des Bildes zu beeinträchtigen. 

Einer der Hauptvorteile des Moduls ist, dass es sich auf den Hauptteil des Bildes konzentriert, ohne den Eindruck eines schlecht zugeschnittenen Bildes zu erwecken. Das ist noch schlimmer.

Lesen wir, wobei uns dieses Modul noch helfen kann.

Wenn es darum geht, die Aufmerksamkeit des Nutzers zu erregen, wissen wir, dass es nur eine begrenzte Zeit und einen begrenzten Raum gibt. Als Ersteller von Inhalten stand ich schon oft vor dem Problem, dass das Zuschneiden nicht Teil der Lösung ist. 

Mit dem Modul Focal Point können Sie die wichtigen Teile eines Bildes festlegen. Es kann sowohl im zugeschnittenen als auch im Originalbild verwendet werden. 

Was macht Focal Point?

Da das Focal-Point-Modul von anderen Modulen abhängig ist, müssen Sie zuerst das Crop-API-Modul installieren. 

Oder Sie installieren das Modul einfach mit dem folgenden Drush-Befehl.

$ drush dl focal_point  //zum Herunterladen des Focal-Point-Moduls
$ drush en focal_point  //zum Installieren und Aktivieren des Focal-Point-Moduls

Aktivieren Sie es unter "Erweitern". Sobald es aktiviert ist, können alle Bildfelder auf Ihrer Website standardmäßig einen Fokuspunkt festlegen. Interessant? Nur zu. 

Der Fokuspunkt des Bildes kann über das Inhaltsbearbeitungsformular festgelegt werden. Danach müssen Sie nur noch das Bild hochladen. Der Fokus kann sowohl per Drag & Drop als auch per Klick eingestellt werden.

In Drupal 8 verfügt das Modul über ein eigenes Formular-Widget, das aktiviert werden muss, damit Inhaltsersteller den Fokuspunkt für ein bestimmtes Bild festlegen können.

Um den Prozess zu vereinfachen, verfügt das Modul über zwei Hauptfunktionen:

1. Fokuspunkt-Zuschnitt
2. Fokuspunkt-Zuschnitt und -Skalierung

Diese Effekte stellen sicher, dass der eingestellte Punkt so nah wie möglich am Mittelpunkt Ihres Bildes liegt. Außerdem wird sichergestellt, dass der eingestellte Punkt nicht abgeschnitten wird. 

Obwohl sich dieses Modul als eine gute Lösung erweisen kann, hat es seine eigenen Schwächen. Es ermöglicht Ihnen, einen Fokuspunkt zu bestimmen, den Teil, der nach dem Zuschneiden erhalten bleiben soll, aber manchmal liegt dieser Teil nicht in der Mitte.

Wie funktioniert Focal Point?

Nachdem wir das Modul erfolgreich installiert haben, probieren wir aus, wie dieses Modul funktioniert.

Fügen Sie die Stile für das Bild hinzu.

Gehen Sie zu Startseite → Administration → Konfiguration → Medien → Zuschneidetyp → Legen Sie das Seitenverhältnis fest. 

 
Gehen Sie zu Konfiguration → Bildstil → Großer Stilname → Fügen Sie den gewünschten Effekt hinzu. 

Wählen Sie Focal-Point-Skalierung und -Zuschnitt und speichern Sie es.

Gehen Sie zu Struktur → Inhaltstyp → Artikel → Verwalten von Anzeige → Bild

Wählen Sie das Bild aus und legen Sie sowohl den Punkt als auch den Standardfokuspunkt fest. Speichern Sie die Einstellungen. 

Das Focal-Point-Modul ist jetzt einsatzbereit.

Wenn Sie nun ein Bild hochladen, können Sie den Fokuspunkt nach Ihren Bedürfnissen festlegen. Sie können dies tun, indem Sie den Cursor bewegen und auf den Punkt des Bildes klicken, der den Fokus benötigt. Speichern Sie es.

Und damit sind Sie jetzt der Eigentümer Ihrer Inhalte!