Ich erinnere mich noch gut, wie ich eine meiner ersten Portfolio-Websites erstellt habe und stundenlang damit verbracht habe, die Fotos perfekt hinzubekommen. Ein Freund wies mich darauf hin, dass er nicht auf die Details meiner Arbeit klicken konnte, und mir wurde klar, dass ich einen wichtigen Schritt übersehen hatte, der die Benutzererfahrung beeinträchtigte.
Es ist ein kleines Detail, das einen großen Unterschied darin macht, wie professionell sich eine Website anfühlt. Wenn Besucher Produktfotos oder Portfolio-Elemente nicht vergrößern können, führt dies zu einer frustrierenden Erfahrung.
Jetzt, da ich diese Funktion auf mehreren Websites eingerichtet habe, habe ich festgestellt, dass das Vergrößern von Bildern beim Klicken eine der schnellsten Möglichkeiten ist, das Engagement der Besucher zu verbessern. Es ist eine einfache Lösung, die jeder Website eine polierte, hochwertige Note verleiht.
In diesem Leitfaden führe ich Sie durch drei einfache Methoden, um Ihre Bilder klickbar zu machen. Wir behandeln alles, von der einfachen Standardfunktion bis hin zu fortgeschritteneren Galerie-Plugins, ganz ohne Code.
Warum Bilder beim Klicken in WordPress vergrößern?
Wenn Besucher auf Bilder auf Ihrer WordPress-Website klicken, um sie zu vergrößern, können sie wichtige Details aus der Nähe betrachten.
Es ist ein einfaches Upgrade, das ein poliertes, professionelles Gefühl verleiht, insbesondere für Portfolios, Immobilienangebote und Fotogalerien.
Außerdem kann es für Online-Shops praktisch sein, bei denen Kunden Ihre Produkte genau betrachten möchten, bevor sie sich zum Kauf entscheiden.
WordPress verfügt standardmäßig über eine einfache Funktion „Beim Klicken vergrößern“. Sie öffnet das Bild direkt auf der Seite, ohne Hintergrundabdunkelung oder visuellen Effekt.
Das funktioniert gut für einfache Blogs oder interne Seiten, sieht aber etwas schlicht aus und bietet nicht viel Kontrolle.
Wenn Sie etwas Moderneres und Polierteres wünschen, dann ist ein Bild-Lightbox-Plugin die bessere Wahl.
Anstatt das Bild einfach zu erweitern, öffnet es sich in einem eleganten Overlay, das den Hintergrund abdunkelt und den Betrachter fokussiert. Sie erhalten auch mehr Kontrolle darüber, wie das Bild aussieht und funktioniert.
Bevor ich Ihnen diese verschiedenen Methoden zeige, gibt es noch eine Sache zu beachten: Bildqualität. Wenn jemand auf ein Bild klickt, um es zu vergrößern, erwartet er eine klare, hochauflösende Version. Aber große Bilddateien können Ihre Website verlangsamen.
Hier kommt die Bildoptimierung ins Spiel. Indem Sie Ihre Bilder komprimieren, ohne ihre sichtbare Qualität zu verringern, können Sie die Dateigrößen klein und Ihre Website schnell halten.
Das bedeutet, dass Sie Bilder mit großen Abmessungen (z. B. 1500 Pixel breit) verwenden können, die beim Vergrößern großartig aussehen, ohne die Leistung zu beeinträchtigen.
Hilfe dazu finden Sie in unserem Leitfaden zur Optimierung von Bildern für das Web.
In diesem Artikel teile ich 3 verschiedene Methoden, mit denen Ihre WordPress-Bilder beim Klicken vergrößert werden können, einschließlich einiger Lightbox-Optionen.
Sie können die Schnelllinks unten verwenden, um zu der gewünschten Methode zu springen:
- Methode 1: Verwendung der Standard-WordPress-Funktion (einfach)
- Methode 2: Verwendung eines Lightbox-Plugins (mehr Anpassungsmöglichkeiten)
- Methode 3: Verwendung eines Galerie-Plugins (am besten für mehrere Bilder)
- FAQs zum Vergrößern von Bildern in WordPress
- Bonus-Ressourcen: Verwalten & Verbessern Sie Ihre WordPress-Bilder
Methode 1: Verwendung der Standard-WordPress-Funktion (einfach)
Nachdem ich verschiedene Möglichkeiten zum Vergrößern von Bildern getestet habe, habe ich festgestellt, dass die integrierte Funktion von WordPress für einfache Bedürfnisse perfekt ist.
Ich habe diese Methode beim Erstellen von Dokumentationen oder beim Schreiben technischer Artikel verwendet. Sie ist besonders nützlich, wenn Leser kleine Details in Screenshots sehen oder bestimmte Teile eines Bildes genauer untersuchen müssen.
Der Hauptnachteil ist, dass es sich nicht um ein echtes Lightbox handelt. Es vergrößert lediglich das Bild, und Sie können das Aussehen nicht anpassen oder coole Effekte hinzufügen.
Schritt 1: Fügen Sie Ihr Bild im WordPress-Editor hinzu
Zuerst müssen Sie den Beitrag erstellen oder öffnen, in dem Sie das klickbare Bild hinzufügen möchten.
Dann klicken Sie im Block-Editor auf das (+)-Symbol, um einen neuen Block hinzuzufügen, und wählen Sie aus den Blockoptionen 'Bild'. Sobald Sie dies tun, sehen Sie Schaltflächen zum Hinzufügen eines Bildes auf 3 verschiedene Arten: Hochladen, Mediathek oder Einfügen von URL.
Bei WPBeginner verwenden wir immer die Option „Mediathek“. Dies stellt sicher, dass der Titel und Alt-Text, den wir dem Bild hinzufügen, verfügbar sind, wenn wir es in anderen Artikeln wiederverwenden.
Ich empfehle, „Von URL einfügen“ zu vermeiden. Es hotlinkt zu einem Bild auf einer anderen Website, was bedeutet, dass das Bild auf Ihrer Website kaputtgehen könnte, wenn das Original jemals entfernt wird.
Schritt 2: Richten Sie die Option „Beim Klicken vergrößern“ ein
Nachdem Sie Ihr Bild zum Beitrag oder zur Seite hinzugefügt haben, können Sie darauf klicken, um die Bildeinstellungen anzuzeigen.
Klicken Sie bei ausgewähltem Bild auf das Symbol „Link einfügen“ in der Block-Symbolleiste. Schalten Sie in den erscheinenden Einstellungen einfach die Option mit der Bezeichnung „Beim Klicken vergrößern“ ein.
Schritt 3: Bild-Einstellungen konfigurieren
Jetzt, da Sie die Klick-zum-Vergrößern-Funktion aktiviert haben, möchten Sie vielleicht die Einstellungen des Originalbilds anpassen, um die beste Anzeigequalität in Ihrem Beitrag oder Ihrer Seite zu gewährleisten.
Wählen Sie Ihr Bild aus und überprüfen Sie dann das Blockeinstellungsfeld auf der rechten Seite Ihres Bildschirms.
Sie können das Aussehen des Bildes auf der Seite steuern, indem Sie die Abmessungen des Bildes anpassen. Dies ist jedoch nur die Anzeigegröße.
Wenn ein Besucher auf das Bild klickt, sieht er das ursprüngliche Bild in voller Auflösung, das Sie in Ihre Mediathek hochgeladen haben. Stellen Sie also sicher, dass Sie ein qualitativ hochwertiges Bild mit einer Breite von mindestens 1500 Pixeln hochladen. Denken Sie daran, es zuerst zu optimieren, wie wir zuvor besprochen haben, um Ihre Seite schnell zu laden! 😉
Schritt 4: Vorschau Ihres Bildes und Veröffentlichung Ihrer Inhalte
Bevor Sie Ihren Beitrag oder Ihre Seite mit der aktivierten Option „Bild beim Klick vergrößern“ veröffentlichen, sollten Sie eine Vorschau anzeigen, um sicherzustellen, dass sie funktioniert.
Klicken Sie dazu in der oberen rechten Ecke Ihres Editors auf die Schaltfläche „Anzeigen“ und wählen Sie „In neuem Tab in der Vorschau anzeigen“.
Ich empfehle Ihnen, es in jeder Ansichtsoption zu testen, insbesondere in der „Mobil“-Ansicht, da heutzutage viele Menschen Smartphones benutzen.
Mit dem angewendeten Bildeffekt „Beim Klicken vergrößern“ sollte es sich auf derselben Seite erweitern, wie im folgenden Beispiel gezeigt. Wie stark es sich erweitert, hängt von der Größe des ursprünglichen Bildes ab, das Sie hochgeladen haben.
Klicken Sie einfach auf das Bild, um es auf normale Größe zurückzusetzen.
Während diese integrierte Funktion schnell und einfach ist, fehlt ihr die stilvolle Überlagerung, die viele professionelle Websites verwenden. Wenn Sie den polierten 'Lightbox'-Effekt suchen, der den Hintergrund abdunkelt und Ihre Bilder hervorhebt, ist unsere nächste Methode genau das Richtige für Sie.
Methode 2: Verwendung eines Lightbox-Plugins (mehr Anpassungsmöglichkeiten)
Im Gegensatz zur grundlegenden WordPress-Funktion schafft ein Lightbox-Plugin ein viel professionelleres Erlebnis. Wenn ein Benutzer auf ein Bild klickt, öffnet es sich in einer stilvollen Überlagerung, die den Rest der Seite abdunkelt und Ihr Bild hervorhebt.
Ich empfehle das kostenlose Simple Lightbox Plugin, da es Ihnen ermöglicht, sanfte Animationen, anpassbare Themes und Diashow-Funktionen hinzuzufügen, die Ihre Bilder hervorheben. Es ist leichtgewichtig und funktioniert nach der Aktivierung automatisch mit all Ihren Bildern.
Schritt 1: Installieren und Aktivieren des Simple Lightbox Plugins
Um zu beginnen, müssen Sie das Simple Lightbox Plugin installieren und aktivieren.
Wenn Sie Hilfe bei diesem Vorgang benötigen, lesen Sie bitte unseren Leitfaden zum Installieren von WordPress-Plugins.
Schritt 2: Konfigurieren Sie die Einstellungen für Simple Lightbox
Nach der Aktivierung des Plugins ist es ratsam, zu Darstellung » Lightbox zu gehen und die Einstellungen zu überprüfen, um sicherzustellen, dass alles so eingerichtet ist, wie Sie es wünschen.
Hier finden Sie Lightbox-Einstellungen, mit denen Sie anpassen können, wo Sie die Lightbox-Funktionalität aktivieren möchten. Dies kann auf der Startseite, in einzelnen Beiträgen, Seiten und mehr sein.
Ich bleibe normalerweise bei den Standardeinstellungen, da diese für die meisten Websites gut funktionieren.
Scrollen Sie als Nächstes zu den 'UI'-Einstellungen. Diese steuern, wie die Lightbox aussieht und sich anfühlt.
Standardmäßig verwendet das Plugin ein helles Theme, aber Sie können zu Dunkelmodus wechseln, wenn Sie dies bevorzugen. Sie können auch die 'Overlay-Deckkraft' anpassen, die steuert, wie stark die Hintergrundseite abgedunkelt wird, wenn ein Bild geöffnet ist, und Animationen aktivieren, um zu ändern, wie das Bild geöffnet wird.
Spielen Sie gerne mit diesen Einstellungen und vergessen Sie nicht, auf „Änderungen speichern“ zu klicken, wenn Sie fertig sind.
Schritt 3: Bild hinzufügen und Lightbox aktivieren
Testen wir nun die Lightbox-Funktion. Erstellen oder öffnen Sie einfach einen Beitrag und fügen Sie ein Bild hinzu.
Sobald sich Ihr Bild im Editor befindet, können Sie eine Bildunterschrift hinzufügen, indem Sie direkt in das Feld 'Bildunterschrift hinzufügen' tippen, das direkt unter dem Bild erscheint.
Wenn Sie keine Bildunterschrift hinzufügen, verwendet das Plugin automatisch den Bildtitel aus der Mediathek. Ich finde jedoch, dass die Verwendung des Bildunterschriftenfeldes Ihnen eine direktere Kontrolle gibt.
Klicken Sie anschließend bei immer noch ausgewähltem Bild auf das Symbol „Link“ in der Symbolleiste und wählen Sie die Option „Link zur Bilddatei“. Dies ist ein wichtiger Schritt, der es dem Simple Lightbox-Plugin ermöglicht, zu funktionieren.
Sobald Sie dies tun, erkennt das Plugin automatisch den Link und wendet seinen Lightbox-Effekt an, wenn ein Besucher auf das Bild klickt.
💡 Hinweis: Sie können auch Simple Lightbox für eine gesamte Bildergalerie verwenden. Erstellen Sie einfach eine Bildergalerie mit dem Block-Editor und befolgen Sie dann die Schritte dieser Methode, um jeder einzelnen Bild die Lightbox-Funktion hinzuzufügen.
Schritt 4: Testen Sie Ihre Lightbox
Testen wir nun die Lightbox-Funktion, indem wir den Beitrag in der Vorschau anzeigen. Klicken Sie einfach auf die Option Ansicht in der oberen rechten Ecke und wählen Sie dann 'In neuem Tab in der Vorschau anzeigen'.
Sobald sich der neue Tab öffnet, klicken Sie auf das Bild. Sie sollten sehen, wie es reibungslos in einem Lightbox-Overlay mit abgedunkeltem Hintergrund geöffnet wird.
Abhängig von Ihren Designeinstellungen sehen Sie die Lightbox in einem hellen oder dunklen Thema. So sieht das helle Thema aus.
Das helle Thema umgibt das Foto mit einem weißen Rahmen, der einen guten Kontrast zum abgedunkelten Hintergrund bildet.
Jetzt sieht das dunkle Thema so aus.
Sie sollten auch Ihre Bildunterschrift in der unteren linken Ecke der Lightbox sehen.
Ich empfehle außerdem, Ihre Lightbox auf anderen Bildschirmgrößen in der Vorschau anzuzeigen, um sicherzustellen, dass sie auf jedem Gerät gut aussieht.
Sie können dies tun, indem Sie zur Option Ansicht zurückkehren und die Option 'Desktop', 'Tablet' oder 'Mobil' auswählen. Klicken Sie anschließend auf 'In neuem Tab in der Vorschau anzeigen'.
Methode 3: Verwendung eines Galerie-Plugins (am besten für mehrere Bilder)
Wenn Sie schon einmal mehrere Bilder hervorheben wollten, dann sind Galerie-Plugins die beste Lösung. Sie helfen, eine Reihe von Bildern mit Bildvergrößerungsfunktion zu organisieren und zu präsentieren, ohne Ihre Website zu verlangsamen.
Diese Plugins können die Benutzerinteraktion verbessern, indem sie Ihre Inhalte ansprechender und visuell ansprechender gestalten und den Besuchern ein nahtloses Erlebnis beim Navigieren durch Ihre Bilder bieten.
Ich empfehle Envira Gallery, da es Ihnen ermöglicht, schöne, anpassbare Galerien zu erstellen, die auf jedem Gerät großartig aussehen. Es ist auch super anfängerfreundlich.
Außerdem enthält es Leistungsfunktionen wie Lazy Loading, um sicherzustellen, dass Ihre Galerien Ihre Website nicht verlangsamen. Und sein KI-Tool kann Ihnen helfen, benutzerdefinierte Bilder direkt in WordPress zu erstellen.
Am wichtigsten ist, dass das Plugin eine Lightbox-Einstellung mit vielen Anpassungsoptionen bietet. Auf diese Weise erhalten Sie alle Vorteile der Klick-zum-Vergrößern-Bildfunktion sowie einige coole Einstellungen für Layouts, Galerieübergänge und vieles mehr.
Möchten Sie mehr darüber erfahren, was das Plugin leisten kann? Wir haben es in der Vergangenheit ausgiebig getestet und Sie können unseren vollständigen Envira Gallery Testbericht für weitere Informationen einsehen.
📝 Hinweis: Obwohl es eine kostenlose Version von Envira Gallery gibt, empfehle ich die Pro-Version für erweiterte Funktionen wie SuperSize Lightbox, Envira AI und Social-Sharing-Tools. Die kostenlose Version enthält alle wesentlichen Lightbox-Funktionen, die Sie für den Anfang benötigen!
Nun gehen wir die Schritte durch, um mit Envira Gallery eine Lightbox-Funktion hinzuzufügen.
Schritt 1: Installieren und Aktivieren des Envira Gallery Plugins
Beginnen wir mit der Installation des Plugins auf Ihrer Website. In diesem Tutorial verwende ich die kostenlose Version, oder Sie können eine Pro-Lizenz von der Envira Gallery-Website erwerben.
Installieren und aktivieren Sie es anschließend, indem Sie unserer Anleitung zum Installieren eines WordPress-Plugins folgen. Sobald Sie das Plugin aktiviert haben, sollte der Einrichtungsassistent von Envira sofort gestartet werden.
Klicken Sie von hier aus auf die Schaltfläche „Los geht's“, um den Vorgang zu starten.
Dieser Assistent umfasst 5 Schritte.
Während der Einrichtung können Sie die Kategorie auswählen, die Ihr Unternehmen oder Ihre Website beschreibt (z. B. Fotograf oder Geschäftsinhaber) und die Galerie-Funktionen auswählen, die Sie hinzufügen möchten.
Ich empfehle, bei den vorgeschlagenen Standardeinstellungen zu bleiben, da diese normalerweise alles bieten, was Sie brauchen. Wenn Sie jedoch einen Pro-Plan haben, können Sie erweiterte Funktionen aktivieren.
Beachten Sie, dass die Option „Lightboxes“ bereits aktiviert sein sollte, sodass diese Funktion automatisch aktiviert wird.
Nachdem Sie den Einrichtungsassistenten abgeschlossen haben, müssen Sie Ihre Pro-Lizenz aktivieren, falls Sie eine erworben haben. Gehen Sie dazu zu Envira Gallery » Einstellungen und fügen Sie Ihren Lizenzschlüssel in das Feld ein. Klicken Sie dann auf 'Schlüssel überprüfen'.
Schritt 2: Eine neue Galerie erstellen
Um Ihre erste Galerie zu erstellen, gehen Sie in Ihrem Dashboard zu Envira Gallery » Neu hinzufügen.
Fügen Sie zuerst einen Titel am oberen Rand der Seite hinzu. Ich empfehle, ihm einen klaren und beschreibenden Namen zu geben, damit er später leichter zu finden ist.
Als Nächstes sehen Sie 3 Optionen zum Hinzufügen von Bildern: Native Envira Gallery, Galerien aus anderen Quellen und Erstellen mit Envira AI.
Ich empfehle, mit der Native Envira Gallery zu beginnen. Dies ist der einfachste Weg, Ihre eigenen Bilder direkt hochzuladen.
💡 Benötigen Sie schnell Originalbilder? Sie können auch Ihre eigenen benutzerdefinierten Bilder mit Envira AI erstellen. Diese Funktion erleichtert die Generierung einzigartiger Bilder nach Bedarf. Alles, was Sie tun müssen, ist eine kurze Bildbeschreibung zu erstellen, aus den Ergebnissen auszuwählen und sie mit einem einzigen Klick zu Ihrer Galerie hinzuzufügen.
Wählen Sie die Bilder aus, die Sie einfügen möchten. Sie können so viele hinzufügen, wie Sie möchten, und dabei die maximale Upload-Dateigröße von 256 MB nicht überschreiten.
Schritt 3: Konfigurieren Sie Galerie- und Lightbox-Optionen
Im Menü links von Ihren Galeriebildern finden Sie die Einstellungen der Envira-Galerie.
Es gibt Registerkarten für allgemeine Konfiguration, die Lightbox-Funktion, mobile Einstellungen und mehr. Gehen wir sie einzeln durch.
Sie können Ihr Galerie-Layout oben im Abschnitt 'Konfiguration' auswählen. Das Raster-Layout funktioniert hervorragend für die meisten Galerien, aber experimentieren Sie ruhig mit anderen Optionen.
Wenn Sie nach unten scrollen, finden Sie weitere Optionen für die Galerieeinstellungen.
Sie können zum Beispiel Lazy Loading aktivieren, ein automatisches Layout einstellen und eine Galeriebeschreibung hinzufügen.
Sie möchten zum Beispiel möglicherweise automatische Layouts festlegen, um sicherzustellen, dass Ihre Galerie ohne zusätzlichen Aufwand ordentlich und organisiert aussieht.
💡 Profi-Tipp: Ich empfehle, die Lazy-Loading-Option zu aktivieren. Diese Funktion hilft Ihrer Galerie, schneller zu laden, indem Bilder erst geladen werden, wenn Besucher nach unten scrollen. Sie hilft auch, die Geschwindigkeit Ihrer Website zu optimieren.
Wechseln Sie als Nächstes zum Tab „Lightbox“. Denken Sie daran, dass diese Funktion standardmäßig aktiviert sein sollte. Wenn nicht, aktivieren Sie das Kontrollkästchen neben „Lightbox aktivieren?“
Dann möchten Sie ein „Gallery Lightbox Theme“ auswählen. Dies bestimmt das allgemeine Erscheinungsbild Ihrer Lightbox.
Ihre Optionen hängen von Ihrem Envira-Plan und davon ab, ob Sie das Gallery Themes Addon haben. Aber Sie sollten zwischen einem dunklen, hellen oder Legacy-Theme wählen können.
Weiter unten im Tab 'Lightbox' können Sie auswählen, wie Ihre vergrößerten Bilder angezeigt werden, Übergangseffekte auswählen und entscheiden, ob Bildtitel angezeigt werden sollen.
Dann finden Sie weitere Lightbox-Einstellungen in der zweiten Hälfte der Seite.
Sie können beispielsweise Navigationspfeile, unendliches Schleifen von Bildern oder den Supersize-Modus aktivieren. Sie können sogar coole Effekte hinzufügen, wenn Leute Ihre Galerie öffnen oder schließen und wenn sie durch sie hindurchklicken.
Zum Beispiel können Sie für den 'Lightbox-Übergangseffekt' unterhaltsame Optionen wie 'Fade', 'Slide', 'Circular', 'Tube', 'Rotate' und mehr auswählen.
Als Nächstes empfehle ich, zum Tab 'Mobil' zu gehen, um sowohl die allgemeinen als auch die Lightbox-Einstellungen zu konfigurieren.
Da viele Ihrer Besucher Ihre Galerie wahrscheinlich auf ihren Handys betrachten werden, ist es wichtig sicherzustellen, dass sie auch auf kleineren Bildschirmen gut aussieht.
Zusätzlich zur Aktivierung der Lightbox-Funktion für mobile Geräte können Sie gerätespezifische Einstellungen wie Lightbox-Abmessungen, Zeilenhöhen und die Anzeige von Titeln oder Bildunterschriften anpassen.
Wenn Sie nach unten scrollen, entdecken Sie weitere Optionen, darunter Funktionen wie Wischen zum Schließen, Galerie-Navigationspfeile, Miniaturansichten und mehr.
Schließlich enthalten die Tabs „Standalone“ und „Misc“ einige zusätzliche Einstellungen, die Sie nützlich finden könnten.
Der Tab „Standalone“ ermöglicht es Ihnen, Ihrer Galerie eine eigene, eindeutige URL zu geben. Dies ist eine großartige Funktion, wenn Sie einen direkten Link zu einem bestimmten Portfolio oder Fotoalbum teilen möchten.
Der Tab „Misc“ enthält Werkzeuge zum Importieren und Exportieren von Galerien, aber diese werden Sie wahrscheinlich im Moment nicht benötigen.
Für eine tiefere Auseinandersetzung mit all diesen Einstellungen können Sie unseren detaillierten Leitfaden zur Erstellung einer Bildergalerie lesen.
Schritt 4: Vorschau und Veröffentlichung Ihrer Galerie
Um die Galerie in der Vorschau anzuzeigen, klicken Sie auf die Schaltfläche „Vorschau“ auf der rechten Seite Ihrer Galerie-Einstellungsseite.
Sobald Sie sich auf der Vorschauseite befinden, klicken Sie sich durch verschiedene Bilder, um den Lightbox-Effekt zu testen.
Hier sehen Sie den Namen des Bildes und den Rest der Galerie.
Wenn Sie die Galerie testen, sollten sich die Bilder reibungslos öffnen. Wenn Sie einen Übergangseffekt gewählt haben, sollte dieser hier sichtbar sein.
Zum Beispiel habe ich den Folienübergangseffekt eingestellt, und so sieht er aus.
Um zwischen den Bildern zu navigieren, klicken Sie auf die Navigationspfeile auf beiden Seiten des Bildschirms oder verwenden Sie die Pfeiltasten auf Ihrer Tastatur.
An diesem Punkt möchten Sie vielleicht sicherstellen, dass die Navigationspfeile funktionieren und dass Ihre Bildtitel korrekt angezeigt werden, wenn Sie sie aktiviert haben.
Sobald Sie mit der Funktionsweise zufrieden sind, können Sie die Galerie veröffentlichen, indem Sie auf die Schaltfläche 'Veröffentlichen' auf der rechten Seite Ihrer Galerieeinstellungen klicken.
Nachdem Sie die Galerie veröffentlicht haben, können Sie sie zu Ihrer Website hinzufügen.
Schritt 5: Fügen Sie die Galerie zu Ihrer Website hinzu
Jetzt, da Ihre Galerie perfekt funktioniert, fügen wir sie einem Beitrag hinzu.
Sobald Sie sich im WordPress-Editor befinden, klicken Sie auf das (+)-Symbol, um einen neuen Block hinzuzufügen, und suchen Sie nach „Envira Gallery“. Ziehen Sie dann den Block in Ihren Beitrag.
Klicken Sie als Nächstes im Dropdown-Menü 'Nach einer Galerie suchen' auf die gerade erstellte Galerie. Sie wird automatisch mit allen von Ihnen konfigurierten Einstellungen in den Beitrag eingefügt.
Alternativ können Sie Ihre Galerie über einen Shortcode zu Seiten, Widgets oder benutzerdefinierten Beitragstypen hinzufügen.
Sie finden diesen Shortcode in der rechten Seitenleiste der Galerie-Einstellungen, direkt unter der Schaltfläche „Veröffentlichen“.
Weitere Informationen finden Sie in unserem Leitfaden zum Hinzufügen eines Shortcodes in WordPress.
Bevor Sie auf die Schaltfläche „Veröffentlichen“ klicken, überprüfen Sie Ihre Veröffentlichung noch einmal in der Vorschau, um sicherzustellen, dass die Galerie genau so angezeigt wird, wie Sie es wünschen.
Ihre Bilder sollten nun in einem professionellen Rasterlayout mit einem sanften Lightbox-Effekt beim Klicken angezeigt werden.
FAQs zum Vergrößern von Bildern in WordPress
Hier sind einige häufig gestellte Fragen zur Vergrößerung von Bildern in WordPress.
Wie vergrößere ich Bilder in WordPress?
Sie können die standardmäßige Funktion „Beim Klicken vergrößern“ in WordPress für grundlegende Funktionalität verwenden. Für mehr Kontrolle können Sie Plugins wie Simple Lightbox oder Envira Gallery verwenden.
Wie kann ich Bilder in WordPress automatisch skalieren?
WordPress erstellt beim Hochladen automatisch mehrere kleinere Versionen Ihrer Bilder. Um mehr Kontrolle über die Bildabmessungen zu haben oder sie für die Geschwindigkeit zu optimieren, empfehle ich die Verwendung eines Bildoptimierungs-Plugins wie EWWW Image Optimizer.
Plugins wie Envira Gallery geben Ihnen auch die präzise Kontrolle über die Anzeigegrößen von Bildern in Ihren Galerien.
Wie erzwinge ich die Bildgröße in WordPress?
Sie können benutzerdefinierte Bildabmessungen innerhalb Ihres Themes festlegen. Eine detaillierte Anleitung finden Sie in unserem Tutorial zur Erstellung zusätzlicher Bildgrößen in WordPress. Dies ist eine großartige Möglichkeit, ein konsistentes Layout über Ihre Galerien und Ihre Website hinweg sicherzustellen.
Wenn Sie lieber ein Plugin verwenden möchten, sollten Sie Optionen wie Envira Gallery in Betracht ziehen. Es ermöglicht Ihnen, genaue Bildabmessungen effizient anzugeben und gibt Ihnen die Kontrolle darüber, wie Ihre Galerien aussehen. Dies kann dazu beitragen, ein poliertes Erscheinungsbild auf Ihrer gesamten Website beizubehalten.
Bonus-Ressourcen: Verwalten & Verbessern Sie Ihre WordPress-Bilder
Ich hoffe, dieser Artikel hat Ihnen geholfen, die Funktion „Bilder beim Klicken vergrößern“ in WordPress hinzuzufügen. Hier sind einige Bonus-Anleitungen, wenn Sie daran interessiert sind, Ihre WordPress-Bilder zu verwalten und zu verbessern:
- Wie man Bilder für Web-Performance optimiert, ohne Qualität zu verlieren
- So fügen Sie mehrere Galerien in WordPress-Beiträge und -Seiten ein
- Die besten WordPress-Bildkomprimierungs-Plugins im Vergleich
- So fügen Sie ein Hero-Image in WordPress hinzu (funktioniert für alle Themes)
- Wie man zusätzliche Bildgrößen in WordPress erstellt
- So beheben Sie häufige Bildprobleme in WordPress (ultimativer Leitfaden)
Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.
Haben Sie eine Frage oder einen Vorschlag? Hinterlassen Sie bitte einen Kommentar, um die Diskussion zu beginnen.