WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

Du bist nicht angemeldet.

#1 24.07.2016 17:56:23

grindbatzn
Gast

rFG: Bildtitel: Wie soll ichs machen?

Ich bin unschlüssig:

Wahrscheinlich verwendet kaum jemand Bildtitel, aber für die paar, die es machen sind sie heilig ;-)

Das Problem mit den Dingern ist, dass man sie nicht vernünftig stylen kann. Macht man sie schick als Block, hat man bei den leeren eben eine leeren Block - und der ist gar nicht schick.

Vorab: Grundsätzlich sind Bildtitel immer als <a... title="{CAPTION}"> vorhanden und werden daher als Fähnchen angezeigt. Im <a> deswegen, weil die Lightboxes das meist so erwarten und das als Bildunterschrift anzeigen. Im <img> ist nur alt="", kein title. Muss ja nicht 2x stehen.

Ich habe folgende Möglichkeiten:
1) Als Block ins Template einfügen und dann alle Leeren entfernen, entweder per JS oder schon vor der Ausgabe per PHP (schwierig!)
Problem: das kann sich ziehen.

2) Nachträglich per jQuery einfügen, generiert aus den Title, wenn Inhalt. Das geht recht gut, aber es wird sich mancher dran stören, dass Google das so nicht sieht.

3) Ein {CAPTION2} einführen, das mitsamt stylebarem Container <span class="caption">'.caption.'</span> nur dann ausgegeben wird, wenn {CAPTION} nicht leer ist. Das wäre vielleicht die sauberste Lösung, ist aber noch ein Trumm mehr in der view.php

Jo...

#2 25.07.2016 06:47:20

florian
Administrator

Re: rFG: Bildtitel: Wie soll ichs machen?

Ich würde nicht sagen, dass kaum jeman Bildtitel verwendet. Bei mir kommt das recht häufig vor, z.B. bei der Verwendung von Galerien für die Darstellung von Referenzobjekten, unterschiedlichen Produkten o.ä.
Nicht so häufig, aber prinzipiell durchaus sinnvoll, kommen Bildbeschreibungen zum Einsatz, meinst Du das mit caption?
Also prinzipiell so was:
<a href="zoom.jpg" title="Bildtitel" class="lightbox"><img src="foo.jpg" />
<span class="caption">Bildbeschreibung</span></a>

Am besten fände ich eine Ergänzung der view.php, idealerweise könnte man bei den Galerieeinstellungen im Backend noch eingeben, ob bzw. was vor und hinter der Bildbeschreibung stehen soll. Das dann irgendwie so umgesetzt: 

if ($temp_caption!='') {
$caption_out = $caption_starts_with.$caption.$caption_ends_with;
} else {
$caption_out = '';
}
...


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#3 25.07.2016 11:51:05

grindbatzn
Gast

Re: rFG: Bildtitel: Wie soll ichs machen?

Hmm.. ja. Variante 3 ist wohl die beste.

Weniger sinnvoll finde ich dass man die Ausgabe anpassen kann. Ersten kann das zu Konflikten führen, und zweitens macht es unnötigerweise unsaubere Verhältnisse. Wenn ich zb den Bildtitel direkt bearbeitbar machen will, muss ich darauf verlassen können, dass der eine bestimmte Class hat.
Die Darstellung kann ich mit CSS ohnehin beliebig anpassen.

#4 25.07.2016 12:06:22

florian
Administrator

Re: rFG: Bildtitel: Wie soll ichs machen?

Viele Galeriescripte haben ja unterschiedliche Mechanismen, wie die Bildinformationen zu formatieren sind, ob als Titel, Relation, komisches Metadatum, span, li, HTML5 .... daher meine Überlegun, das irgendwie customizable zu halten


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#5 25.07.2016 12:59:49

grindbatzn
Gast

Re: rFG: Bildtitel: Wie soll ichs machen?

Naja, da wird es mit dem Austauschen des Tags nicht getan sein: Die Struktur ist ganz klassisch: ul li a img
So wie es die meisten Lightbox-Scripte und auch der Frontend-Edit erwartet, und wie es auch weiterhin üblich sein wird.

Sollte dereinst ein Hahn nach <figure> krähen ;-) kann man es ja insgesamt einbauen.

#6 13.10.2019 10:47:30

bodo
Mitglied

Re: rFG: Bildtitel: Wie soll ichs machen?

Das Thema ist schon etwas älter, aber vielleicht paßt hier meine Frage. Ich würde gern dem Bildtitel das Element H3 zuordnen, in der Hoffnung, dass der "Merkzettel" das erkennt. Das wäre eine richtig gute Kombination dieser beiden Module, natürlich dort wo es paßt. Es müßte H3 auch in der colorbox (wird hier verwendet) angezeigt werden. Ich habe schon alles mögliche probiert, finde aber einfach nicht den Pfad, um "CAPTION" auf H3 zu stellen.  sad

Offline

#7 13.10.2019 11:41:31

boeseroeser
Gast

Re: rFG: Bildtitel: Wie soll ichs machen?

Da würde ich eher den jquery String im Merkzettel ändern, config.

#8 13.10.2019 12:03:41

florian
Administrator

Re: rFG: Bildtitel: Wie soll ichs machen?

@bodo
view.php, Zeile 693

if ($pic_caption != '') {$pic_caption_tag = '<span class="caption">'.$pic_caption.'</span>';} else {$pic_caption_tag = '';}	

Ich weiß aber nicht, ob das dann mit dem Merkzettel funktioniert.
Was boeseroeser meint: in der modules/znip_merkzettel/module_config.php den Wert

$jquery_string = 'h3';

also auf

$jquery_string = 'span.caption';

ändern (vermute ich mal), aber dann müsstest Du auf allen anderen Seiten, auf denen man was auf den Merkzettel tun kann und die nicht mit rFG erzeugt werden, auch einen <span class="caption"> um den Merkzettel-String herumlegen.

Beitrag geändert von florian (13.10.2019 12:10:58)


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#9 13.10.2019 19:20:45

bodo
Mitglied

Re: rFG: Bildtitel: Wie soll ichs machen?

#boeseroeser, #florian - Danke für die Tipps. Ich habe es über die view.php, wie Florian meint, geschafft. Der andere Tipp hat nicht funktioniert. Jetzt habe ich aber noch das Problem, dass das Icon für den Merkzettel nicht angezeigt wird. Ich habe schon alles über die css probiert. Der Platz dafür wird zwar eingeräumt und ist auch verlinkt zum Merkzettel aber eben kein Pic. Auch z-index usw. geht nicht. Den Titel mußte ich unter das Bild setzen, da sonst der Link vom Bild übernommen wird. Zumindest ist das mein resultierende Ergebnis und funtioniert auch in Verbindung mit dem Merkzettel.  Fehlt der Pfad zum Bild vielleicht, bzw. muß ergänzt werden? merkzettel.jpg

Beitrag geändert von bodo (13.10.2019 19:21:59)

Offline

#10 13.10.2019 19:36:29

florian
Administrator

Re: rFG: Bildtitel: Wie soll ichs machen?

Das MZ-Icon wird über das CSS-Attribut background gesetzt, aber das wird dann durch das background-Attribut für ul.photostyle li.group .caption überschrieben. Du könntest versuchen, statt der Kurzschreibweise background in den frontend.css's der beiden Module das jeweils aufzudröseln in background-image, background-color usw.

Ich bin allerdings nicht sicher, ob es von der Usability her so eine gute Idee ist, das so umzusetzen. Man erwartet m.E. entweder, dass das Bild sowohl beim Anklicken des Vorschaubildes als auch seines Titels in einer Lightbox aufgeht, oder aber, dass sowohl beim Klick aufs Bild als auch den Titel der Eintrag in den Merkzettel übernommen wird.

Beitrag geändert von florian (13.10.2019 19:37:28)


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#11 13.10.2019 19:51:09

bodo
Mitglied

Re: rFG: Bildtitel: Wie soll ichs machen?

Ja, da hast Du vollkommen Recht. Da bin ich aber eine Nummer "zu klein". Mir ging es auch darum, ob es grundsätzlich funktionieren würde. Habe übrigens den Merkzettel Pics gefunden. Ich hatte die Position auf Static gesetzt und nun hängen Sie oben  roll Werd noch etwas dran arbeiten müssen.

merkzettel-1.jpg

Beitrag geändert von bodo (13.10.2019 20:54:57)

Offline

#12 13.10.2019 21:14:16

bodo
Mitglied

Re: rFG: Bildtitel: Wie soll ichs machen?

So, habe jetzt alles hinbekommen - bleibt aber noch das angesprochene Probleme der Benutzerfreundlichkeit. Vielleicht ist das aber nicht ganz so schlimm, da zwischen Bild und Titel ein paar Pixel Luft sind. Es soll ja auch nicht Bild 1 usw. da stehen, was ja auf das Bild schließt, sondern eine Artikelbeschriftung einblenden.
merkzettel-2.jpg

Beitrag geändert von bodo (15.10.2019 18:20:00)

Offline

#13 27.02.2020 10:11:30

byteworker
Mitglied

Re: rFG: Bildtitel: Wie soll ichs machen?

Eine Frage die mir schon lange im Kopf herumgeht: wie kann ich die "caption" Schriftgröße in der Ansicht der rFG anpassen? ich schraube herum und finde nicht den richtigen Punkt dazu.

attachment.php?item=2224&download=1

Beitrag geändert von byteworker (27.02.2020 10:12:54)

Offline

#14 27.02.2020 10:32:13

florian
Administrator

Re: rFG: Bildtitel: Wie soll ichs machen?

/modules/responsiveFG/frontend.css, Zeile 135

ul.photostyle li.group .caption {
...
font-size: 16px; 
...
}

Code allein macht nicht glücklich. Jetzt spenden!

Offline

#15 27.02.2020 10:59:16

byteworker
Mitglied

Re: rFG: Bildtitel: Wie soll ichs machen?

Danke, habe mal wieder im Wald die Bäume nicht gesehen.

Offline

Fußzeile des Forums

up