Divi-Produkt-Highlight: Divi Masonry Gallery

Veröffentlicht: 2023-07-31

Divi Masonry Gallery fügt dem Divi Builder ein neues Galeriemodul hinzu. Mit diesem Plugin können Sie Mauerwerksgalerie-Layouts erstellen und anpassen, um Bilder auf Ihrer Website anzuzeigen. Sie können Bilder nach Kategorien filtern, Paginierung aktivieren, Bilder in Lightbox-Anzeigen öffnen und mehr. Das Plugin verfügt außerdem über Designoptionen, mit denen Sie das Design des Mauerwerksgaleriemoduls vollständig anpassen können. In diesem Produkt-Highlight werfen wir einen Blick auf die Divi Masonry Gallery, um Ihnen bei der Entscheidung zu helfen, ob es das richtige Produkt für Sie ist.

Lass uns anfangen!

Inhaltsverzeichnis
  • 1 Installation der Divi Masonry Gallery
  • 2 Divi Mauerwerksgalerie
    • 2.1 Inhaltseinstellungen
    • 2.2 Designeinstellungen
  • 3 Beispiele für Divi-Mauerwerksgalerien
    • 3.1 Beispiel 1
    • 3.2 Beispiel 2
    • 3.3 Beispiel 3
  • 4 Kaufen Sie die Divi Masonry Gallery
  • 5 abschließende Gedanken

Installation der Divi Masonry Gallery

Um Divi Masonry Gallery zu installieren, navigieren Sie zur Plugin-Seite im WordPress-Dashboard und klicken Sie auf „Neu hinzufügen“. Klicken Sie auf Datei auswählen, wählen Sie die ZIP-Plugin-Datei von Ihrem Computer aus und klicken Sie dann auf Jetzt installieren.

Sobald das Plugin installiert ist, klicken Sie auf „Aktivieren“.

Divi Masonry Gallery

Sobald das Plugin aktiviert ist, wird das Divi Masonry Gallery-Modul im Divi Builder angezeigt. Werfen wir einen Blick auf die Moduleinstellungen.

Inhaltseinstellungen

Die meisten wichtigen Optionen befinden sich im Abschnitt „Galerieeinstellungen“ der Registerkarte „Inhalt“. Hier können Sie Ihre Bilder hinzufügen und auswählen, wie sie in der Mauerwerksgalerie angezeigt werden.

Galerieeinstellungen

Dies ist die Mauerwerksgalerie im normalen Galeriemodus.

Divi Masonry Gallery Normale Galerie

Sie können auch den minimierten Galeriemodus auswählen, in dem Sie die Anzahl der angezeigten Bilder begrenzen können. Der auf dem letzten Bild angezeigte Text kann angepasst werden und Sie können wählen, ob das letzte Bild eine Lightbox oder einen Link öffnet.

Divi Masonry Gallery Minimierte Galerie

Die Anzahl der Spalten und der Abstand zwischen den Bildern können angepasst werden. Im hier abgebildeten Beispiel habe ich die Galerie auf 4 Spalten eingestellt und den Abstand vergrößert.

Abstand der Säulen der Divi Masonry Gallery

Hier können Sie auch festlegen, dass Bilder beim Schweben vergrößert werden, jedes Mal in zufälliger Reihenfolge geladen werden und die Bildgröße angepasst wird.

Divi Masonry Gallery Bildzoom Zufällige Reihenfolge

Bild-Onclick-Aktionen

Sie können festlegen, dass Bilder in einer Lightbox geöffnet werden, eine bestimmte URL geöffnet werden oder beim Klicken keine Aktion ausgeführt wird. Wenn die Lightbox-Option ausgewählt ist, können Sie die Hintergrundfarbe festlegen und auswählen, wie der Titel angezeigt wird.

Divi Masonry Gallery Lightbox-Galerie

Hier ist der Leuchtkasten am vorderen Ende.

Divi Masonry Gallery Lightbox

Links müssen in der Reihenfolge der Bilder hinzugefügt und durch {{link}} getrennt werden. Sie können auch das Linkziel festlegen.

Bildlinks zur Divi Masonry Gallery

Kategorien

Die Divi Masonry Gallery fügt jedem Bild in der Medienbibliothek ein Kategoriefeld hinzu. Sie können diese Kategorien aktivieren, um die Galeriebilder zu filtern.

Medienkategorien der Divi Masonry Gallery

Wenn der Kategorienfilter aktiviert ist, können Sie die enthaltenen Kategorien auswählen, die Schaltfläche „Alle Kategorien“ ein- oder ausblenden und den Text der Schaltfläche „Alle Kategorien“ ändern.

Divi Masonry Gallery Kategorien anzeigen

Seitennummerierung

Es stehen verschiedene Arten der Paginierung zur Auswahl. Hier ist die Nummern- und nächste/vorherige Paginierungsoption. Sie können auch die Option „Mehr laden“ auswählen oder die Paginierung ganz deaktivieren.

Paginierung der Divi Masonry Gallery

Sie können auch die Anzahl der auf jeder Seite angezeigten Bilder angeben, den Schaltflächentext ändern, nach der Paginierung nach oben scrollen und einen Versatz für den Bildlauf nach oben festlegen.

Paginierung der Divi Masonry Gallery

Hintergrund

Hier können Sie die Hintergrundfarbe für das Mauerwerksgaleriemodul festlegen.

Hintergrund der Divi Masonry Gallery

Designeinstellungen

Auf der Registerkarte „Design“ können Sie das Aussehen des Mauerwerksgaleriemoduls weiter anpassen.

Überlagerung

Hier können Sie ein Symbol oder den Bildtitel/die Bildunterschrift festlegen, der beim Bewegen des Mauszeigers über dem Bild angezeigt wird, und die Hintergrundfarbe für die Überlagerung festlegen. Wenn die Option „Überlagerungssymbol“ ausgewählt ist, können Sie das Symbol und die Symbolfarbe auswählen.

Divi Masonry Gallery Overlay-Symbol

Sie können die Schriftart und die Farben anpassen, wenn der Overlay-Titel/die Bildunterschrift ausgewählt ist. Darüber hinaus können Sie die Animation des Overlay-Inhalts auswählen, die Textausrichtung, den Buchstabenabstand und den Textschatten festlegen.

Divi Masonry Gallery-Overlay-Inhalt

Bild

In den Bildeinstellungen können Sie Ihren Galeriebildern eine abgerundete Ecke und einen Rand hinzufügen.

Divi Masonry Gallery-Bild

Galeriefilter

Hier können Sie das Design des Galeriefilters anpassen. Sie können Ausrichtung, Hintergrund, Rand und Abstand, Schriftart, Abstände, abgerundete Ecken, Ränder und Rahmenschatten ändern. Sie können jede dieser Einstellungen auch für die aktive Filterschaltfläche ändern.

Divi Masonry Gallery Galeriefilter

Galerie-Paginierung

Mit den Designoptionen für die Galerie-Paginierung können Sie das Erscheinungsbild der Paginierung vollständig anpassen. Ähnlich wie bei den Galeriefiltereinstellungen können Sie Ausrichtung, Hintergrund, Rand und Abstand, Schriftart, Abstand, Rahmen und Schattenstile für die aktiven und regulären Paginierungsschaltflächen anpassen.

Divi Masonry Gallery Galerie-Paginierung

Minimierte Galerieoptionen

Der minimierte Galerietyp zeigt eine Überlagerung über dem letzten Bild an. Hier können Sie den Stil des Overlays anpassen. Sie können Hintergrundfarbe, Schriftart, Ausrichtung, Textgröße und Textschatten ändern.

Divi Masonry Gallery Minimierte Galerieoptionen

Andere Designeinstellungen

Zusätzlich zu diesen modulspezifischen Designoptionen können Sie auch alle Optionen für Größe, Abstand, Rahmen, Boxschatten, Filter, Transformation und Animation anpassen.

Designeinstellungen für die Divi Masonry Gallery

Beispiele der Divi-Galerie für Mauerwerk

Beispiel 1

Das erste Beispiel-Galerielayout umfasst vier Spalten mit Bildern. Mit den Filtern oben können Sie Bilder nach Kategorien sortieren und mit den Paginierungsschaltflächen können Sie die nächste Seite mit Bildern anzeigen.

Divi Masonry Gallery Beispiel 1

Beispiel 2

Dieses Layout verwendet das minimierte Galerie-Layout. Das letzte Bild kann so eingestellt werden, dass ein Leuchtkasten oder eine neue Seite geöffnet wird, auf der die restlichen Bilder der Galerie angezeigt werden.

Divi Masonry Gallery Beispiel 2

Beispiel 3

Das dritte Beispiel schließlich zeigt ein normales Galerielayout mit 3 Spalten. Beim Schweben erscheint ein Overlay mit dem Bildtitel.

Divi Masonry Gallery Beispiel 3

Kaufen Sie die Divi Masonry Gallery

Die Divi Masonry Gallery ist im Divi Marketplace verfügbar. Die unbegrenzte Website-Nutzung und ein Jahr Support und Updates kosten 25 US-Dollar. Im Preis ist außerdem eine 30-tägige Geld-zurück-Garantie enthalten.

Kaufen Sie die Divi Masonry Gallery

Abschließende Gedanken

Mit dem Divi Masonry Gallery-Plugin können Sie ganz einfach Galerien erstellen, um Bilder aller Größen in einem schönen, interaktiven und vollständig anpassbaren Mauerwerkslayout anzuzeigen. Das Plugin ist reich an Funktionen. Sie können Kategoriefilter, Paginierung, minimierte Galerien, Bildlinks und Lightbox-Popups aktivieren. Mit umfangreichen Gestaltungsmöglichkeiten können Sie jeden Teil des Mauerwerksgaleriemoduls nach Ihren Wünschen anpassen. Wenn Sie nach einer kreativen Möglichkeit suchen, Bilder auf Ihrer Website mit Designoptionen anzuzeigen, die Sie mit Divi anpassen können, ist Divi Masonry Gallery eine großartige Option.

Wir würden uns freuen, von Ihnen zu hören! Haben Sie Divi Masonry Gallery ausprobiert? Teilen Sie uns Ihre Meinung in den Kommentaren mit!