CLICKSPORTSBilder spielen seit jeher eine tragende Rolle auf jeder Website. Sie verleihen Websites nicht nur eine gewisse Ästhetik, sondern können auch die Benutzererfahrung verbessern und die Botschaft einer Seite effektiv untermauern. In WordPress ist die Mediathek und die damit verbundene Verwaltung von Bildern schon immer ein wichtiger Aspekt. In den letzten Jahren sind immer mehr interessante Funktionen dazugekommen und erlauben es dem Nutzer, seine Bilder nicht nur einfach hochzuladen und auf der Website einzufügen, sondern auch auf die ein oder andere Weise direkt zu bearbeiten.
Eine dieser wichtigen Funktion ist der Fokuspunkt für Bilder (auch Focus Point oder Focal Point genannt). Dieser erlaubt es, das Bild sprichwörtlich ins rechte Licht zu rücken. Das Feature ist in bestimmten Teilen inzwischen in den Gutenberg Editor integriert und ermöglicht es Benutzern, den Fokus eines Bildes genau festzulegen. Der Benutzer kann für das Bild im Editor den Bereich markieren, auf dem der Fokus liegen soll. Das Theme verwendet dann diese Informationen, um das Bild entsprechend zuzuschneiden und sicherzustellen, dass der markierte Bereich bei Betrachtung der Website stets im Vordergrund steht.
Fokuspunkte mit dem Gutenberg Editor
Der Gutenberg Editor von WordPress bietet inzwischen die Möglichkeit, den Fokuspunkt für ein Bild zu konfigurieren, sofern dieses mit dem Cover-Block genutzt wird. Hier kann der Fokuspunkt direkt über die Block-Einstellungen gesetzt werden. Wer den Cover-Block nicht als Container für weitere Blöcke nutzen möchte, kann diese sowie das Overlay einfach entfernen. So kann der Cover-Block als ganz normales Bild mit einem Fokuspunkt dienen.
Seit WordPress 6.5 bieten auch das Medien-Text-Element und der Gruppen-Block, wenn er mit einem Hintergrundbild ausgestattet ist, die Einstellung, den Fokuspunkt für eingefügte Bilder zu setzen.
Einige Plugins haben sich ebenfalls der Arbeit angenommen und versuchen die Konfiguration von Fokuspunkten in WordPress zu erleichtern, beispielsweise WordPress Focal Point oder auch Theia Smart Thumbnails. Allerdings muss man sagen, dass die erfolgreiche Einbindung eines solchen Plugins sehr stark vom eingesetzten Theme abhängig ist, da Themes in der Regel eigene Funktionen für die Darstellung von Bildern mitbringen und auf entsprechende, von Plugins in der Mediathek oder auf einzelnen Bildern festgelegte Fokuspunkte, nicht immer reagieren.
Unsere eingesetzten und beliebten Themes Enfold und Betheme bringen ebenfalls von Haus aus eigene Funktionen für die Ausrichtung von Bildern mit, womit sich die meisten designtechnischen Aspekte sehr gut abdecken lassen. Francesca, das Theme unserer Wahl beim Einsatz für barrierefreie Websites, nutzt den Gutenberg Editor und ist damit bestens für das Setzen von individuellen Fokuspunkten vorbereitet.
Warum kann ein Fokuspunkt wichtig sein?
- Konsistenz: Mit Fokuspunkten lässt sich sicherstellen, dass die Bilder in jeder Auflösung, egal ob am Desktop oder dem Smartphone, den passenden Bildausschnitt präsentieren.
- Benutzererfahrung und Ästhetik: Bilder, die ordentlich zugeschnitten sind und den Fokus auf relevante Inhalte legen, verbessern die Benutzererfahrung. Die Website-Besucher können sich besser auf den Inhalt konzentrieren, wenn die Bilder visuell ansprechend dargestellt werden. Störende oder uninteressante Teile des Bildes lassen sich außerdem entfernen oder ausblenden. Der Fokus wird wortwörtlich auf das Wesentliche gelenkt. Schließlich bringen an den unvorteilhaftesten Stellen abgeschnittene Bilder keinen Mehrwert.
Fazit
Insgesamt bleibt die Entwicklung rund um die Fokuspunkte in WordPress spannend. Die WordPress-Macher selbst haben ja bereits angefangen, entsprechende Features einzubauen. Mit dem neuesten Update auf WordPress 6.5 sind noch einmal mehr Block-Einstellungen hinsichtlich der Fokuspunkte dazu gekommen. Somit bietet WordPress von Haus aus, als auch durch die von uns eingesetzten Themes von Drittanbietern, bereits sehr gute Möglichkeiten, um Bilder auf der eigenen Website perfekt zu präsentieren. Was die Unterstützung von anderen Drittanbieter-Themes angeht, so ist man hier auf die Autoren der Themes angewiesen, die, wenn auch nicht immer eine spezielle Fokuspunkt-Funktion, jedoch zumindest in den meisten Fällen einige Optionen für die Darstellung und Skalierung von Bildern anbieten.
Christian Gick
Projekt oder Relaunch geplant?
Ich berate zu individuellen Lösungen gerne unverbindlich im persönlichen Gespräch.