1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Unterschiedliches Kopfbild in der Desktop- und mobilen Darstellung

Dieses Thema im Forum "Design" wurde erstellt von hsc, 9. Juli 2017.

Schlagworte:
  1. hsc

    hsc Active Member

    Registriert seit:
    27. Januar 2013
    Beiträge:
    37
    Zustimmungen:
    0
    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
     
    #1 hsc, 9. Juli 2017
  2. Edi

    Edi Well-Known Member

    Registriert seit:
    26. Juli 2006
    Beiträge:
    3.728
    Zustimmungen:
    1
    Ja, das lässt sich mit einer Anpassung des Templates und Media Queries machen.

    Keine Ahnung, ob es ein Plugin dafür gibt.
     
    #2 Edi, 9. Juli 2017
  3. hsc

    hsc Active Member

    Registriert seit:
    27. Januar 2013
    Beiträge:
    37
    Zustimmungen:
    0
    Das ist gut.

    Allerdings kommt jetzt die nächste Frage: Wie mache ich das?
     
    #3 hsc, 9. Juli 2017
  4. danielgoehr

    danielgoehr Well-Known Member

    Registriert seit:
    13. Juli 2016
    Beiträge:
    2.674
    Zustimmungen:
    128
    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
     
    #4 danielgoehr, 9. Juli 2017
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden