Unterschiedliches Kopfbild in der Desktop- und mobilen Darstellung

  • Hallo,

    da in der mobilen Darstellung das Kopfbild meistens zu klein aussieht:

    Gibt es die Möglichkeit, dass auf dem Desktop und mobil unterschiedliche Bilder verwendet werden?

    Ich verwende: WordPress 4.8 running Twenty Twelve theme.

    Viele Grüße
    hsc

    • 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

  • Ja, das lässt sich mit einer Anpassung des Templates und Media Queries machen.

    Keine Ahnung, ob es ein Plugin dafür gibt.

  • Das ist gut.

    Allerdings kommt jetzt die nächste Frage: Wie mache ich das?

    Du musst in der HTML Struktur ein zweites Bild ergänzen. An welcher Stelle, hängt von deinem verwendeten Theme ab. Du kannst dann im CSS das Original-Bild und das Mobil-Bild abhängig von der Bildschirm-Breite (mit Media-Queries) jeweils auf display:none und display:block setzen.

    https://www.w3schools.com/css/css_rwd_mediaqueries.asp

    https://www.w3schools.com/cssref/pr_class_display.asp

Jetzt mitmachen!

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