Support » Allgemeine Fragen » Post Thumbnail angezeigten Bildausschnitt ändern

  • Gelöst rankosua

    (@rankosua)


    Hallo,

    ich brauche dringend Hilfe. Die Thumbnails zu meinen Posts zeigen den mittleren Bildausschnitt an. Ich möchte aber, dass man den oberen Bildausschnitt sieht.

    Hier die Seite:

    http://www.bankhelfer.de/test/

    CSS:

    /* ================== Grid  ==================== */
    .easy-widget-class  a, .ulpost_title a { text-decoration: none; }
    .ulpost {
    	width: 100%;
    
    	margin: 0px !important;
    	position: relative;
    	float: left;
     }
    .ulpost li a.entry-thumb { float: left; position: relative; margin-right: 10px; }
    .ulpost li {
    	margin: 0px 0px 15px 0px !important;
    	padding: 0px 0px 10px 0px !important;
    	position: relative;
    	float: left;
    	border-bottom: 1px dotted #E2E2E2;
    	width: 100%;
    	list-style: none !important;
    	}

    Ich hoffe jemand kann helfen. Vielen Dank im voraus!

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)
  • Da hilft dir vermutlich nur ein Plug-in weiter. Such mal nach tttcrop.

    Hallo Angelika,

    danke für den Tipp. Es funktioniert, aber gefällt mir optisch nicht so gut. Kann ich nicht irgendwo im CSS regeln, dass das Thumbnail den oberen Bildausschnitt nimmt?

    Beste Grüße

    Rechtsklick auf eine geköpfte Grafik und lasse sie dir anzeigen:
    http://www.bankhelfer.de/wp-content/uploads/2016/04/Haushaltskonto-Sparkasse-2-150×150.jpg

    Was willst du denn da mit CSS sichtbar machen? Zaubern kann CSS nicht.

    Was heißt: „gefällt mir optisch nicht so gut“?

    Zum einen kann ich unter Einstellungen > Medien einstellen, ob die Vorschaubilder beschnitten oder im einen vorgegebenen Rahmen proportional (also unter Beibehaltung der Bildseitenverhältnisse) skaliert werden. Bei letzterem dürftest du aber sehr kleine Thumbnails erhalten, was vermutlich keine Option ist.

    Zum anderen kannst du ein Child Theme anlegen, in dem du zuerst einmal in der functions.php eine eigene Bildgröße definierst, die zwar das ursprüngliche Bild beschneidet, dann aber eben nicht zentriert sondern von oben:

    add_image_size( 'thumb_oben', 150, 150, array( 'center', 'top' ) );

    Der erste Wert des Array (hier center) gilt für die X-Achse, der zweite für die Y-Achse.

    Im Template müsstest du nun get_the_post_thumbnail(); gegen get_the_post_thumbnail( 'thumb_oben' ); (bzw. the_post_thumbnail(); gegen the_post_thumbnail( 'thumb_oben' ); austauschen.

    Bisher hochgeladene Bilder sind übrigens von der nachträglichen Änderung nicht betroffen. Abhilfe schafft hier das Plugin Regenerate Thumbnails, dass nachträglich eine Neuberechnung der Bildgrößen durchführt.

    Wie Angelika völlig richtig angemerkt hat, gibt es auch Plugins, mit denen du wahlweise pro Bild den Bildausschnitt festlegen kannst. Es ist auch richtig, dass CSS abgeschnittene Bildrändern (to crop = freistellen, abschneiden) nicht wiederherstellen kann.

    Ok da weiß ich Bescheid.

    Vielen Dank für eure Hilfe!

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)
  • Das Thema „Post Thumbnail angezeigten Bildausschnitt ändern“ ist für neue Antworten geschlossen.