Einheitliche images im Kategorieblog

Was ich gerne mache, ist so was:

.blog-item .item-image img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

Zitat von rusch

und muss sich keine Gedanken wegen der Größe machen

Nutzer, die sich keine Gedanken machen müssen, die Denken dann wirklich nicht mehr viel.

Meiner Erfahrung nach ist es besser, wenn sich die Nutzer sehr wohl Gedanken machen und sich mit dem System auseinander setzen müssen. Die Resultate (Wertigkeit des Inhalts) sind dann viel besser. Und der Support wird viel weniger verlangt.

Zitat von Elfangor93

Meiner Erfahrung nach ist es besser, wenn sich die Nutzer sehr wohl Gedanken machen und sich mit dem System auseinander setzen müssen. Die Resultate (Wertigkeit des Inhalts) sind dann viel besser. Und der Support wird viel weniger verlangt.

Meine Erfahrung mit knapp 20 Jahren CMS im Verein - träum weiter.
Der Nutzer erwartet heute, dass ihm alles zuspringt und er sich um nichts mehr kümmern muss.

Zudem kommt eine recht geringe Nutzfrequenz, was die Sache noch schwieriger macht.

Gruß

Onki

Zitat von onki

Der Nutzer erwartet heute, dass ihm alles zuspringt und er sich um nichts mehr kümmern muss.

Auf diese Nutzer verzichten wir in unseren Vereinen sehr gerne. Wer nicht bereit ist ein Minimum zu Investieren, der lässt es besser bleiben. Damit ist allen mehr geholfen als unbrauchbaren Content.

Zitat von onki

Meine Erfahrung mit knapp 20 Jahren CMS im Verein - träum weiter.

Jaaaa!

Voller Stolz die neue Abteilung 'Cricket' eingestellt - Mannschaftsbild mit über 4 MB

Es geht doch nicht nur darum, dass Bilder gleich dimensioniert sind.

Bilder sollten immer auch optimiert sein und keine langen Ladezeiten verursachen.

Gleich aussehende Kacheln sind doch mittlerweile echt out.

Daher lieber in unterschiedlichen Darstellungsgrößen:

Ich mache das für die Artikel so. Das 'Intro Image' bzw das 'Full Article Image', je nachdem was benutzt wird, oder auch Beide, bekommt die Image Class 'image-right'.

In meiner custom.css habe ich dann folgenden Code definiert

.image-right {    
  @media (min-width: 960px) {
float: right;
clear: right;
margin: 0 0 20px 20px;     
max-width: 53%;
}
}

Das Ganze bewirkt, daß die Bilder zum Artikel rechts angezeigt werden, alle die gleiche Höhe haben aber nicht verzerrt werden, da dynamische Breite. Insgesamt ergibt das das einen ruhigen Gesamteindruck. Diese Anpassung mache ich nur bei Desktop Bildschirmen, in der Mobilansicht sollen die Bilder wieder über den Artikel rutschen.

Grüße J.