ein Bild(thumb) - click öffnet eine Gallery in Lightbox - Wie geht das?

Ich habe so etwas mal umgesetzt – mit eigenen Templates im eigenen Theme, ich weiß nicht, ob es PlugIns gibt, die das ohne mindestens gleich viel Anpassungsaufwand können.

In Kürze – strukturell – der Lösungsansatz:
Ich lege Beiträge in einer Kategorie an. Die Kategorie heißt meinetwegen „galerien“.
In jedem Beitrag lege ich nur einfach eine Galerie an. Und ein Beitragsbild, das das gleiche Bild ist wie das erste Bild der jeweiligen Kategorie.

Die Seite mit den Thumbs ist dann die Kategorieübersichtsseite (Archivseite) meiner Kategorie „galerien“. In der werden nur die Beitragsbilder in der gewünschten Thumbnailgröße gezeigt. Und der Link ist nicht zum Beitrag, sondern zum Bild, das ja gleichzeitig das erste in der Galerie ist. Normalerweise arbeiten Lightboxes mit „Link zur Datei“ – d.h. wenn du eine Lightbox installiert hast, müsste sich die dann auch öffnen.
Dass (und wie) du dann in der geöffneten Lightbox innerhalb der jeweiligen Galerie navigieren / weiterklicken kannst, hängt von deiner Galerie- und Lightbox-Einstellung ab (und welches Tool du dafür verwendest). Ich hatte es damals mit Link auf die Attachment-Seite gemacht, aber es müsste sich auch mit Lightbox und Link zur Datei umsetzen lassen.

Also: einarbeiten, so dass du dir ein Child-Theme anlegen und die Ausgabe auf deiner Kategorie-Übersichtsseite entsprechend anpassen kannst.
Oder: vielleicht liefert dir dieser Beitrag Ideen, wonach du suchen kannst.

Gruß
helix

Doch, das kommt mit der Struktur ziemlich genau hin. In einer technisch nicht-richtigen (dafür aber vielleicht besser verständlichen) Sprache: wir arbeiten mit „blinden“ Beiträgen.

Und du kannst es dir vielleicht auch etwas einfacher machen, das kommt darauf an, wer die Seite später pflegen soll? Wenn du das selber bist: du weißt ja dann, was du angelegt hast und wie du es reproduzieren kannst. Wenn es später jemand anders machen soll, ist es besser, etwas mehr in den Aufbau der Seite zu investieren, so dass die Ausgabe nachher von alleine richtig erfolgt.

Zuerst nochmal zur Struktur (obwohl das ganze Drumrum genau genommen unwesentlich ist, aber dann verstehst du wahrscheinlich besser, wo dein Einsatz kommt):
1.) Die Seiten Home, Lebensdaten, Links und Kontakt lassen wir einfach mal links liegen.
2.) Ist Werk eine Seite oder eine Kategorie? Wenn es eine Seite ist, wie bringst du die Beiträge auf die Seite?
3.) Wenn du das schon umgesetzt hast und es funktioniert, ist es eigentlich egal. Sonst würde ich dir empfehlen, Werk als Kategorie anzulegen.
4.) Unter Werk hast du dann die Unterabteilungen Werkgruppen, Ausstellungen und eben der Blick ins Atelier. Werkgruppen und Ausstellungen können jeweils ein Einzelbeitrag oder auch mehrere Beiträge in einer (ggf. Unter-) Kategorie sein.

5.) Und jetzt dein Einsatz: der Blick ins Atelier.
Vielleicht ist es am einfachsten, du probierst zuerst einmal den etwas einfacheren Lösungsansatz aus. Dann verstehst du a), was ich gemeint hatte. Wenn du danach doch b) brauchst, fällt es dir leichter, das dann umzusetzen.

Einfacherer Lösungsansatz: Lege eine Seite oder einen Beitrag an, den du aber nirgendwo verlinkst. Auf dieser Seite sind deine Galerien.
Auf deiner vue d’atelier-Seite bindest du einfach ein weiteres Mal die jeweils ersten Bilder der Galerien in Thumbnail-Größe ein. Und verlinkst die Bilder jeweils zu ihrer Bilddatei. Das kannst du direkt beim Einbinden der Bilder festlegen, da kannst du wählen Link zur Medien-Datei oder Link zur Anhang-Seite (oder gar kein Link). Dann müsste sich das Bild in der Lightbox öffnen – und mit ein bisschen Glück funktioniert es dann gleich schon so, wie du es brauchst, nämlich dass du weiterklicken kannst, durch die ganzen Bilder der Galerie (der jeweiligen Galerie, nicht der anderen Galerien).

Wenn das noch nicht auf Anhieb so klappt, such dir ein anderes Galerie- oder Lightbox-PlugIn, das das so hinbekommt, wie du es brauchst.

Gruß
helix

Nur kurz, es ist allmählich eine nicht-mehr-helix-freundliche Uhrzeit, da kommt dann vielleicht nur noch Stuss raus.

Für die Standard-Galerie von WordPress brauchst du den „blinden“ Beitrag, weil diese Galerie tatsächlich nur im Beitrag selber als WordPress-eigener Shortcode existiert. Ist der Shortcode nirgends eingebunden, gibt es auch die Galerie nicht.

Ohne es wirklich zu wissen, gehe ich davon aus, dass die Lightbox- und Galerie-PlugIns darauf aufbauen.
Mit diesen PlugIns kenne ich mich nicht aus, habe ich immer einen großen Bogen drum gemacht, weil die mir immer viel zu viel mitgebracht haben, was ich gar nicht wollte und brauchte …
Und wie gesagt, ich hatte es nicht mit Lightbox, sondern mit Attachment-Seiten gemacht. Deswegen ist auch für mich eine Unbekannte, ob die Lightbox anhand vom Bild die zugehörige Galerie erkennt (und man dann weiterklicken kann).

Deine Struktur gucke ich mir dann morgen nochmal in Ruhe an.

Gute Nacht
und Gruß
helix

So, jetzt mir nochmal deine Beschreibung zur Struktur angesehen. Ich finde, so sieht es gut und schlüssig aus.

Wenn du das tatsächlich mit / im Childtheme machst, lohnt es sich, genau für die „Seite“ (also eigentlich dann Kategorieübersichtsseite) Werk ein eigenes Template zu machen. Monika, die hier im Forum moderiert, hat auf ihrer texto-Seite sehr gute Anleitungen / Beschreibungen, wie man mehrere unterschiedliche Loops auf eine Seite bringen kann – für die Ausgabe der verschiedenen Unterkategorien nacheinander und auf verschiedene Art.

Was die Thumbs angeht, die zur Bildergalerie in der Lightbox verlinken sollen – probier doch mal Folgendes einfach aus:

Erstelle eine dieser Galerien, packe sie auf eine Seite. Lies den Link aus, der vom ersten Galeriebild zur Lightbox führt.
Binde auf einer anderen Seite dieses erste Bild nochmal ein und gib ihm den Link, den du sozusagen aus der Galerie (also der dargestellten) ausgelesen hast.

Wenn das funktioniert, wie es soll, kannst du dir ansehen, ob es mit erträglichem Aufwand möglich ist, die Ausgabe dieses jeweiligen Links zu automatisieren, sprich: durch das Template wird Bild mit passender Verlinkung gleich ausgegeben, sobald du einen neuen Beitrag mit einer Galerie angelegt hast. Oder ob du es einfach händisch machst: wenn es eine neue Galerie gibt, stellst du auf dieser Seite Werk das passende Vorschaubild mit passendem Link neu ein.

Wenn du es automatisieren kannst, ist es sinnvoll, jede weitere Galerie in einen eigenen Beitrag zu packen. (Tut ja aber auch nicht weh.)
Wenn du es jeweils händisch eintragen wirst, ist es sinnvoll, die Seite Werk doch als Seite anzulegen – auf der dann nichtsdestotrotz die weiteren Kategorien im Themenbereich ausgegeben werden.

Es ist übrigens nicht so, dass es „richtiger“ (oder „sauberer“ – was für eine Ausdrucksweise – schüttel …) wäre, es automatisiert ausgeben zu lassen. Es ist beides gut und richtig. Das eine ist mehr Aufwand, um es einzurichten. Das andere ist mehr Aufwand, um es später zu pflegen. Deswegen hatte ich nachgefragt, wer es später pflegen wird. Ich gehe davon aus, dass Bilder mit passender Verlinkung einstellen viele einfach-nur-User tendenziell schon überfordert. Und dafür hat man ja auch ein CMS, damit man genau nicht das alles händisch machen muss (so als Endanwender) …

Frohes Probieren
und Gruß
helix

Nein, den Link im Frontend auslesen. Du rufst die Seite auf und untersuchst mit dem Webentwickler-Tool, wie das Vorschaubild in der Galerie zur Lightbox verlinkt. Kann sein, dass ein rel-Attribut mitgegeben wird …
Evtl. klappt es auch schon mit rechter Maustaste und Linkziel kopieren.

Gruß
helix

Kannst du bitte mal posten, wie der Link vom Galeriebild zur Lightbox genau aussieht?
Im Quelltext der Seite – Beitrag galerie 01 mit der Galerie drin – wird auch kein Shortcode in eckigen Klammern im Link stehen.

Gruß
helix

Von hinten nach vorne: Genau das ist der Pferdefuß bei display: none;
selbst wenn die Bilder jedes für sich klein sind, es kommt dann einfach einiges zusammen.

Den Code, den du in Post #16 gepostet hast, kannst du vielleicht in deinem Admin-Bereich einfügen, das ist aber nicht das, was auf der Seite ausgegeben wird – oder seh ich da was krass falsch?

Und in Post #15, das ist die Adresse vom Bild, aber nicht der vollständige Link.

Deutet localhost im Pfad darauf hin, dass es eine lokale WordPress-Installation ist?
Sag mal wenigstens, welches Galerie-PlugIn du eigentlich verwendest / verwenden willst. Oder ist es im Theme integriert? Dann: welches Theme? Vielleicht kann ich was ausfindig machen.

Gruß
helix

Ja, ich habe eine Idee. Aber braucht ein bisschen.

Habe mir jetzt mal dein Lightbox-PlugIn geholt. Das Problem ist, dass die Lightbox erstmal nicht erkennen kann, dass das Bild Teil einer Galerie ist – wenn nicht eben genau die Galerie auf der aktuellen Seite ist …
Bis jetzt habe ich nichts herausgefunden, wie ich ihr das „sagen“ kann.

Ich will nun folgendes Setting ausprobieren:
Lightbox-Einstellung: „zeige ein einzelnes Postbild als Galerie“
Beitrag anlegen: im Content befindet sich eine Galerie oder alle Bilder, die zur Galerie gehören. Das muss man noch probieren, was geht, bzw. was dann besser geht. Das erste Bild der Galerie wird als Beitragsbild festgelegt.
Einen eigenen Loop anlegen – z.B. genau für die Übersichtsseite – in dem nur das Beitragsbild ausgegeben wird. Dieses wird zur Mediendatei verlinkt.
=> Kann sein, dass die Lightbox hiermit erkennt, welche Bilder noch zur Galerie gehören, weil es sich innerhalb des Loops abspielt und damit die ID (Datenbank-ID, nicht CSS-ID) des jeweiligen Beitrags „da“ ist.

Andere PlugIn-Programmierer veröffentlichen ihren Quellcode z.B. bei Github.
Heißt, wenn ich mit dem oben beschriebenen Setting (und noch ein bisschen rumspielen) keine Lösung erreiche, würde ich eher mit einer selber eingebundenen Lightbox weiterarbeiten …

Der Code, den du jetzt gepostet hast, bringt genau das gleiche Problem, dass die Bilder eben trotzdem geladen werden. Das hast du ja schon selber erkannt.
Da hilft es auch nicht, wenn das CSS scheinbar ein bisschen eleganter ist. – Was hilft das abgepfiffenste CSS, wenn es Leute nötigt, Datentransfervolumen für Bits und Bytes zu ver(sch)wenden, die sie nie zu Gesicht bekommen? In Zeiten, in denen möglicherweise schon die Hälfte der Seitenbesucher mobil vorbeisurfen, ziemlich uncool.

Gruß
helix