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

Responsive Webdesign Bilder/Header und max-width

Dieses Thema im Forum "Design" wurde erstellt von frkyflwn, 8. Juni 2016.

  1. frkyflwn

    frkyflwn Well-Known Member

    Registriert seit:
    4. April 2016
    Beiträge:
    50
    Zustimmungen:
    0
    Hallo bin gerade dabei meine Seite responsive zu machen
    http://www.web91.s67.goserver.host/

    dabei möchte ich das immer wenn man das fenster kleiner zieht ( Die Breite ändert )
    das sich der Header mitverändert quasi mit max-width
    jedoch habe ich diese Slidergröße über die functions.php bestimmt
    code:
    // Add featured image support
    add_theme_support('post-thumbnails');
    add_image_size('small-thumbnail', 310, 212, true);
    add_image_size('banner-image', 840, 316, array('left', 'center'));

    quasi einmal kleine version von thumbnail un einmal banner-image ( Header der Seite )
    wie bearbeite ich das nun so das sich die größe der thumbnails und headers mitverändert?

    mfg
     
  2. frkyflwn

    frkyflwn Well-Known Member

    Registriert seit:
    4. April 2016
    Beiträge:
    50
    Zustimmungen:
    0
    kann denn niemand helfen? :S
     
  3. Hille

    Hille Well-Known Member

    Registriert seit:
    22. Januar 2012
    Beiträge:
    7.965
    Zustimmungen:
    9
    So richtig habe ich das zwar mit deinem Fenster und dem ziehen nicht verstanden, aber solche Änderungen werden per css erledigt.
     
  4. r23

    r23 Well-Known Member

    Registriert seit:
    9. Dezember 2006
    Beiträge:
    7.317
    Zustimmungen:
    582
    Responsive Bilder werden sicherlich N I C H T über css dargestellt - erledigt schon ......
     
  5. r23

    r23 Well-Known Member

    Registriert seit:
    9. Dezember 2006
    Beiträge:
    7.317
    Zustimmungen:
    582
    WordPress hilft dir, dass du deine Bilder nach der Anleitung / Empfehungen für Responsive Images Community Group in deinem Blog verwenden kannst.

    Beispiel, wie dies geht, findest du in dem "default" Theme von WordPress

    PHP:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    und

    PHP:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Wenn du möchtest, dass dein Theme Responsive Images verwendet, musst du dir entsprechende Funktionen erstellen.

    weitere Informationen w3
    https://www.w3.org/community/respimg/
     
  6. Hille

    Hille Well-Known Member

    Registriert seit:
    22. Januar 2012
    Beiträge:
    7.965
    Zustimmungen:
    9
    Meine Antwort bezog sich auf den letzten Teil der Frage, die optische Anpassung des Headers, zumindestens habe ich es so verstanden.
     
  7. frkyflwn

    frkyflwn Well-Known Member

    Registriert seit:
    4. April 2016
    Beiträge:
    50
    Zustimmungen:
    0
    ich check den code garnicht r23 :S, wie würde das bei meinem beispiel aussehen?
     
  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.
    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.
    Information ausblenden