Mobile Darstellung der Vorschaubilder stimmt nicht

  • 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?

    • 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 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-c…/Skins/dark.css Failed to load resource: the server responded with a status of 404 (Not Found)
    http://sludgeworm.de/Wordpress/wp-c…awesome.min.css Failed to load resource: the server responded with a status of 404 (Not Found)
    http://sludgeworm.de/Wordpress/wp-c…ss/skeleton.css Failed to load resource: the server responded with a status of 404 (Not Found)
    http://sludgeworm.de/Wordpress/wp-c…the-Void....gif Failed to load resource: the server responded with a status of 404 (Not Found)
    http://sludgeworm.de/Wordpress/wp-c…/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-c…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-c…/Skins/dark.css Failed to load resource: the server responded with a status of 404 (Not Found)
    http://sludgeworm.de/Wordpress/wp-c…awesome.min.css Failed to load resource: the server responded with a status of 404 (Not Found)
    http://sludgeworm.de/Wordpress/wp-c…ss/skeleton.css Failed to load resource: the server responded with a status of 404 (Not Found)
    http://sludgeworm.de/Wordpress/wp-c…e_pro/style.css Failed to load resource: the server responded with a status of 404 (Not Found)
    http://sludgeworm.de/Wordpress/wp-c…/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.

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

  • 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.

  • 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.

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

  • 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

  • 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..

  • Also ich sehe die Fehler alle noch. Caching Plugin vorhanden und nicht gelöscht?

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

  • 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?

  • Wenn mich nicht alles täuscht hat Wordfence einen "Peformance" Schalter (einen Cache).

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

  • 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.

  • 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".

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

  • 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!

  • Meine Antwort war eigentlich schon die Lösung. Die 100% Breite lassen aber die Höhenangaben im CSS entfernen.

    WordPress ist "frei" wie in Freiheit es zu nutzen, aber nicht im Sinne von Freibier. Wer also glaubt man bekommt rund um WordPress alles kostenlos, der irrt. Hilfe ist ein Geschenk für das man sich bedankt, dafür gibt es den 'Gefällt mir' Button. Wer das nicht kann und sich selbst nicht zu helfen weiss, muss sich bezahlte Unterstützung suchen.

  • 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.

Jetzt mitmachen!

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