Kommentare von

beats TEST blog

Plugin: Sharebuttons (serendipity_event_social)

Ian Styx am |

so?

@media only screen and (min-width:360px){
  .shariff .orientation-horizontal.button-style-icon-count li, .shariff .orientation-horizontal.button-style-standard li {
    min-width: 78px;
  }
}

 

Ian Styx am |

und.. das muss wahrscheinlich noch feingetunt werden... in etwa so

@media only screen and (min-width:360px){
  .shariff .twitter .fa-twitter,
  .shariff .whatsapp .fa-whatsapp,
  .shariff .facebook .fa-facebook-f,
  .shariff .mail .fa-envelope {
    font-size: 16px;
  }
}
@media only screen and (min-width:400px){
  .shariff .twitter .fa-twitter,
  .shariff .whatsapp .fa-whatsapp,
  .shariff .facebook .fa-facebook-f,
  .shariff .mail .fa-envelope {
    font-size: initial;
  }
}

 

Beat Post author am |

Ich dachte, daran wolltest du dich selbst versuchen..?

Der Geist ist willig, doch das Fleisch ist schwach... ?

Beat Post author am |

Ja, danke! Die Buttons brechen jetzt nicht mehr um. Das ist sehr gut. Die Icons sind für meinen Geschmack immer noch zu gross... ah, sehe gerade... da kommt noch was...

Ian Styx am |

versuch mal mit 1.8rem bzw 1.75rem und statt 400px vielleicht 399px.

Beat Post author am |

Hmmm. Das mit dem kleiner machen (16px) funktioniert. Auf dem Handy sieht es nun richtig nett aus.

Doch das "initial" für grössere Screens bewirkt derzeit noch nichts. Muss wohl noch etwas üben (habe font-size auf www.beatsblog.ch eingesetzt, damit ich mit der Originalgrösse hier vergleichen kann).

Ian Styx am |

Wenn du das mit dem 350 und rem verwendest (müsste vielleicht besser 280 sein, sehe ich gerade) kann man das 400 mit initial vielleicht sogar ganz weglassen (ich wollte  nur wieder zu den ursprünglichen Größen zurück, die aber unterschiedlich gesetzt sind).

Ian Styx am |

so gehts am besten auf beatsblog und zwar ganz ohne media screens

.shariff .twitter .fa-twitter,
.shariff .whatsapp .fa-whatsapp,
.shariff .facebook .fa-facebook-f,
.shariff .mail .fa-envelope {
    font-size: 1.5rem;
}

 

Beat Post author am |

? Ja, genau! Super! Vielen Dank! ?

Jetzt schalte ich wohl einfach noch in der Konfiguration diesen Zähler aus. Denn hier: https://www.beatsblog.ch/2648-Social-Media-Teilen.html sollte er eigentlich 1 anzeigen, da ich gestern zu Testzwecken den Eintrag auf meiner FB-Seite geteilt habe.

Ian Styx am |

und für das erste noch besser     min-width: 14%;

Beat Post author am |

??? komisch... Heute habe ich den Counter zum ersten Mal gesehen (obwohl ich wusste, dass ich ihn eingeschaltet hatte). Nun nach den letzten css-Änderungen ist er plötzlich wieder weg... sehr komisch ???

Egal. Ich wollte ihn eh nicht (damit mich die dauernden Nullen nicht so deprimieren). ?

Beat Post author am |

Habe das user.css von www.beatsblog.ch nun auch hier aufgespielt, damit ich für weitere Tests wieder eine identische Ausgangslage habe.

Beat Post author am |

Haben die Buttons eigentlich eine definierte maximale Breite? Wäre doch schöner, wenn die ganze Content-Breite genutzt würde. So zwischen der Eintragsfusszeile und dem entrypaging-plugin fällt auf, dass rechts freier Platz ist.

Ian Styx am |

Würde ich denken, ja! Es können ja auch nur eins, zwei, oder drei oder mehr als vier sein und zu breite Buttons sähen IMHO blöd aus, und so denke ich, haben sich das auch die Entwickler von Shariff gedacht.

Warum man für diesen Zähler einen externen Service nutzen soll erschließt sich mir auch nicht recht, und hat mir schon länger einen eher fragwürdigen Eindruck gemacht. Vielleicht wollte sein Entwickler sehen. was sich bei anderen Nutzern des Plugins so tut...

Beat Post author am |

Den Counter schalte ich noch aus (funktioniert ja eh nicht richtig).

Die Buttons habe ich nun breiter gekriegt. In meiner user.css steht nun:

.shariff .orientation-horizontal.button-style-icon-count li,
.shariff .orientation-horizontal.button-style-standard li {
    min-width: 14%;
	max-width: 200%;
  }

Danke nochmals für all den wertvollen Input: ?

PS: Ich bin kein Social-Media-Profi und ausser einem spärlich gefütterten Facebook-Account bin ich sonst auch nirgends dabei. Doch müsste man aus aktueller Sicht nicht auch Instagram und SnapChat anbieten. Nur so ein Gedanke...

PPS: Wenn man auf den Mailbutton klickt wird im Mailprogramm automatisch der Mailempfänger foo@example.org eingetragen. Ist nicht wirklich ein Problem. Wird ja jeder sehen/erkennen und durch den gedachten Empfänger ersetzen.

Ian Styx am |

Persönlich würde ich so ein Plugin auch eher "anti-social" oder, freundlicher, "chattery" nennen, denn das ist es, was all die Zombies da draußen veranstalten, mit sozial sein hat das wenig zu tun... ?

Beat Post author am |

?? :applaus: ??

-> Dafür sind wir zu alt!

Beat Post author am |

? Frohe Ostern! ? ?

Ian Styx am |

Dito! ? Danke. (Styx wird gerade für kommende Browsergenerationen fit gemacht)

Du hättest wenigstens zum Liebestöter-Völkerverständigungs-Zaun fahren können, auf deiner Grenztour. Köstliche Geschichte mit / von herzlosen Beamten! ?

kürzlich aufgefallen

Beat Post author am |

Das iPad meiner Frau (mit Safari-Browser) zeigt folgende Phänomene:

  1. Unter Bildergalerien zeigen sich riesige, blanke Flächen. Darunter geht es normal weiter.
  2. Das Lightbox-Plugin funktioniert nicht. D.h. die Lightbox wird gestartet, es wird jedoch nie ein Bild angezeigt. (vermutlich wird kein jpg-Fallback angeboten).

Beat Post author am |

Das History-Plugin ist ein störrisches Ding. Aktuell wird auf www.beatsblog.ch wieder der heute aktuelle Beitrag angezeigt, dafür fehlt der Beitrag aus 2006. Die Konfiguration ist identisch wie hier (wo kein aktueller Beitrag angezeigt wird, jedoch derjenige von 2006).

Ian Styx am |

Welche Version von Safari? https://caniuse.com/#search=picture

Zu den riesigen blanken Flächen könnte man sicher irgendetwas mit CSS flicken, zB height Angaben für die Images und/oder ihre Container ... oder so. Nur kann ich da nicht helfen; ich habe keinen Zugriff auf so ein Gerät.
(Ein Wechsel auf Firefox ist sowieso ratsamer...!)

Ian Styx am |

Mir ist auch kürzlich etwas aufgefallen. Deine event Plugin Anordnung ist suboptimal.
Bevor ich jetzt alles einzeln durchgehe, hier einmal meine Dev als exemplarisches Beispiel (ohne Gewähr):

Aktiv

Biene
spamblock
contactform

s9ymarkup
emoticate
nl2br

spartacus

modemaintain
mlorphans
changelog

staticpage
adminnotes

ckeditor

weblogping
autoupdate
dbclean

emoticonchooser
trackback
freetag
multilingual

dsgvo_gdpr
categorytemplates
entrypaging
lightbox

entryproperties

Meine (simplen) markup Plugins sind ziemlich weit oben. Gerade nl2br braucht den Bezug zu einem weit später folgenden CKEditor (wie du schon gesehen hast), damit es nl2br für Einträge automatisch auf AUS stellen kann, wenn WYSIWYG auf AN ist. Da das bei dir gegenteilig ist, musstest du auf dem testblog selbst Hand anlegen.

Man muss immer ein wenig mitdenken, welcher Request welchen Ablauf durch die Plugins freisetzt und diese bestimmt bzw selber durch sie bestimmt wird! CKE zum Beispiel sollte besser immer unter den darauf Bezug nehmenden Plugins stehen. usw.

Wartungs Tools und sonstige Eintrags Tools sind gruppiert. Biene und entryproperties starten und beenden.
Ab und zu muss man übrigens auch mal nachjustieren!

Beat Post author am |

Das ist ein SEHR wertvoller Kommentar. Vielen Dank!

Man muss immer ein wenig mitdenken, welcher Request welchen Ablauf durch die Plugins freisetzt und diese bestimmt bzw selber durch sie bestimmt wird!

Gut gebrüllt Löwe! Doch wie soll Klein-Beat oder "ein durchschnittlicher Anwender" das beurteilen können? Ich wusste nur, dass man SPAM-Schutz an den Anfang stellt und entryproperties an den Schluss gehört. Doch die Reihenfolge dazwischen sind/waren für mich böhmische Dörfer (die ich auch nicht kenne).

Ich habe die Ereignisplugins nun umorganisiert. Dies ist die aktuelle Reihenfolge:

  1. spamblock_bee
  2. spamblock
  3. s9ymarkup
  4. emoticate
  5. nl2br
  6. spartacus
  7. modemaintain
  8. changelog
  9. staticpage
  10. ckeditor
  11. autoupdate
  12. emoticonchooser
  13. freetag
  14. dsgvo_gdpr
  15. categorytemplates
  16. entrypaging (momentan nur hier)
  17. lightbox
  18. imageselectorplus
  19. searchhighlight
  20. statistics
  21. google_sitemap (nur auf www.beatsblog.ch)
  22. entryproperties

Nochmals: VIELEN DANK für diese Auflistung! ? Das hat mir sehr geholfen.