Block-Galerie in Karussell-Lightbox WP-Plugin

Wir stellen das einfache, aber leistungsstarke Block-Galerie in Karussell-Lightbox Plugin vor, speziell für den WordPress Block-Editor! Dieses innovative Plugin verwandelt Ihre Standard-Block-Galerie mühelos in eine beeindruckende Karussell-Lightbox mit attraktiver Thumbnail-Anzeige. Eine visuell ansprechende Galerie zieht Besucher an und hält sie länger auf Ihrer Website. Einfach zu bedienen – ideal für Einsteiger, keine Programmierkenntnisse nötig. Es integriert sich problemlos in Ihre bestehende WordPress-Block-Galerie.

Karussell-Funktion: Nutzer können durch Bilder in einem flüssigen, horizontalen Karussell navigieren – für ein verbessertes Benutzererlebnis.

Lightbox-Effekt: Beim Klick auf ein Bild öffnet es sich in einer schönen Vollbild-Lightbox – für ein intensiveres Seherlebnis.

Thumbnail-Navigation: Eine Miniaturansicht-Leiste erlaubt das schnelle Springen zu einzelnen Bildern – benutzerfreundlich und intuitiv.

Responsives Design: Die Galerie sieht auf allen Geräten großartig aus – vom Desktop bis zum Smartphone.

Eine Block-Galerie im WordPress Block-Editor ist ideal, um Bilder visuell zu präsentieren. Hier ist eine Schritt-für-Schritt-Anleitung:

Wie fügt man eine Block-Galerie in WordPress hinzu?

Schritt 1: WordPress-Dashboard öffnen

• Melden Sie sich im WordPress-Admin-Dashboard an.
• Gehen Sie zu Beiträge oder Seiten, je nachdem, wo die Galerie hinzugefügt werden soll.

Schritt 2: Neuen Beitrag/Seite erstellen oder bearbeiten

• Neuen Beitrag erstellen: Klicken Sie auf Neu hinzufügen.
• Vorhandenen Beitrag bearbeiten: Klicken Sie auf den Titel des Beitrags/der Seite.

Schritt 3: Galerie-Block hinzufügen

1. Klicken Sie auf das + Symbol:

   • Oben links im Editor klicken Sie auf Block hinzufügen (Plus-Symbol).
   
   

2. Suchen Sie den Galerie-Block:

   • Im Blockmenü „Galerie“ in das Suchfeld eingeben.
   • Galerie aus den Optionen auswählen.
   
   

Schritt 4: Bilder hochladen oder auswählen

• Bilder hochladen:
  • Sie können Bilder direkt in den Block ziehen und ablegen oder auf die Hochladen-Schaltfläche klicken, um Bilder von Ihrem Computer auszuwählen.
• Bilder aus der Mediathek auswählen:
  • Wenn Sie bereits hochgeladene Bilder verwenden möchten, klicken Sie auf die Mediathek-Schaltfläche.
  • Wählen Sie die Bilder aus, die Sie in Ihre Galerie aufnehmen möchten, und klicken Sie auf die Zur Galerie hinzufügen-Schaltfläche.

Schritt 5: Galerie-Block anpassen (optional)

• Bildreihenfolge: Bilder per Drag-and-drop neu anordnen.
• Bildunterschriften hinzufügen durch Klick auf das Bild und Eingabe im Feld.
• Block-Einstellungen anpassen (Spaltenanzahl, Raster-Layout, etc.).

Schritt 6:

Konfiguration der Umwandlung zur Karussell-Lightbox

• Nachdem Sie Bilder hinzugefügt haben, sehen Sie Optionen zur Konfiguration Ihrer Galerie. Passen Sie die Größe der Miniaturansichten an und fügen Sie den CSS-Klassennamen zum Galerieblock hinzu:
  • Klicken Sie auf den Galerie-Block in der linken Seitenleiste, den Sie gerade in Ihrem Beitrag oder Seiteneditor hinzugefügt haben.
    
  • In der rechten Seitenleiste (Blockeinstellungen) suchen Sie nach der Option Auflösung.
  • Hier können Sie Miniaturansicht auswählen. Dies stellt sicher, dass alle Miniaturbilder in niedriger Auflösung angezeigt werden.
  • Öffnen Sie in den Blockeinstellungen den Abschnitt Erweitert. Wenn Sie die Seitenleiste nicht sehen, klicken Sie auf das Zahnradsymbol in der oberen rechten Ecke, um sie zu öffnen.
  • Geben Sie im Feld Zusätzliche CSS-Klasse(n)atakanau_bgtcl_auto_container ein.
    
• Greifen Sie auf die Bilder in der Galerie zu. In der Galerie sehen Sie jedes Bild angezeigt.
  • Klicken Sie auf jedes Bild, um dessen Einstellungen anzuzeigen.
  • In der schwebenden Symbolleiste suchen Sie nach der Schaltfläche für die Option Link.
  • Wählen Sie die Option Link zur Bilddatei
  • Sie müssen diesen Vorgang für jedes Bild in Ihrer Galerie wiederholen. Der Link zu den Bildern ermöglicht es, dass die Lightbox-Galerie größere Bilder öffnet.
  
  

Schritt 7: Vorschau und Veröffentlichung

• Klicken Sie auf die Vorschau-Schaltfläche, um zu sehen, wie Ihre Galerie aussieht.
• Wenn Sie zufrieden sind, klicken Sie auf Veröffentlichen (für neue Beiträge/Seiten) oder Aktualisieren (für bestehende), um Ihre Änderungen zu speichern.

Schritt 8: Überprüfen Sie Ihre Galerie

• Besuchen Sie den veröffentlichten Beitrag/die Seite, um sicherzustellen, dass die Galerie wie gewünscht erscheint.

Tipps für eine ansprechende Galerie

• Verwenden Sie hochwertige Bilder: Stellen Sie sicher, dass Ihre Bilder klar und visuell ansprechend sind.
• Fügen Sie Bildunterschriften hinzu: Geben Sie jedem Bild Kontext, um Ihr Publikum zu fesseln.
• Halten Sie es organisiert: Begrenzen Sie die Anzahl der Bilder, um die Zuschauer nicht zu überwältigen.

Indem Sie diese Schritte befolgen, haben Sie eine beeindruckende Galerie, die Ihren WordPress-Inhalt verbessert!