Automatisch, zentriertes Zuschneiden des Featured Image bei WordPress

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.

Author: Herbert

... works for Barracuda Networks AG ... lives in Wiener Neudorf ...

1 thought on “Automatisch, zentriertes Zuschneiden des Featured Image bei WordPress”

Leave a Reply

Your email address will not be published. Required fields are marked *