Header angezeigtes Bild vergrößern

  • briba

    (@briba)


    vor 1 Monat

    Moin zusammen,

    Unsere Seite nutzt Newsup. Ich habe auf der Seite das Header- Bild geändert. Leider sieht man vom Bild selber nun nicht mehr viel. Das vorherige Bild war höher und man konnte mehr darauf sehen. Auch das kann ich nicht wieder so groß herstellen, wie es vorher gewesen ist.
    Nun habe ich verschiedene Anleitungen versucht, schaffe es aber nicht, dass das Header- Bild höher angezeigt wird und mehr drauf zu sehen ist.
    Da ich die Seite nicht selber eingerichtet habe, weiss ich nicht, welche Einstellungen verwendet wurden.
    Ich freue mich auf Eure Tips! 😃

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 1 Antwort (von insgesamt 1)
  • Moderator Bego Mario Garde

    (@pixolin)

    vor 1 Monat

    Du kannst unter Design > Customizer im Menüpunkt Header-Bild ein Header-Bild festlegen. Dabei wird das Bild auf ein vom Entwickler vorgegebenes Bildseitenverhältnis zugeschnitten. Den Zuschnitt kannst du selber festlegen, das Bildseitenverhältnis nicht.

    Möchtest du nun die Vorgaben des Theme-Entwicklers übergehen und das Zuschneiden beim Einfügen eines neuen Header-Bildes überspringen, kannst du folgenden Code z.B. als Code Snippet einbinden:

    add_action('after_setup_theme', 'my_custom_header');
    function my_custom_header(){
    	$args = array(
    	'flex-width'    => true,
    	'flex-height'   => true,
    	);
    	add_theme_support( 'custom-header', $args );
    }

    Wahrscheinlich wird das Bild dann aber durch die im Theme vorgegebene Höhe des Headers beschnitten. Hier kannst du mit eigenen CSS-Regeln ein wenig nachbessern, z.B.

    .mg-nav-widget-area-back, .mg-nav-widget-area-back .inner {
      min-height: 550px;
    }

    Auf mobilen Geräten mit kleinen Bildschirmen sieht das dann aber arg groß, weshalb ich sinngemäß noch sowas hinzufügen würde wie …

    @media (max-width: 768px) {
     .mg-nav-widget-area-back, .mg-nav-widget-area-back .inner { 
      min-height: 300px;
      }
    }

    Am einfachste ist es aber immer, wenn du dich an die Vorgaben des Theme-Entwicklers hältst und ein Bild mit Abmessungen von 1600 x 600 Pixel verwendest. Damit „wirkt das Theme am besten“, meint der Entwickler. Und der sollte da Ahnung haben. 🙂

Ansicht von 1 Antwort (von insgesamt 1)