Responsive Images - Twentyseventeen

  • Hallo Wordpress Experten,

    wollte grade nachschauen, in welcher Größe das Headerbild bei dem aktuellen Theme benötigt wird und bin sehr erstaunt, dass der Header nicht als responsives Image eingebunden wird, sondern lediglich über "src". Schon seit WP 4.4 sind responsive Images für die Mediathek Dateien Standard. Warum gibt sich hier das aktuelle Theme für den Header mit dem alten Standard zufrieden?

    Dann lässt sich das Ganze auch noch beliebig breit aufzoomen (Container hat keine max-width) - dabei ist das Originalbild Headerbild des Themes nur 2000 Pixel breit. Das wird bei großen Bildschirmen sicher nicht besonders hübsch aussehen.

    Das reicht ja noch nicht mal für die Einstellung im DevTool "Laptop width HiDPI Screen" mit 1440 Pixel Breite. Für diese Version müsste das Bild dann schon in 2880px Breite zur Verfügung gestellt werden...?

    Hm, das reicht meinen Ansprüchen nicht aus. Wo kann ich denn das umschreiben?

    In den template Dateien habe ich folgendes gefunden:

    PHP
    <div class="custom-header">
    	<div class="custom-header-media">		<?php the_custom_header_markup(); ?>	</div>
    	<?php get_template_part( 'template-parts/header/site', 'branding' ); ?>
    </div><!-- .custom-header -->

    Wo aber kann ich das "the_custom_header_markup" finden und umschreiben? In der functions.php habe ich nichts dazu gefunden.

    Danke für euren Rat!

    Viele Grüße von Bea

    P.S. Puh, für WP Anfänger ist das manchmal gar nicht so leicht, die richtige Schraube zu finden...

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Hallo SirEctor,

    vielen Dank dass du dir die Zeit genommen hast, meine Anfrage zu lesen und entschuldige bitte meine verzögerte Reaktion.

    Die von dir genannte Datei habe ich mir angeschaut. Sehe dort aber leider keine Stelle, an der der <img src> Quelltext gebildet wird, den ich gerne zum srcset umschreiben würde.

    Viele Grüße

  • Schau dir mal die header.php des Themes twenty sixteen an. Dort steht z. B.

    PHP
    <img src="<?php header_image(); ?>" srcset="<?php echo esc_attr( wp_get_attachment_image_srcset( get_custom_header()->attachment_id ) ); ?>" sizes="<?php echo esc_attr( $custom_header_sizes ); ?>" width="<?php echo esc_attr( get_custom_header()->width ); ?>" height="<?php echo esc_attr( get_custom_header()->height ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">


    Du kannst dich daran etwas orientieren.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!