Modula-Bildergalerie – Fotoraster & Videogalerie
Erstelle responsive Bildergalerien mit dem Drag-and-Drop-Raster-Generator. Individuelle Layouts, Video-Unterstützung, KI-Optimierung. Funktioniert mit jedem Theme.
Das beste WordPress-Galerie-Plugin für individuelle Bild- und Videogalerien
Erstelle atemberaubende Bildergalerien mit dem Drag-and-Drop-Raster-Generator von Modula. Erstelle individuelle Rasterlayouts, Masonry-Galerien und Videogalerien ganz ohne Programmierkenntnisse. Perfekt für Fotografen, Designer und alle, die sich schöne, responsive Galerien auf ihrer WordPress-Website wünschen.
Mit Modula ist das Erstellen von Fotogalerien ein Kinderspiel. Füge einfach Bilder hinzu, passe das Layout an und veröffentliche die Galerie. Dank der Drag-and-Drop-Oberfläche kannst du einzigartige, individuelle Rastergalerien erstellen, indem du die Größe der Bilder anpasst und sie genau so positionierst, wie du es möchtest.
Was du beim Kauf zusätzlich in Modula Pro bekommst:
- Kommentare zu Bildern: Ermögliche es den Nutzern deiner Website, Kommentare zu den Bildern in deiner Galerie hinzuzufügen, um die Interaktion mit deinem Publikum zu fördern.
- Bildauswahl: Erleichtere deinen Kunden die Auswahl der Fotos, die bearbeitet werden sollen, mit Auswahlgalerien auf deiner Website. Sie können ihre Favoriten auswählen und ihre Auswahl direkt über die Website senden. Keine langen E-Mail-Ketten oder hin- und hergehenden Nachrichten mehr – alles wird an einem Ort abgewickelt!
- Instagram: Verknüpfe ganz einfach dein Instagram-Konto mit deiner Modula-Galerie. Durch diese Verknüpfung kannst du dann Instagram-Bilder direkt in deine Galerie importieren und so deine Website mit deinen Instagram-Inhalten bereichern.
- Standardeinstellungen: Hast du es satt, jede Galerie einzeln durchzugehen und immer wieder dieselben Einstellungen vorzunehmen? Nutze die Erweiterung „Standardeinstellungen“, um einen grundlegenden Satz an Optionen für deine Galerien festzulegen, und füge diesen dann einfach jeder neuen Galerie hinzu, die du erstellst. Das spart eine Menge Zeit!
- Inhaltsgalerien: Bring deine Galerie-Erstellung auf die nächste Stufe – mit diesem Add-on kannst du aus deinen aktuellen Beiträgen, Seiten oder benutzerdefinierten Beitragstypen eine neue Galerie erstellen. Und nicht nur das: Jede Galerie wird mit der Originalquelle synchronisiert, sodass Änderungen am Originalinhalt auch in der Galerie übernommen werden.
- Massenbearbeitung: Bearbeite ganz einfach mehrere Bilder gleichzeitig und spare so wertvolle Zeit bei der Konfiguration.
- Videogalerie: Nutze die Video-Erweiterung, um Videos mit Bildern in deinen Galerien zu kombinieren. Sie funktioniert mit YouTube, Vimeo und selbst gehosteten Videos.
- Lightbox-Diashow: Verbessere das Nutzererlebnis deiner Galerien, indem du die Bilder in einer beeindruckenden Diashow präsentierst.
- Slider-Galerie: Damit kannst du deine Galeriebilder in einem neuen Format anzeigen: als Slider. Er lässt sich mit einer darunter liegenden Miniaturansicht synchronisieren. Du kannst den Slider variieren, indem du verschiedene Elemente hinzufügst: Punkte, Pfeile, einen Überblendungseffekt, Endlosschleife, Zentrierungsmodus und vieles mehr.
- Galerie-Filter: Wende einen oder mehrere Filter auf deine Bilder an, damit die Besucher deiner Website deine Galerie ganz einfach durchsuchen können.
- Alben: Angenommen, du machst eine Urlaubsreise und möchtest jeden Tag in einer eigenen Galerie festhalten. Mit der Erweiterung „Alben“ kannst du alle deine Urlaubsgalerien in einer einzigen Übersicht zusammenfassen, sodass du ganz einfach auf deine wertvollen Erinnerungen zugreifen kannst.
- Verschiedene dynamische Effekte: Ladeeffekte, Hover-Effekte und Zoom-Effekte
- Wasserzeichen: Schütze deine Fotos, indem du individuelle Wasserzeichen hinzufügst.
- Image Guardian: Schützt deine Bilder besser. Es blockiert die Rechtsklick-Option „Speichern“, verbirgt die Bild-URLs und macht Ausdrucke unscharf.
- Speed UP: Mit dieser Erweiterung kannst du deine Bilder optimieren, indem du ihre Dateigröße reduzierst, sie mithilfe der Bildoptimierungsalgorithmen von ShortPixel in der Größe anpasst und sie über das CDN (Content Delivery Network) von StackPath bereitstellst. Das Ergebnis? Eine schnelle Website ohne die damit verbundenen hohen Kosten.
- Whitelabel: Mit dieser Erweiterung kannst du alle Verweise auf Modula aus dem Plugin entfernen und es mit deiner eigenen Marke, deinem Logo und deinen Texten anpassen.
- Support und Updates sind bei jedem Kauf für ein Jahr inbegriffen.
Mit Modula AI kannst du deine Galeriebilder im Handumdrehen optimieren, indem du Titel, Bildunterschriften und ALT-Text mit nur wenigen Klicks verbesserst. Spare Zeit und überlasse der KI die mühsame Arbeit, jedes Bild für SEO und Barrierefreiheit zu optimieren.
So erstellst du eine Galerie mit Modula
It’s This Easy:
- Geh zu „Modula“ und klick auf „Neu hinzufügen“.
- Füge deine Bilder hinzu und passe das Layout an.
- Kopiere den Shortcode und füge ihn dort ein, wo die Galerie erscheinen soll. Beispiel-Shortcode:
[modula id="1192"].
Die wichtigsten Funktionen des Modula Gallery Plugins
Grid-Builder per Drag-and-Drop
Erstelle individuelle Rasterlayouts, indem du Bilder per Drag & Drop verschiebst und ihre Größe anpasst. Ganz ohne Programmierkenntnisse. Gestalte einzigartige Galerie-Layouts, die perfekt zu deiner Marke und deiner Designvision passen.
Responsive Bildergalerien
Alle Galerien sind automatisch für Mobilgeräte optimiert. Deine Fotogalerien sehen auf Smartphones, Tablets und Desktop-Computern perfekt aus. Die Bilder passen sich automatisch an die Bildschirmgröße an.
Verschiedene Galerie-Typen
Wähle zwischen den Layouts „Custom Grid“, „Masonry“ und „Creative Gallery“. Jeder Galerietyp bietet einzigartige Gestaltungsmöglichkeiten und Anzeigeformate, die genau auf deine Bedürfnisse zugeschnitten sind.
Unterstützung für die Videogalerie (Pro)
Kombiniere Videos mit Bildern in deinen Galerien. Funktioniert mit YouTube, Vimeo und selbst gehosteten Videos für ein umfassendes Multimedia-Galerieerlebnis.
Lightbox-Galerie-Viewer
Die integrierte Lightbox zeigt deine Bilder in einem ansprechenden Vollbild-Overlay an. Besucher können durch die Bilder der Galerie blättern, ohne die Seite zu verlassen.
KI-gestützte Bildoptimierung
Modula AI optimiert Bildtitel, Bildunterschriften und ALT-Text automatisch für eine bessere Suchmaschinenoptimierung. Das manuelle Bearbeiten jedes einzelnen Bildes gehört damit der Vergangenheit an.
Benutzerdefinierte Hover-Effekte (Pro)
Füge dynamische Hover-Effekte hinzu, um Besucher anzusprechen. Wähle aus Dutzenden von Hover-Animationen und Gestaltungsoptionen, um deine Galerien interaktiv zu gestalten.
Galerie-Filter (Pro)
Ermögliche es Besuchern, deine Bildergalerien nach Kategorien zu sortieren und zu filtern. Ideal für Portfolio-Galerien und große Fotosammlungen.
Integration von Page Builder
Funktioniert nahtlos mit Elementor, Beaver Builder und Divi. Füge Galerien auf jeder beliebigen Seite über die Benutzeroberfläche deines bevorzugten Page Builders hinzu.
So erstellst du eine Fotogalerie in WordPress
Eine Fotogalerie mit Modula zu erstellen ist ganz einfach. Installiere zunächst das Plugin über dein WordPress-Dashboard. Gehe in deinem Admin-Menü zu „Modula“ und klicke auf „Neu hinzufügen“. Lade deine Bilder über den Medien-Uploader hoch oder ziehe die Dateien per Drag & Drop direkt in den Galerie-Builder.
Sobald deine Bilder hochgeladen sind, wähle den Galerietyp aus. Für ein individuelles Layout wählst du „Benutzerdefiniertes Raster“ und ziehst die Bilder per Drag & Drop, um ihre Größe anzupassen. Für ein automatisches Layout wählst du „Masonry“, wodurch die Bilder im Pinterest-Stil angeordnet werden.
Passe deine Galerieeinstellungen an, darunter Abstände, Rahmen, Schatten und Hover-Effekte. Konfiguriere deine Lightbox-Optionen, um zu steuern, wie Bilder beim Anklicken angezeigt werden. Richte responsive Breakpoints ein, damit deine Galerie auf Mobilgeräten perfekt aussieht.
Kopiere den angegebenen Shortcode und füge ihn in einen beliebigen Beitrag, eine Seite oder ein Widget ein, wo deine Galerie erscheinen soll. Deine responsive Bildergalerie ist nun auf deiner Website online.
So fügst du eine Galerie zu deiner WordPress-Seitenleiste hinzu
Das Hinzufügen einer Bildergalerie zu deiner WordPress-Seitenleiste oder deinem Widget-Bereich ist ganz einfach. Nachdem du deine Galerie in Modula erstellt hast, kopiere den Shortcode. Navigiere in deinem WordPress-Adminbereich zu „Darstellung“ > „Widgets“.
Füge ein „Shortcode“-Widget an der gewünschten Stelle in deiner Seitenleiste ein. Füge den Shortcode deiner Modula-Galerie in das Widget ein. Die Galerie passt sich automatisch an die Breite deiner Seitenleiste an und bleibt dabei responsiv.
Für eine optimale Darstellung der Seitenleiste solltest du in Erwägung ziehen, weniger Bilder zu verwenden oder die Spalteneinstellungen der Galerie anzupassen, damit die Bilder auf Desktop-Geräten nicht zu klein erscheinen.
So erstellst du ein Masonry-Galerie-Layout
Masonry-Galerien ordnen Bilder in einem fließenden Layout im Pinterest-Stil an, das den Platz effizient nutzt. Bilder unterschiedlicher Größe fügen sich wie ein Puzzle nahtlos zusammen, ohne Lücken zu hinterlassen.
Um eine Bildergalerie im Masonry-Stil zu erstellen, wähle beim Anlegen einer neuen Galerie „Masonry“ als Galerietyp aus. Lade Bilder in verschiedenen Abmessungen hoch, um einen besonders dynamischen Effekt zu erzielen. Das Masonry-Layout ordnet die Bilder automatisch so an, dass ein ausgewogenes, optisch ansprechendes Raster entsteht.
Passe den Abstand zwischen den Bildern an, um zu bestimmen, wie dicht deine Masonry-Galerie angeordnet sein soll. Lege die Anzahl der Spalten für verschiedene Bildschirmgrößen fest, damit deine Galerie auf Mobilgeräten weiterhin responsiv bleibt.
So fügst du Videos zu deiner Bildergalerie hinzu
Mit Modula Pro kannst du Videogalerien erstellen, die Videos mit Fotos kombinieren. Das eignet sich perfekt für Veranstaltungsgalerien, Portfolio-Websites und Multimedia-Präsentationen.
Um Videos zu deiner Galerie hinzuzufügen, klicke beim Hinzufügen neuer Elemente zu deiner Galerie auf die Schaltfläche „Neu hinzufügen“. Füge YouTube- oder Vimeo-URLs ein oder lade selbst gehostete Videodateien hoch. Die Videos werden direkt neben deinen Bildern angezeigt und öffnen sich beim Anklicken im Lightbox-Viewer.
Kombiniere Videoinhalte mit Fotos, um ansprechende Multimedia-Galerien zu erstellen, die eine ganze Geschichte erzählen. Für eine optimale Ansicht werden automatisch Video-Miniaturansichten (für YouTube- und Vimeo-Videos) generiert.
Portfolio-Galerien für Fotografie-Websites erstellen
Fotografen brauchen Portfolio-Galerien, in denen sie ihre Arbeiten professionell präsentieren können. Modula bietet dir die Tools, um atemberaubende Fotografie-Portfolios zu erstellen, die potenzielle Kunden beeindrucken.
Nutze den Galerietyp „Benutzerdefiniertes Raster“, um kuratierte Layouts zu erstellen, die deine besten Arbeiten hervorheben. Passe die Größe wichtiger Bilder an, um die Aufmerksamkeit auf deine stärksten Fotos zu lenken. Füge Bildunterschriften und Titel hinzu, um jedem Bild einen Kontext zu geben.
Aktiviere die Lightbox-Diashow-Funktion, damit Besucher deine Fotos im Vollbildmodus ansehen können. Deaktiviere den Rechtsklick-Schutz, um das unbefugte Herunterladen deiner Fotos zu verhindern. Füge Wasserzeichen hinzu, um dein geistiges Eigentum zu schützen und gleichzeitig dein Portfolio zu präsentieren.
Fotogalerien für Immobilien erstellen
Immobilienmakler nutzen Fotogalerien, um ihre Immobilienangebote zu präsentieren. Mit Modula lassen sich ganz einfach professionelle Immobiliengalerien erstellen, die dazu beitragen, dass sich Immobilien schneller verkaufen – insbesondere mit unserem speziellen BnB-Layout.
Lade Fotos von jedem Zimmer, Außenaufnahmen und den Annehmlichkeiten der Umgebung hoch. Nutze die Filter der Galerie, damit Besucher nach Zimmertyp oder Ausstattungsmerkmalen sortieren können. Füge detaillierte Bildunterschriften hinzu, die jeden Raum beschreiben und die wichtigsten Verkaufsargumente hervorheben.
Erstelle für jedes Immobilienangebot eine eigene Galerie und ordne diese in Alben. So können potenzielle Käufer auf deiner Website ganz einfach mehrere Immobilien durchstöbern.
Modula mit WooCommerce-Produktgalerien nutzen
Verschönere deinen WooCommerce-Shop mit besseren Produktgalerien. Ersetze die Standard-Produktbilder von WooCommerce durch individuelle Modula-Galerien, die Produkte aus verschiedenen Blickwinkeln präsentieren.
Erstelle für jedes Produkt eine Galerie mit detaillierten Produktfotos, Lifestyle-Bildern und Nahaufnahmen. Nutze Hover-Effekte, um die Produktgalerien interaktiv zu gestalten. Aktiviere die Lightbox, damit Kunden hochauflösende Produktbilder ansehen können.
Produktgalerien mit mehreren Bildern steigern die Konversionsraten, da sie den Kunden überzeugen den Kauf durchzuführen.
So optimierst du Galeriebilder für SEO
Bild-SEO ist entscheidend dafür, dass deine Fotos in der Google-Bildersuche gefunden werden. Der KI-Optimierer von Modula macht Bild-SEO ganz einfach, indem er automatisch optimierte Titel, Bildunterschriften und ALT-Text generiert.
Verwende aussagekräftige Dateinamen, bevor du Bilder hochlädst. Füge relevante Schlüsselwörter in den ALT-Text der Bilder ein, damit Suchmaschinen deine Fotos besser verstehen können. Verfasse detaillierte Bildunterschriften, die den Kontext erklären und Schlüsselwörter auf natürliche Weise enthalten.
Aktiviere Lazy Loading, um die Ladegeschwindigkeit der Seite zu verbessern – das ist ein wichtiger Ranking-Faktor für SEO. Komprimiere Bilder vor dem Hochladen, um die Dateigröße zu reduzieren, ohne dabei an Qualität einzubüßen. Gut optimierte Bildergalerien können erheblichen organischen Traffic über die Bildersuche generieren.
Fehlerbehebung bei häufigen Problemen mit der Galerie
Warum wird meine Galerie nicht richtig angezeigt?
Wenn deine Bildergalerie auf deiner Seite nicht angezeigt wird, überprüfe zunächst, ob der Shortcode korrekt platziert ist. Vergewissere dich, dass die Galerie-ID im Shortcode mit deiner Galerie übereinstimmt. Leere den Cache deines Browsers und aller WordPress-Caching-Plugins.
Überprüfe die Browserkonsole auf JavaScript-Fehler, die das Laden der Galerie verhindern könnten. Stelle sicher, dass keine Konflikte mit dem Theme vorliegen, indem du vorübergehend zu einem Standard-WordPress-Theme wechselst, um dies zu testen.
Wie kann ich unscharfe Bilder in meiner Galerie korrigieren?
Unscharfe Bilder entstehen in der Regel dadurch, dass die Einstellung „Bildgröße in der Galerie“ zu niedrig ist. Gehe zu den Galerieeinstellungen und erhöhe den Wert für „Mindestbildbreite“ im Abschnitt „Allgemein“.
Lade Quellbilder mit höherer Auflösung hoch, um bei größeren Bildschirmgrößen eine bessere Qualität zu erzielen. Das Plugin passt die Bildgröße entsprechend deinen Einstellungen an, daher sorgen hochwertige Vorlagen für scharfe Ergebnisse.
Galeriebilder werden auf Mobilgeräten nicht geladen
Probleme beim Laden auf Mobilgeräten werden oft durch JavaScript-Konflikte oder Caching-Probleme verursacht. Deaktiviere das Lazy Loading vorübergehend, um zu sehen, ob das Problem dadurch behoben wird. Überprüfe, ob dein mobiles Theme nicht mit den Skripten der Galerie in Konflikt steht.
Stelle sicher, dass die Breakpoints für die responsive Darstellung in deinen Galerieeinstellungen richtig konfiguriert sind. Teste auf verschiedenen Mobilgeräten und in verschiedenen Browsern, um festzustellen, ob das Problem gerätespezifisch oder Allgemein auftritt.
So beschleunigst du das Laden einer langsamen Galerie
Nutz einfach Modula SpeedUP und wir kümmern uns um alles Weitere. Wir optimieren deine Bilder mit ShortPixel und leiten sie an ein superschnelles CDN weiter. Der Vorgang läuft nahtlos im Hintergrund ab und du musst nichts weiter tun, als die Modula SpeedUP-Erweiterung zu aktivieren.
Verringere die Anzahl der Bilder pro Galerieseite oder füge eine Galerie-Paginierung ein. Nutze ein CDN, um Bilder Besuchern weltweit schneller bereitzustellen. Optimiere dein WordPress-Hosting für eine bessere Gesamtleistung.
Bilder werden in der Galerie in der falschen Reihenfolge angezeigt
Die Reihenfolge der Bilder in der Galerie wird im Galerie-Editor festgelegt. Ziehe die Bilder per Drag & Drop in die gewünschte Reihenfolge. Die Anzeigereihenfolge entspricht der Reihenfolge, die im Galerie-Editor angezeigt wird.
Wenn du das Masonry-Layout verwendest, beachte bitte, dass sich die Bildpositionen automatisch an den verfügbaren Platz und die Bildabmessungen anpassen. Für eine präzise Steuerung der Bildplatzierung solltest du stattdessen das Custom-Grid-Layout verwenden.
Anleitungen:
Hier sind ein paar kurze Anleitungen, wie du mit der kostenlosen Version deine Traumgalerie erstellen kannst:
- WordPress-Bildergalerie
- Galerie mit benutzerdefiniertem Raster
- Bildergalerie „Mauerwerk“
- Für Mobilgeräte optimierte Galerie
- Beaver Builder Galerie
- Elementor-Bildergalerie
- Divi Builder Galerie
Wenn du die Pro-Version nutzt, kannst du außerdem Folgendes erstellen:
Hilfe & Support
- Anleitungen & Hilfeartikel: Dokumentation lesen
- Eine Frage stellen: Support-Forum
- Brauchst du zusätzliche Hilfe? Kontaktiere uns
Hast du bereits Galerien in NextGen, Envira, Final Tiles Grid Gallery oder FooGallery erstellt und möchtest diese zu Modula migrieren?
Nutze unsere speziellen Migrationstools:
- Wechsel von NextGEN Gallery weg
- Von FooGallery wegwechseln
- Wechsel von Envira Gallery weg
- Wechsle von Final Tiles weg
- Wechsel von der Photoblocks-Galerie
Haftungsausschluss für Dienste von Drittanbietern oder externe Dienste
Das Plugin stellt über einen API-Aufruf (https://wp-modula.com/wp-json/mt/v1/get-all-extensions) eine Verbindung zu unserer Website her, um eine Liste der verfügbaren Erweiterungen abzurufen.
Es werden keine Daten gesendet, und wir erfassen auch keine Informationen aus der Anfrage
Unsere Datenschutzerklärung findest du unter dieser URL: https://wp-modula.com/privacy-policy/