Weblog Kommentare
Vorschaubilder 400px
Beat Post author am |
Um den skalierenden Effekt der Bilder zu sehen, muss man die Anzeige (Bildschirmgrösse) reduzieren.
Beat Post author am |
? when magic happens... ? mit neuer /pure/style.css skalieren nun auch Bilder mit Kommentaren. ?
Ian Styx am |
Yeah!
So ist das wenn Gott hinten sitzt! ?
Beat Post author am |
Ich habe da so eine Idee... ?
Mir sind die Vorschaubilder mit 400px noch immer zu gross/breit. Ich könnte den Codeschnipsel doch insofern abändern, dass die Vorschaubilder ganz generell (und nicht nur für Displays unter 768px) auf 48% Screenbreite reduziert werden... ?
Dann würde ich die 400px wirklich ernsthaft in Erwägung ziehen... ich müsste dann nur noch darauf verzichten, auf gleicher Höhe links und rechts ein Vorschaubild zu platzieren. So wie ich es z.B. hier (wieder) gemacht habe: https://www.beatsblog.ch/2589-Schnorchel-Trip.html
Ian Styx am |
Ja... das könntest du wohl...?
zb bei 768px auf 60% dann bei 980px auf 68%, bei 1024px wieder auf 48% und dann über 1200 1440 sukzessive hoch (nicht geprüft).
Warum müsste dann noch darauf verzichten, auf gleicher Höhe links und rechts ein Vorschaubild zu platzieren..?
Update:
@media screen and (min-width: 768px) {
.post .serendipity_imageComment_left,
.post .serendipity_imageComment_right,
.post p .serendipity_image_left,
.post p .serendipity_image_right {
max-width: 42%; }
}
in die user.css ginge auch.
Ian Styx am |
Übrigens: Wie heißt das Inselchen mit der Schaukel? Sieht genau so aus wie ich einen Strand liebe! Und muss ich mir dringend deshalb einmal vormerken.
Ian Styx am |
Ich habe gerade pure ein ähnliches update verpasst...
Man muss bedenken, ist das link/rechts umflossene Image 400 default px oder sogar ein größeres Bild bis vielleicht 600px, so kann es jetzt langsam vom kleinsten mobile über 768px bis 1023px mitwachsen, sowie dann erneut noch einmal von 1024px auf 1600px erneut heranwachsen. Das müsste eigentlich so ungefähr alle Möglichkeiten erschlagen und du bräuchtest nicht in deinem child theme noch einmal extra etwas einfügen.
Beat Post author am |
Habe jetzt -so auf die Schnelle- das neuste /pure/style.css-File nicht gefunden. Also kein Update hier.
Wir sind heute unterwegs nach Bangkok. Werde also kaum Online-Zeit finden.
So als Laie frage ich mich natürlich, weshalb Du das Ganze so kompliziert und mit mehreren Abstufungen gemacht hast. Ich fand die Idee, generell maximal 48% der Beitragsbreite für ein Vorschaubild zu nutzen ganz smart (hat was symetrisches, halb Bild, halb Text). So würde es smooth von ganz gross bis ganz klein in etwa gleich aussehen. Aber: das sind nur meine Gedanken. Ich werde die neusten Stix-Daten bei Gelegenheit hochladen und mir Deine Lösung dann genau ansehen.
Von wegen "zwei Vorschaubilder nebeneinander" -> bei 2 Vorschaubildern braucht es min. 800px Beitragsbreite. Erst ab da passen noch irgendwelche Buchstaben dazwischen. Hier, mit 2 Seitenleisten, muss dann die Anzeige min. 1'200px betragen, bevor erste Buchstaben zwischen die Bilder passen. Deshalb bin ich der Meinung, dass ich zukünftig diese Darstellungsform meiden sollte.
Beat Post author am |
Ko Lon (https://www.cruiserisland-resort.com/)
Ian Styx am |
Naja diese 48% für die links und recht umflossenen Images werden ja vom User Browser jeweils auf die content- (Beitrags)-breite berechnet. Um diesen zusätzliche Aufwand zu vermeiden, wo es voraussichtlich komplett unnötig sein wird diese Berechnung auszuführen, habe ich die Abstufung auf 100% gesetzt. Das ist auch für denjenigen, der sich später mal den code anschaut, an dieser Stelle verständlicher, was da beabsichtigt ist.
Die "zwei Vorschaubilder nebeneinander" Ansicht kannst du ja leicht selbst verbessern/anpassen und damit "schöner/fließbarer" für den Text machen, in dem du zB 42% benutzt.
Gute Reise
Ian Styx am |
Ich habe das alles generell nochmal überarbeitet, für die globale default/style_fallback.css und bis jetzt für die default, pure und dude themes. Ich nehme an, dass ich das auch noch für mindestens einen Teil der anderen core themes machen werde. Insofern müsstest du dann wieder zu Hause sowieso mal alles durchsyncen (auch für styx.doku).
Als gute Größe hat sich ~46% herausgestellt und - je nach theme - bis ~48%.
Beat Post author am |
Ich habe alle drei Installationen mit den neusten Daten upgedatet. Das history-Plugin funktioniert jedoch nicht auf Anhieb. Ich kopierte manuell die Files /include/functions_entries.inc.php und /plugins/serendipity_plugin_history/serendipity_plugin_history.php. Danach löschte ich /templates_c/history_daylis.dat und dann funktionierte es wieder. Ist das noch nicht Teil des Kerns?
Nachtrag: Komisch... das war nur hier so. Auf www.beatsblog.ch hat es ohne Intervention gleich funktioniert.
Beat Post author am |
Du hast mich rumgekriegt. ?
Habe auf www.beatsblog.ch die Vorschaubildgrösse nun auf 400px (längste Seite) umgestellt und die Thailand-Beiträge entsprechend editiert.
Witzig ist, dass es in der mobilen Ansicht auf meinem Smartphone keinen sichtbaren Unterschied zu vorher gibt. Bei wenig über 400px Anzeigebreite skalieren die Vorschaubilder nun auf ca. 200px (so wie vorher).
In der Desktop-Ansicht muss ich mich noch etwas an die grossen Vorschaubilder gewöhnen, doch das kommt schon.
Ian Styx am |
Doch nicht dahingerafft... von Bangkok Nights... 
Ich weiß nicht warum. Warum hast du das neu aufgespielt? Da haben wir doch gar nichts mehr gemacht seit neulich..
Beobachte das bitte weiter. Wäre ja schade wenn da noch irgendein Fehler sein sollte.
Ian Styx am |
Wunderbar!
Du wirst es wertschätzen lernen und besonders, wenn du auch mal einen Eintrag mit der Galerie Funktion machst.
Beat Post author am |
Galerie Funktion = ?
Dafür muss ich wohl erst das Styx-Handbuch lesen? ?
Beat Post author am |
Für Bangkok-Nights bin ich zu alt. doch klimatisierte Flugzeuge und eiskalte U-Bahnen haben mir einen kräftigen Schnupfen beschert. Deshalb verbringe ich den heutigen Tag im Hotel und vor dem PC ?
Die Anzeige des History-Plugins war leer. Deshalb habe ich die oben genannten Masnahmen unternommen. Dann funktionierte es wieder. Ich werde das bei nächsten Updates im Auge behalten. Doch wie gesagt: Auf www.beatsblog.ch hat es sofort wieder funktioniert. Vielleicht war ich hier auch einfach zu hektisch... ev. hätte ein Refresh der Seite gereicht...
Ian Styx am |
Nee! Das ist in der Toolbar der "bunte" Button neben dem "Bild" Button. Beste Bedingung für die Auswahl ist, dass man vorher in der Mediathek über den Sortierungsbutton (der neben Filter) eingestellt hat: Ja Ohne Dateien von Unterverzeichnissen. Und vielleicht, wie man in der info zur Galerie lesen kann, seine Mediathek auch dahingehend etwas restrukturiert hat, wenn man es öfter oder thematisch nutzen will. Empfehlenswert sind zB Strukturierungen nach Thema ähnlich den Kategorien mit verschachtelten Subordnern, oder mit Datierungen etc. jedenfalls etwas, was eine bewegliche und gute Struktur als Verästelung zulässt und man trotzdem Zusammenhängendes an einem Platz hat. ?
Ian Styx am |
Ich habe dem ckeplus Plugin dahingehend ein Update verpasst. Jetzt scaled alles auch korrekt in der wysiwyg-mode Ansicht des Editors auf mobile screens.
Wahrscheinlich muss man seinen Browser sanft dazu überreden seinen Cache für diesen Fall neu zu laden.
F12 - Dann Stilbearbeitung - in der (linken) Liste die wysiwyg-style.css finden und mit rechter Maustaste anklicken - Link in neuem Tab öffnen wählen und den neuen Tab ansehen. Wahrscheinlich steht die Version noch auf 1.10. Ein Mal reload per F5 und sie ist auf dem neusten Stand, v.1.11! Nun zurück zum Eintrags Editor Fenster und ebenfalls ein mal F5 drücken. Jetzt müsste alles am Platz sein und man kann sich zb einen Eintrag mit 400px left/right umflossenen Bildern auf seinem Mobile korrekt gescaled ansehen! ?
(Analog/Angepasst für andere Browser als Firefox.)
Beat Post author am |
Ja, jetzt erinnere ich mich wieder. Im letzten Oktober habe ich das mal mit S9Y und mit Styx getestet (https://www.s9y.dokumenzi.ch/Mehrere-Fotos.html). Mir fehlt bei dieser Funktion jedoch die Möglichkeit den Bildern Kommentare mitzugeben. Für eine reine Foto-Galerie ist es i.O., wenn man damit jedoch eine Art Geschichte erzählen will, dann braucht es Bild-Kommentare. Für mich ist das deshalb eher nichts.
Beat Post author am |
Bin wieder zuhause und am grossen Monitor beginnen sich die 400px-Vorschaubilder nun zu verschachteln (weil nicht genügend Text dazwischen ist. Das ist ziemlich unschön. Ich wusste mir nicht anders zu helfen, als horizontale Linien einzufügen, damit ein nächstes Bild dann wieder den vollen Platz kriegt. Siehe z.B.: https://www.beatsblog.ch/2589-Schnorchel-Trip.html
Die Linie gefällt mir nicht sonderlich (ich weiss, ich könnte sie via CSS verstecken). Gibt es eine elegantere Lösung um einen neuen Absatz/Paragrafen zu starten? Ich versuchte es mit div und p, was aber nicht funktioniert hat.
Ian Styx am |
Welcome Back.
Hoffentlich hast du damit die Schweiz nicht in "zukünftige" Quarantäne geschick! ?
Im Grunde beschreibst du es genau richtig. Wenn ein Paragraph Text so klein/kurz ist (am großen Monitor), dass ein links/rechts zugesetztes Bild zu groß für ihn ist, helfen entweder nur leere Füllparagraphen, die natürlich auf kleineren Bildschirmen dann ihrerseits für Aufruhr sorgen, oder ein Element wie hr ( vielleicht sogar als style="visibility:hidden" ausgezeichnet, oder man eben baut zwei oder mehr ehemalige Paragraphen so zusammen, dass sie nur ein Paragraph sind und der ehemalige Trenner zwischen ihnen aus zwei br Elementen besteht. Das ist Shift-Enter im CKEditor. Das ist die hohe Kunst des Editing: Denke mit!
Ian Styx am |
Der Link beweist, das du das nicht wirklich getestet hast. Das sieht komplett anders aus wenn per row oder per col (recommended) kreiert. Vielleicht lag das daran, dass du das mit so kleinen Bildern gemacht hast. Wie die Beschreibung (auch damals schon) besagt(e), müssen die Bilder mindesten 260px groß sein. Am besten geht es wie immer mit den 400px Vorschaubildern. Das ist eine Bilder-Galerie, da muss nichts per Bild kommentiert vorliegen, ähnlich der Goggle Bildervorschausuche - Mist, schlechtes Beispiel - nur ohne Kommentare - oder https://help.weblication.de/helpAssets/img/10x-de/weblic-liste-bildergalerie-var2.png oder so. Ich persönlich finde die Spaltenansicht besser, da sie die Bilder komplett selbst so anordnet das keine Überhänge usw entstehen. Bild zum großen Link geht ja trotzdem. Kommentiert kann eine Galerieansicht halt per darüber oder darunterliegendem Paragraphen.
Ian Styx am |
Das ist eine WAHRE Erkenntnis! ?