Bildhöhe vom Beitragsbild ändern, im Theme Twenty Seventeen

Indem Du 1) ein Child Theme anlegst, 2) in der Datei functions.php des Child Themes den entsprechenden Wert für "twentyseventeen-featured-image" anpasst.

Vgl. dazu die WordPress-"Anleitung":

https://codex.wordpress.org/Child_Themes

https://codex.wordpress.org/Function_Refer…_thumbnail_size

Dann musst Du schauen, wie Beitragsbilder im Template für die Hauptseite derfiniert sind. ;-)

Doch, doch... ;-)

Dort findest Du den Code für die Anzeige des Inhalts auf der Hauptseite:

<?php // Show the selected frontpage content.
        if ( have_posts() ) :
            while ( have_posts() ) : the_post();
                get_template_part( 'template-parts/page/content', 'front-page' );
            endwhile;
        else : // I'm not sure it's possible to have no posts when this page is shown, but WTH.
            get_template_part( 'template-parts/post/content', 'none' );
        endif; ?>

Je nach Konfiguration wird für Beiträge und Seiten auf verschiedene Dateien zugegriffen. Für Seiten beispielsweise auf die Datei /wp-content/themes/twentyseventeen/template-parts/page/content-front-page.php:

<?php if ( has_post_thumbnail() ) :
        $thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'twentyseventeen-featured-image' );


        $post_thumbnail_id = get_post_thumbnail_id( $post->ID );


        $thumbnail_attributes = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'twentyseventeen-featured-image' );


        // Calculate aspect ratio: h / w * 100%.
        $ratio = $thumbnail_attributes[2] / $thumbnail_attributes[1] * 100;
        ?>


        <div class="panel-image" style="background-image: url(<?php echo esc_url( $thumbnail[0] ); ?>);">
            <div class="panel-image-prop" style="padding-top: <?php echo esc_attr( $ratio ); ?>%"></div>
        </div><!-- .panel-image -->


    <?php endif; ?>

Es wird also fleissig das Verhältnis von Höhe und Breite berechnet. Da müsstest Du weiter den Code untersuchen...

mich interessiert es auch die bildhöhe zu verändern. mueteh hast du es herausgefunden aus der anleitung?

Was genau wollt ihr denn eigentlich genau machen?

Bei Twenty-Seventeen ist es ja so, dass das Header-Bild auf der Startseite auf 100% Höhe und Breite "gezogen" wird und dann der Content darüber scrollt.

Wenn ihr das Bild kleiner macht, wird es ja einfach nur pixelig.

Die Größe lässt sich aber relativ einfach ändern. In der Datei "inc/custom-header.php" in Zeile 38 und 39 sind die Abmessungen festgelegt. Aber wie gesagt... Das führt erstmal nur dazu, dass das Bild dann kleiner und pixelig wird.

Edit: Ggf muss auch noch der Wert in Zeile 54 in der functions.php geändert werden. Ich glaube, der legt fest, wie das Bild bei Einfügen beschnitten wird.

danielgoehr Die Rede war von den Beitragsbildern... Aber vielleicht besteht da ein Durcheinander der Bezeichnungen.

Zitat von Edi

danielgoehr Die Rede war von den Beitragsbildern... Aber vielleicht besteht da ein Durcheinander der Bezeichnungen.

Ah, ok. Dann kann es sein, dass ich doch falsch liege.

Folgende Antworten klangen für mich irgendwie nach dem Header-Bild:

Zitat von mueteh

Nein ich bekomme es enfach nicht hin. Auf der Startseite wird das Bild immer wieder auf die Ursprungsgröße 2000 x 1200 skaliert.

Zitat von mueteh

Danke für den Tipp.

Leider funktioniert es nur auf den Unterseiten, auf der Startseite von twentyseventeen wird das Bild wieder auf die Ursprungsgröße 2000 x 1200 skaliert.

Aber ich glaube, es wäre insgesamt hilfreich, we der TE und Kanare nochmal exakt beschreiben, was sie eigentlich vor haben. Und sorry, fals ich jetzt Verwirrung gestiftet habe.

Zitat von mueteh

Danke für die Hilfe,

ich möchte nicht das Header-Bild in der Größe verändern, sondern die Höhe für das Beitragsbild.
Das ist mir auch schon gelungen, nur in den Beiträgen auf der Startseite wird das Beitragsbild wieder auf die Ursprungsgröße 2000 x 1200 skaliert.
Ich kann leider erst wieder ab Anfang Juli weiter experimentieren, da ich ab morgen in Urlaub bin.

Aber besteht bei den Beitragsbildern auf der Startseite dann nicht das gleiche Problem? Auch diese sind ja Vollbild und der Content scrollt darüber. Ich kann mir irgendwie immer noch nicht vorstellen, wie das aussehen soll, wenn die einfach kleiner sind. Oder stehe ich gerade auf dem Schlauch?

Zitat von mueteh

Vielleicht ist es verständlicher wenn ich ein Beispiel zeigen kann wie ich mir das vorstelle.
Ich gebe mal den Link zu der Seite wo ich es gesehen habe: http://ristorante.hoga-schwaebische-alb.de/
wenn man auf der Seite bis "Getränke" scrollt, dort ist der Abstand zwischen den Beiträgen nur ca. 320 Pixel hoch.
So etwa möchte ich es auch haben.

Darauf wollte ich die ganze Zeit hinaus. Dort ist das Bild ja auch nicht wirklich "kleiner". Es ist zwar technisch gesehen etwas kleiner, wird aber trotzdem auf 100% Höhe und Breite gezogen. Alles andere würde eben auch keinen Sinn machen, weil der Parallax-Effekt dann nicht mehr funktionieren würde.

Die eigentliche Änderung ist hier nicht die Größe des Bildes, sondern die Höhe des "Ausschnitts" im Content.

Das lässt sich relativ einfach mit CSS lösen:

.panel-image {


    max-height: 300px;




}

Hallo,

versuche ebenfalls die Höhe des "Ausschnitts" des Header-Bildes zu ändern. Bei mir ist das Theme "Advanced Twenty Seventeen" aktiv. Hier bezieht sich der "Child: Stylesheet (style.css)" auf das twentyseventeen style.css.
@import url('../twentyseventeen/style.css');
.ats-align-left {
text-align: left;
}
...

Das Theme twentyseventeen habe ich installiert. Hier habe ich folgendes geändert um den "Ausschnitt" des Header-Bildes zu ändern:

.panel-image {
height: 100vh; //diese Zeile hatte ich gelöscht
max-height: 1200px; //hier hatte ich 300px notiert
}

/* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
.background-fixed .panel-image {
background-attachment: fixed;
}

Leider hat die Änderung nichts bewirkt. Gerne würde ich die Höhe des "Ausschnitts" des Header-Bildes ändern und bin für jeden Ratschlag dankbar.