Machen Sie mehr mit Bildern auf Ihrer WordPress-Website

Das alte Sprichwort besagt: "Ein Bild sagt mehr als tausend Worte." Im Falle von Webdesign werden Bilder aller Art verwendet, um eine Geschichte zu erzählen. Blogbeiträge verwenden sie häufig, um einen Punkt zusammenzufassen, während verkaufsorientiertere Beispiele anhand von Bildern veranschaulichen, warum ein Produkt oder eine Dienstleistung den Kauf wert ist. Sie sind ein unverzichtbarer Bestandteil jeder Website.

Zum Glück für uns, dass WordPress unseren Bildern die königliche Behandlung verleiht. Dank der integrierten Medienfunktionen können wir unsere Bilder katalogisieren, durchsuchen und sogar kleinere Änderungen vornehmen.

Das bringt uns zwar einiges an Leistung, aber die richtigen Plugins können uns dabei helfen, noch mehr zu erreichen. Heute werfen wir einen Blick auf fünf solcher WordPress-Plugins, mit denen Sie die Bilder Ihrer Website flexibler und funktionaler gestalten können. Jedes Plugin steht mit Ihrem Jahresabonnement für Envato Elements zum Download zur Verfügung. Abonnenten haben Zugriff auf über 450 WordPress-Designs und -Plugins sowie Hunderttausende Designelemente von höchster Qualität - alles zu einem günstigen Preis.

1. Erstellen Sie eine High-End-Bildergalerie

WordPress verfügt über eine integrierte Möglichkeit zum Erstellen von Bildergalerien. Aber das Endergebnis ist etwas sehr grundlegendes. Galerien haben das Potenzial, noch viel mehr zu tun. Sie können Ihr Motiv präsentieren (egal, ob es sich um Ihre fotografischen Fähigkeiten oder Ihre Oldtimersammlung handelt) und dem Mix eine ernsthafte Interaktivität verleihen. Sie müssen jedoch ein Plugin verwenden, um etwas zu schaffen, das sowohl schön als auch funktional ist.

Globale Galerie - Wordpress Responsive Galerie

Global Gallery ist ein Plugin, das alles kann. Verwenden Sie diese Option zum Erstellen von benutzerdefinierten Bildergalerien, Schiebereglern oder Karussells. Sie können Bilder von sozialen Medien und Websites zum Teilen von Fotos importieren oder direkt über die WordPress-Mediengalerie hochladen. Mit dem Plugin können Sie auch Bilder kennzeichnen, mit denen Sie eine filterbare Portfolio-Schnittstelle erstellen können. Sie werden auch feststellen, dass es eine Vielzahl von verfügbaren Layouts und Einstellungen gibt, die Sie anpassen können. Außerdem reagiert alles und funktioniert auf jedem Bildschirm.

2. Fügen Sie Ihren Bildern Interaktivität hinzu

Image Maps gibt es schon lange, und sie sind immer noch unglaublich nützlich. Für Uneingeweihte sieht eine Image-Map aus wie jedes andere Bild auf Ihrer Website, aber ihre Magie beruht auf der Tatsache, dass Sie anklickbare Hotspot-Bereiche auf dieses Bild benutzerdefiniert zeichnen können. Dies bedeutet, dass Sie verschiedene Teile eines Bildes mit verschiedenen Orten verknüpfen oder andere Effekte hinzufügen können. Beispielsweise haben Sie möglicherweise ein Gruppenfoto der Mitarbeiter Ihres Unternehmens. Sie können eine Imagemap verwenden, um einen Link auf das Gesicht jeder Person zu setzen, der auf ihre spezifische Biografie verweist.

Image Map Pro

Standardmäßig verarbeitet WordPress keine Imagemaps. Außerdem gibt es das Problem, dass sie überhaupt nicht reagieren, was dazu führt, dass Hotspots nicht richtig auf kleinere Bildschirme eingestellt werden. Das ist, wo Image Map Pro so praktisch ist. Zeichnen Sie benutzerdefinierte Formen in Ihre Bilder, die zum Hinzufügen von Links oder zum Anzeigen von Rich Media-Tooltips verwendet werden können. Es ist auch voll ansprechend und unterstützt Touch-Events.

3. Machen Sie Vergleiche visueller

Eine der effektivsten Methoden, um den Unterschied zwischen den Motiven zu demonstrieren, ist das klassische Vorher-Nachher-Bild. Wir sehen sie überall aus gutem Grund: Sie arbeiten. Es ist sehr visuell und oft so leicht zu verstehen, dass keine weiteren Erklärungen erforderlich sind. Sie bekommen den Punkt besser als nur Worte.

Vorher und nachher Bildervergleich WordPress Plugin

Der Bildvergleich bietet nicht nur eine einfache Möglichkeit, Vorher- und Nachher-Bilder zu Ihrer WordPress-Website hinzuzufügen, sondern macht sie auch interaktiv. Benutzer können eine Vergleichslinie ziehen (entweder horizontal oder vertikal - je nach Konfiguration), um verborgene Teile eines kombinierten Bildes anzuzeigen. Dies bringt das zusätzliche Maß an Benutzerfokus, das ihre Aufmerksamkeit besser gewährleistet.

Wenn Sie daran interessiert sind, Ihre Hände mit JavaScript zu verschmutzen und Ihr eigenes zu erstellen, sehen Sie sich dieses Tutorial von Adi Purdila an:

• 

  So erstellen Sie einen Schieberegler mit geteiltem Bildschirm mit JavaScript

  Im heutigen Video-Tutorial werde ich Ihnen zeigen, wie Sie ein "Split-Screen" -Element (oder eine Benutzeroberfläche, wie auch immer Sie es nennen möchten) mithilfe von JavaScript erstellen. Inspiration…

4. Erstellen Sie atemberaubende Spezialeffekte

Durch das Hinzufügen von Spezialeffekten zu Bildern können Sie Ihrer Website ein einzigartiges Aussehen verleihen und das Auge des Benutzers auf einen bestimmten Bereich einer Seite lenken. Es gibt verschiedene Möglichkeiten, von Instagram-ähnlichen Bildfiltern bis hin zur Implementierung von Animationen. Das Tolle ist, dass Sie nicht länger Photoshop-Experte sein müssen. Mit CSS3 sind viele dieser Effekte direkt eingebaut.

Imager - Amazing Image Tool für WordPress

Mit Imager können Sie den Bildern Ihrer Website problemlos über 60 Spezialeffekte hinzufügen. Filter, Animationen und Mouseover-Effekte stehen Ihnen zur Verfügung. Das Plugin dient auch als vollwertiges Bild-Dienstprogramm, indem Sie benutzerdefinierte Bildgrößen, Miniaturbild-Regeneration, Wasserzeichen usw. erstellen können.

Und hier noch einmal Adi Purdila, um mehr über Filter und CSS zu erklären:

• 

  Anwenden von Instagram-Filtern im Browser mithilfe von Pure CSS

  Sehen wir uns an, wie Sie Instagram-ähnliche Filtereffekte mit nur CSS erstellen können. Lass uns einen Blick darauf werfen!

5. Sorgen Sie für mehr Spaß am Publikum

Wenn soziale Medien uns eines gelehrt haben, dann lieben es die Menschen, Bilder zu teilen. Memes und GIFs bringen uns zum Lachen und werden oft dazu benutzt, um Ideen zu verbreiten. In der richtigen Situation ist es sinnvoll, diese Technologie zu nutzen, um die Einbindung der Benutzer in unsere eigenen Websites zu erhöhen. Es scheint jedoch, dass dies eine relativ ungenutzte Ressource außerhalb des sozialen Raums ist.

WP-Kommentarbilder und -videos

Für Websites, die Leserkommentare anregen, könnten WP-Kommentarbilder und -videos genau das Richtige für mehr Unterhaltung sein. Es ermöglicht nicht nur das Hochladen von Benutzermedien, sondern auch das Teilen von Medien von Sites wie YouTube und Vimeo. Dieses bisschen zusätzlichen Spaß kann einen großen Unterschied machen, wenn es um die Teilnahme der Benutzer geht.

Mehr als nur Dekoration

Traditionell wurden Bilder verwendet, um Webseiten mit einem dekorativen Element zu versehen. Aber wie wir gesehen haben, können sie auch ein rundum wirksames Werkzeug sein. Die oben genannten Plugins helfen Ihnen, sie so zu verwenden, dass Sie Ihre Geschichte erzählen und Ihrer Website neue Interaktivitätsebenen hinzufügen können.