Die Schritt-für-Schritt-Anleitung zum Erstellen einer Scrolling-Galerie in WordPress

Mehr denn je sollte die Bereitstellung einer außergewöhnlichen Benutzererfahrung (UX) für die Besucher Ihrer Website oberste Priorität haben. Menschen haben eine geringe Toleranz gegenüber klobigen, langsamen Websites. Vor Jahren hätte man damit durchkommen können.

In der heutigen Welt? Keine Chance.

Das Anbieten einer Scrolling-Galerie, die Ihre Werke präsentiert, mag kompliziert klingen und Ihre Website verlangsamen. Weit davon entfernt; in der Tat (dank Modula) ist es nicht nur einfach, eine Scrolling-Galerie anzubieten, Ihre Besucher werden nicht unter einer langsam ladenden Website leiden!

Egal, ob Sie eine horizontal oder vertikal scrollende Galerie bevorzugen, die leistungsstarken und benutzerfreundlichen Funktionen von Modula machen den Prozess einfach und angenehm.

Lassen Sie uns also ohne weiteres eintauchen und lernen, wie Sie eine atemberaubende Bildlaufgalerie für Ihre WordPress-Website erstellen.

Was ist eine Scrolling Gallery und warum sollten Sie eine in Betracht ziehen?

Eine Bildlaufgalerie ist eine Art Bildergalerie, die eine Reihe von Bildern oder anderen Medien in einem Bildlaufformat anzeigt. Das bedeutet, dass die Bilder nacheinander angezeigt werden und der Benutzer mit seiner Maus, seinem Touchpad oder anderen Eingabegeräten horizontal oder vertikal durch sie scrollen kann.

Scrolling-Galerien werden immer beliebter, da sie gegenüber herkömmlichen Bildergalerien mehrere Vorteile bieten. Hier sind nur einige Gründe, warum Sie die Verwendung einer Bildlaufgalerie auf Ihrer Website in Betracht ziehen sollten:

Verbesserte Benutzererfahrung : Scrolling-Galerien bieten eine ansprechendere und interaktivere Benutzererfahrung als herkömmliche Bildergalerien. Da der Benutzer durch die Bilder scrollen kann, kann er sich die Zeit nehmen, jedes Bild anzusehen und die Galerie in seinem eigenen Tempo zu erkunden.

Platzsparendes Design : Da Scrolling-Galerien Bilder nacheinander anzeigen, können sie eine platzsparende Alternative zu herkömmlichen Bildergalerien sein. Dies kann besonders nützlich sein, wenn Sie nur wenig Platz auf Ihrer Website haben oder viele Bilder anzeigen möchten, ohne den Benutzer zu überfordern.

Modernes und stilvolles Erscheinungsbild : Scrolling-Galerien haben ein modernes und stilvolles Erscheinungsbild, das dazu beitragen kann, dass Ihre Website professioneller und aktueller aussieht. Sie sind eine großartige Möglichkeit, Ihre Bilder zu präsentieren und können an das Branding und den Stil Ihrer Website angepasst werden.

Erhöhtes Engagement und Konversionen : Diese Galeriemethode kann das Engagement und die Konversionen auf Ihrer Website steigern, indem sie Benutzer dazu ermutigt, Ihre Inhalte mehr zu erkunden. Je mehr sie nachforschen, desto mehr profitieren Sie, der Eigentümer der Website.

Modul einrichten

Um Modula zu installieren, gehen Sie zu Ihrem WordPress- Dashboard und klicken Sie auf Plugins . Klicken Sie anschließend auf Neu hinzufügen und suchen Sie nach „Modula“.

Wenn Sie das Plugin gefunden haben, klicken Sie auf die Schaltfläche Jetzt installieren und warten Sie, bis die Installation abgeschlossen ist. Klicken Sie abschließend auf Aktivieren , um das Plugin zu aktivieren.

Eine ausführlichere Erklärung zur Installation und Aktivierung von Modula, einschließlich Schritt-für-Schritt-Screenshots, finden Sie in unserer Dokumentation.

Erstellen einer Galerie

Sobald das Plugin installiert und aktiviert ist, können Sie eine neue Galerie erstellen.

Gehen Sie dazu zu Ihrem WordPress-Dashboard > Modula > Galerien und klicken Sie auf die Schaltfläche Neu hinzufügen .

Modula ist super einfach zu bedienen. (OK, das würden wir also sagen!) Aber wir sind sicher, dass Sie es auch lieben werden!

Sie können Ihre Bilder hochladen und in beliebiger Reihenfolge anordnen. Und das Beste? Sie können auch das Aussehen Ihrer Galerie anpassen, indem Sie die Größe der Bilder auswählen, Bildunterschriften hinzufügen und vieles mehr.

Sie können Bilder aus Ihrer WordPress-Bibliothek zu Ihrer Galerie hinzufügen oder Ihre Bilder direkt hochladen .

Erstellen einer horizontal scrollenden Galerie mit Modula

Eine horizontal scrollende Galerie ist eine großartige Möglichkeit, eine Reihe von Bildern zu präsentieren, die die Aufmerksamkeit eines Benutzers auf sich ziehen. Mit Modula können Sie ganz einfach eine horizontal scrollende Galerie erstellen und an das Design Ihrer Website anpassen

Zunächst müssen Sie die Diashow-Funktion in Modula aktivieren. Diese Funktion ist in der Modula Pro-Version verfügbar. Stellen Sie sicher, dass Sie die Erweiterungen Lightbox Slideshow und Slider aktivieren.

Wählen Sie auf der Registerkarte „Allgemein“ im Abschnitt „ Einstellungen“ den Galerietyp „ Slider “ aus.

Gehen Sie als Nächstes zur Registerkarte Lightbox & Links und wählen Sie Bilder in einer Lightbox öffnen aus dem Dropdown-Menü der Option Slider Lightbox & Links .

Sobald Sie dies tun, werden weitere Optionen freigeschaltet.

Scrollen Sie nach unten, bis Sie die Mousewheel-Navigation finden, und schalten Sie die Option ein. Benutzer können das Mausrad verwenden, um durch die Lightbox-Bilder zu scrollen.

Sie können einen Scroll-Übergangseffekt hinzufügen, um die Scroll-Galerie noch eleganter aussehen zu lassen.

Scrollen Sie zur Option Übergangseffekt und wählen Sie einen aus dem Dropdown-Menü aus. Als Nächstes können Sie den Wert für die Übergangsgeschwindigkeit festlegen. Es wird in Millisekunden sein, also wäre es ideal, es unter 600 ms zu halten, damit die Benutzer nicht das Gefühl haben, dass die Bildlaufgalerie an ihrem Ende verzögert.

Niemand mag Verzögerungen!

Wenn alles gut aussieht, können Sie die Galerie auf Ihrer WordPress-Seite veröffentlichen oder posten, indem Sie den generierten Shortcode von Modula kopieren und einfügen.

Nun, das war einfach!

Erstellen einer vertikal scrollenden Galerie mit Modula

Das Erstellen einer vertikal scrollenden Galerie mit Modula ist genauso einfach wie das Erstellen einer horizontalen. Lassen Sie mich Ihnen zeigen, wie es gemacht wird!

Hinweis: Um eine vertikal scrollende Galerie zu erstellen, benötigen Sie die Pagination-Erweiterung mit der unendlichen Scroll-Option des Modula Pro Business-Plans.

Scrollen Sie im Bearbeitungsmodus der Galerie nach unten zum Abschnitt Einstellungen . Wählen Sie auf der Registerkarte „Allgemein“ zur besseren Darstellung einer vertikal scrollenden Galerie einen der Galerietypen „Kreativ“, „Benutzerdefiniert“ oder „Mauerwerk“.

Scrollen Sie ganz nach unten und aktivieren Sie die Option Paginierung aktivieren . Sobald Sie dies tun, werden weitere Optionen angezeigt.

Fahren Sie fort und schalten Sie auch die Option Endloses Scrollen aktivieren ein.

Von diesem Punkt an können Sie Ihre Galerie nach Ihren Wünschen anpassen.

Verbessern Sie Ihre Scrolling-Galerie mit Modula-Funktionen

Wenn Sie mit Modula eine Bildlaufgalerie erstellen, können Sie die allgemeine Benutzererfahrung verbessern, indem Sie einige der erweiterten Funktionen des Plugins nutzen.

Werfen wir einen Blick auf die Funktionen, die für diesen Anwendungsfall am nützlichsten sind:

Lazy Loading : Diese Funktion ist praktisch, wenn Sie eine vertikal scrollende Galerie mit vielen Bildern erstellen. Es hilft, die Ladezeit der Seite zu verkürzen, indem nur die sichtbaren Bilder auf dem Bildschirm vorab geladen werden. Für eine horizontal scrollende Galerie ist dies jedoch nicht erforderlich.

Anpassbare Lightbox : Während diese Funktion für eine vertikal scrollende Galerie optional ist, ist sie für eine horizontal scrollende Galerie unerlässlich. Sie können das Erscheinungsbild der Lightbox der Galerie anpassen und so die Benutzererfahrung verbessern.

Videogalerie : Neben Bildern kann eine Scrolling-Galerie auch aus Videos bestehen. Die Videogalerie-Funktion von Modula kann Ihre Galerie dynamischer und interaktiver machen.

Spielen Sie mit den Optionen herum und finden Sie heraus, was am besten zu Ihrer Website und Ihrem Branding passt. Denken Sie daran, auf die Schaltflächen „Veröffentlichen“ oder „Galerie aktualisieren“ zu klicken, um sicherzustellen, dass Ihre Änderungen gespeichert werden!

Modula generiert einen Shortcode, den Sie verwenden können, wenn Sie Ihre Galerie im Frontend präsentieren. Kopieren Sie diesen Shortcode und lassen Sie uns Ihre atemberaubende Bildlaufgalerie anzeigen

Vorschau und Veröffentlichung Ihrer Scrolling Gallery

Sobald Sie Ihre Scrolling-Galerie mit Modula erstellt haben, ist es an der Zeit, sie in der Vorschau anzuzeigen und auf Ihrer WordPress-Website zu veröffentlichen.

Gehen Sie dazu auf die gewünschte Seite oder den gewünschten Beitrag und fügen Sie den Shortcode direkt in den Editor ein.

Alternativ können Sie nach dem Modula-Galerien-Block suchen und Ihre gewünschte Galerie aus dem Dropdown-Menü auswählen.

Nachdem Sie Ihre Galerie zu Ihrer Seite oder Ihrem Beitrag hinzugefügt haben, ist es wichtig, sie in der Vorschau anzuzeigen, um sicherzustellen, dass sie korrekt angezeigt wird.

Wenn Sie mit allem zufrieden sind, klicken Sie auf „Veröffentlichen“ oder „Aktualisieren“ und beobachten Sie, wie die Magie geschieht

Wenn Sie später Änderungen an Ihrer Galerie vornehmen müssen, können Sie diese einfach im Modula-Bereich Ihres WordPress-Dashboards ändern.

Sobald Sie Ihre Änderungen gespeichert haben, wird Ihre Galerie automatisch auf Ihrer Website aktualisiert, ohne dass der Shortcode aktualisiert wird.

Abschluss…

Das Erstellen einer vertikal oder horizontal scrollenden Galerie in WordPress kann eine großartige Möglichkeit sein, Ihre Bilder zu präsentieren und die Benutzererfahrung Ihrer Website zu verbessern.

Mit seiner benutzerfreundlichen Oberfläche, Anpassungsoptionen und vielseitigen Galerietypen ist Modula ein Muss für jeden Websitebesitzer, der seine Bilder präsentieren und neue Geschäfte gewinnen möchte!

Also, worauf wartest Du? Laden Sie Modula noch heute herunter und sehen Sie, wie es die Bildergalerien Ihrer Website verändern kann.