Das original Wordpress Theme Twenty Sixteen verwendet ein Featured Image über jedem Blog Eintrag, wenn auch ein Bild gesetzt wurde. Wer nun zu faul ist dieses Bild vorweg zurechtzuschneiden, damit man nicht ewig zum Text scrollen muss, kann sich die Arbeit von etwas CSS abnehmen lassen.

.post-thumbnail {
    max-height: 200px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.post-thumbnail img {
    flex-shrink: 0;
}

Dieser CSS Block schneidet das Bild bei der Anzeige auf 200 Pixel zu, zentriert es jedoch zuvor. Der original Blog Eintrag stimmt von Jan Dembowski.

Previous Post Next Post