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

Mobile Darstellung der Vorschaubilder stimmt nicht

Dieses Thema im Forum "Design" wurde erstellt von plattenteller, 20. April 2016.

  1. plattenteller

    plattenteller Active Member

    Registriert seit:
    19. Juni 2013
    Beiträge:
    37
    Zustimmungen:
    0
    Hallo liebe Wordpresser,

    es geht um diese Website: sludgeworm.de

    Und zwar werden die Vorschaubildern zu den Artikeln nicht richtig angezeigt, wenn ich die Seite mobil aufrufe. Die Bilder sind zwar da, das Seitenverhältnis stimmt aber nicht und die Bilder werden gestaucht.

    Kann jemand helfen?
     
  2. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    8.857
    Zustimmungen:
    437
    Ja ich würde zunächst einmal die ganzen Fehler beseitigen bevor man auf die Suche geht:

    Failed to load resource: the server responded with a status of 404 (Not Found)
    http://sludgeworm.de/Wordpress/wp-content/themes/bresponzive_pro/css/Skins/dark.css Failed to load resource: the server responded with a status of 404 (Not Found)
    http://sludgeworm.de/Wordpress/wp-content/themes/bresponzive_pro/css/font-awesome.min.css Failed to load resource: the server responded with a status of 404 (Not Found)
    http://sludgeworm.de/Wordpress/wp-content/themes/bresponzive_pro/css/skeleton.css Failed to load resource: the server responded with a status of 404 (Not Found)
    http://sludgeworm.de/Wordpress/wp-content/uploads/2016/01/Click-here-for-Merch-from-the-Void....gif Failed to load resource: the server responded with a status of 404 (Not Found)
    http://sludgeworm.de/Wordpress/wp-content/themes/bresponzive_pro/css/camera.css Failed to load resource: the server responded with a status of 404 (Not Found)
    jquery-migrate.min.js?ver=1.4.0:2 JQMIGRATE: Migrate is installed, version 1.4.0
    http://sludgeworm.de/Wordpress/wp-content/uploads/2016/01/Click-here-for-Merch-from-the-Void....gif Failed to load resource: the server responded with a status of 404 (Not Found)
    embedded_player_bundle_min_826f56c….js:24 11:41:55.236: ErrorCollector: enabled
    embedded_player_bundle_min_826f56c….js:24 11:41:55.311: art width = 340 for elem e$$0.fn.e$$0.init[1]
    embedded_player_bundle_min_826f56c….js:24 11:41:55.319: art width = 340 for elem e$$0.fn.e$$0.init[1]
    http://sludgeworm.de/Wordpress/wp-content/themes/bresponzive_pro/css/Skins/dark.css Failed to load resource: the server responded with a status of 404 (Not Found)
    http://sludgeworm.de/Wordpress/wp-content/themes/bresponzive_pro/css/font-awesome.min.css Failed to load resource: the server responded with a status of 404 (Not Found)
    http://sludgeworm.de/Wordpress/wp-content/themes/bresponzive_pro/css/skeleton.css Failed to load resource: the server responded with a status of 404 (Not Found)
    http://sludgeworm.de/Wordpress/wp-content/themes/bresponzive_pro/style.css Failed to load resource: the server responded with a status of 404 (Not Found)
    http://sludgeworm.de/Wordpress/wp-content/themes/bresponzive_pro/css/camera.css Failed to load resource: the server responded with a status of 404 (Not Found)

    Möglicherweise gibt es ein Themeupdate wegen WordPress 4.5 und jQuery 1.12. Das sollte man zu aller erst prüfen.
     
  3. plattenteller

    plattenteller Active Member

    Registriert seit:
    19. Juni 2013
    Beiträge:
    37
    Zustimmungen:
    0
    Hi mensmaximus,

    danke für die Antwort!

    sludgeworm.de/Wordpress ist das Verzeichnis, wo ich die Seite aufgebaut habe, bevor ich damit zu sludgeworm.de gezogen bin. Können das vielleicht noch Reste sein? Die Seite als solche funktioniert ja wunderbar und es wird sonst nichts falsch dargestellt. Ansonsten wüsste ich jetzt leider nicht, wo ich diese Fehler überhaupt beseitigen soll...

    Ein Theme-Update gibt es nicht, da habe ich gerade geschaut.
     
  4. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    8.857
    Zustimmungen:
    437
    Ob das Anzeigeproblem daher kommt ist zunächst nicht die Frage. Ich persönlich denke aber nicht über ein Debugging nach solange es offensichtliche Fehler gibt, die einen Einfluss haben könnten. Und ja es liegt am Umzug, bzw. wie dieser durchgeführt wurde.
     
  5. Monika

    Monika Well-Known Member
    Ehrenmitglied

    Registriert seit:
    4. Juni 2005
    Beiträge:
    14.126
    Zustimmungen:
    2
    hol dir ein Plugin zb Updraft Plus
    mache damit ein Datenbankbackup

    dann holst dir zb "Better search and replace"
    und ersetzt die alten URLs mit den neuen
     
  6. plattenteller

    plattenteller Active Member

    Registriert seit:
    19. Juni 2013
    Beiträge:
    37
    Zustimmungen:
    0
    Vielen Dank, Monika!

    Ich habe nun ein Update gemacht, anschließend "Better search and replace" installiert und habe "sludgeworm.de/Wordpress" durch "sludgeworm.de" ersetzen lassen. Damit sollte das eigentlich erledigt sein, oder?

    Die Bilder in der mobilen Vorschau werden leider immer noch falsch angezeigt..
     
  7. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    8.857
    Zustimmungen:
    437
    Also ich sehe die Fehler alle noch. Caching Plugin vorhanden und nicht gelöscht?
     
  8. plattenteller

    plattenteller Active Member

    Registriert seit:
    19. Juni 2013
    Beiträge:
    37
    Zustimmungen:
    0
    Hm, nicht dass ich wüsste, nein! Einen harten Reload hast du ja wahrscheinlich gemacht?

    Ansonsten hier eine Liste meiner Plugins: Antispam Bee, BackWPup, Better Search Replace, Facebook Widget, Shareaholic, Use Any Font, Wordfence Security, WP to Twitter, WP-Benutzer-Avatar, Yoast SEO

    Vielleicht erstellt da etwas einen Cache ohne dass es mir bewusst ist?
     
  9. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    8.857
    Zustimmungen:
    437
    Wenn mich nicht alles täuscht hat Wordfence einen "Peformance" Schalter (einen Cache).
     
  10. plattenteller

    plattenteller Active Member

    Registriert seit:
    19. Juni 2013
    Beiträge:
    37
    Zustimmungen:
    0
    Stimmt, das war mir nicht bewusst! Die entsprechende Einstellung steht allerdings auf "No performance improvement" und somit dürfte ja eigentlich kein Cache erstellt werden.
     
  11. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    8.857
    Zustimmungen:
    437
    Ungeachtet der Fehler und auch externen Einbindungen von Inhalten über veraltete SSL Verbindungen sind die CSS Regeln unterhalb 768px Bildschirmbreite nur bedingt responsive. Es macht wenig Sinn die Bild in der Höhe (180px) zu definieren aber die Breite auf 100% zu belassen. Wenn dann das Seitenverhältnis nicht stimmt kommt es zu dem sichtbaren "Stauchungseffekt".
     
  12. plattenteller

    plattenteller Active Member

    Registriert seit:
    19. Juni 2013
    Beiträge:
    37
    Zustimmungen:
    0
    Wie stelle ich die Größe denn in diesem Fall am besten ein, damit die Bilder responsive sind? An die Responsivität taste ich mich noch heran und wäre für Hilfe dankbar!
     
  13. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    8.857
    Zustimmungen:
    437
    Meine Antwort war eigentlich schon die Lösung. Die 100% Breite lassen aber die Höhenangaben im CSS entfernen.
     
  14. plattenteller

    plattenteller Active Member

    Registriert seit:
    19. Juni 2013
    Beiträge:
    37
    Zustimmungen:
    0
    So, nun bin ich endlich dazu gekommen, den Fehler zu beheben. Die Höhe der Bilder auf "auto" zu setzen, war die Lösung des Problems, danke!

    Was die anderen Fehler betrifft, weiß ich im Moment auch nicht so recht weiter, werde mir die Probleme aber notieren.
     
  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