Über das Template template-functions.php
wird in der Funktion twentyseventeen_body_classes()
dem <body>
-Tag der Startseite eine eigene CSS-Klasse .twentyseventeen-front-page
hinzugefügt. Bei Seiten mit dieser CSS-Klasse (nur die Startseite) wird das Header-Bild groß angezeigt, bei allen anderen kleiner – das ist so vom Designer gewollt.
Um nun auf allen Seiten das Header-Bild groß anzuzeigen, kannst du mit einer eigenen Funktion auf allen Seiten die CSS-Klassen dem <body>
-Tag hinzufügen:
add_filter( 'body_class', 'twentyseventeen_img_fullheight' );
function twentyseventeen_img_fullheight( $classes ) {
$classes[] = 'twentyseventeen-front-page';
return $classes;
}
Setzt du diese Funktion in die functions.php
des Themes, wird die Änderung beim nächsten Theme-Update überschrieben. Besser wäre deshalb, ein Child Theme anzulegen (Anleitungen findest du im Web) oder die Funktion z.B. mit dem Plugin Code Snippets hinzuzufügen.
Danke, aber das war nicht meine FRage, vielleicht habe ich mich schlecht ausgedrückt:
Ich möchte nicht bei allen das Bild gleich groß, sondern ich möchte verschiedene HEader Versionen anzeigen.
Ich möchte ein bestimmte Bild beim Startseiten header. Dann möchte ich möglichst für jede Seite einen eigenen Header – eben in dem kleinen Format, das gefällt mir vom Design her nämcli hganz gut. Ich will eben nur ein individuelles Bild einstellen können.
Oh, sorry … ich hab irgendwie mal wieder nur die Hälfte gelesen …
… wird das gleiche Bild verwendet, aber stark zugeschnitten.
Das möchte ich gerne ändern, …
Um tatsächlich ein anderes Bild anzuzeigen, wären größere Anpassungen notwendig.
Die Funktion get_header_image_tag()
im Template theme.php
ruft die Daten des im Customizer festgelegten Bildes ab und bietet am Ende einen Hook get_header_image_tag
, über den du für andere Seiten z.B. die Bilder aus einem Custom Field einbinden könntest. Leider sprengt eine genauere Beschreibung hier meinen zeitlichen Rahmen; ich hoffe, du kannst damit zumindest ansatzweise etwas anfangen.
Danke dir! Nein, leider hilft mir das null weiter, ich habe nämlich keinerlei html oder CSS Kentnisse 🙂 Vielleicht fällt ja aber jemandem ein passendes Plugin ein oder kennt einen Link, wo dein vorgehen schon beschrieben ist…
Ha… jetzt hab ich nochmal mit dem Plugin Unique Headers https://wordpress.org/plugins/unique-headers/
gespielt, jetz geht es… Danke trotzdem!