(...)
Mein Problem ist jetzt nur, dass dort mit festen Größen gearbeitet wird und das die Wordpress-Gallerie nicht responsive ist, werden die Bilder runterskaliert und die Fläche der Bildunterschrift ragt über das Bild hinaus. (...)
Die Wordpress-Galerien sind, wenn man denn etwas mehr will, in vielerlei Hinsicht nicht so toll geeignet, wenn Du also ohne ein aufwendiges Galerie-Plugin, nach Deinen Wünschen frei gestaltete Galerien anlegen möchtest, mach es doch einfach als Seite oder Beitrag und setze zusätzlich lediglich ein Lightbox-Plugin zu vergrößerten Ansicht ein.
Dafür als Basisvariante die Vorschauthumbs der Bilder ohne Zeilensprung nebeneinander anlegen, die (responsive) Anordnung erledigt das Theme und seine Einstellungen (möchtest Du mehr, setzt z.B. ein Shortcode-Plugin für Spalten ein) i.d.R. von selbst, die Darstellung im visuellen Editor des Admin-Backends, kann dabei von der Im Frontend abweichen.
CSS-Anweisungen für allerlei Effekte hinterlegst Du z.B. im Custom-CSS-Feld (wenn im Theme nicht vorhanden, gibt’s das auch als universelles Plugin) oder aber (was aufwändiger ist, weil’s im Grunde ein Childtheme bedingt) in der style.css oder gar in einer eigenen zusätzlichen CSS-Datei.
Um diese zentral anlegten CSS-Anweisungen auf ein Bild anzuwenden, setzt Du deren Namen (mehrere sind möglich, einfach durch Leerzeichen trennen) in das Feld [COLOR=#0000cd]Erweiterte Optionen -> Bild-CSS-Klasse [/COLOR](dorthin gelangst Du u.a. durch Klick auf das Bild im visuellen Editor und die Auswahl des Bleistiftes im dann erscheinenden Kontextmenü).
Ein Beispiel für einen simplen Rahmen samt Schatten mit einem minimalistischen Hovereffekt (da geht natürlich mehr) der den Rahmen verändert, ist das z.B.
[COLOR=#006400].rahmenx {
border:2px solid #EFF0FF;
margin: 15px;
padding:10px;
box-shadow: 10px 10px 20px grey;
}
.rahmenx:hover {
background-color: lightgrey;
}
[/COLOR]
Der o.g. Quellcode müsste dann ins Feld Custom-CSS (s.o.) und im Feld [COLOR=#0000cd]Erweiterte Optionen -> Bild-CSS-Klasse[/COLOR] müsste nur [COLOR=#006400]rahmenx[/COLOR] eingetragen werden.
Wenn es nur wenige Bilder/Galerien sind, die auf diese Weise aufgepeppt werden sollen, kann man die CSS-Anweisungen auch innerhalb von HTML-Tags setzten, das ist zwar kein guter Stil (zumindest wenn’s sich vermeiden lässt), tut aber der Funktion aber keinen Abbruch.
Und noch was (möglicherweise weißt Du das ja schon), Text der im Feld [COLOR=#0000cd]Erweiterte Optionen -> Bildtitel-Attribut[/COLOR] eingetragen wird, erscheint beim Überfahren des jeweiligen Bildes mit dem Mauszeiger (nicht bei Touchscreens) im Frontend direkt über dem Bild auf Höhe des Mauszeigers.
