3.9 Gutenberg Editor: Bilder in Lightbox öffnen & Bilder-Galerie

Bilder in Lightbox öffnen


Wie in der Lektion zu den Standard Plugins erklärt, hat mein WordPress Paket bereits ein Lightbox Plugin eingerichtet. Dieses Plugin ist aber sozusagen nur „im Hintergrund“ aktiv und wird automatisch ausgeführt, wenn ein Link zu einer Bild-Datei führt.

Das heisst: Damit jetzt ein Bild tatsächlich in der Lightbox in gross angezeigt werden kann, musst Du das gewünschte Bild im Gutenberg Editor auf die Bild-Datei verlinken.

Das ist zum Glück ganz einfach gemacht: Wenn Du das gewünschte Bild anklickst und einen Link einfügst, kannst Du direkt die „Mediendatei“ auswählen:



Und fertig. So kannst Du genau steuern, welche Bilder die Besucher in einer Lightbox öffnen können.

Bilder-Galerie erstellen


Hier zeige ich Dir ganz kurz, wie Du eine Bilder Galerie erstellen kannst:

Füge zuerst einen neuen „Galerie“ Block hinzu:



Klicke dann am besten auf Mediathek:



Hier kannst Du jetzt sowohl die bereits hochgeladenen Bilder auswählen, als auch einfach per Drag and Drop mit der Maus weitere Bilder in dieses Fenster ziehen und hochladen. Wenn Du alle Bilder ausgewählt hast, klicke auf „Neue Galerie erstellen“:



Jetzt kannst Du einfach noch mit der Maus die Bilder in die gewünschte Reihenfolge ziehen. Wenn Du zufrieden bist, klicke auf „Galerie einfügen“:



Und das wars im Prinzip schon. Du kannst jetzt auf der rechten Seite noch folgende Optionen einstellen:

  • Wieviele Spalten Du willst.
  • Ob die Bilder zugeschnitten werden sollen (praktisch immer sinnvoll, da die Bilder meistens ja nicht genau die gleichen Grössen/Dimensionen haben).
  • Da bei einer Galerie die Bilder ja oft nicht so gross sind, kannst Du bei „Link zu“ einfach noch „Mediendatei“ auswählen, damit die Bilder mit der Lightbox Funktion in gross angeschaut werden können.
  • Und schliesslich noch die „Bildergrösse“: Hier würde ich „Mittel-Gross“ (also maximal 768 Pixel breit) auswählen. Ausser, Du möchtest die Galerie über die ganze Bildschirmbreite haben. Dann würde ich standardmässig „Gross“ lassen.
Michael Brütsch

Webdesigner & WordPress Experte: Ich kreiere WordPress Websites, die Google liebt (aka Suchmaschinenoptimierung / SEO).

Schreibe einen Kommentar