Support » Allgemeine Fragen » Nur teilweise responsive?
Nur teilweise responsive?
-
Hallo zusammen,
ich habe folgendes Problem. Beim Google-Test heißt es, „die Inhalte sind breiter als der Bildschirm“. Ich nutze ein Child-Theme von Twenty Sixteen. Ziehe ich den Browser im Monitor zusammen, dann werden die Bilder in der Breite problemlos angepasst. Bei Smartphones gehen sie anscheinend über den Rand hinaus. Nicht allerdings bei meinem Samsung Galaxy SIII Mini. Wo muss ich ansetzen und was kann ich tun? Twenty Sixteen ist ja eigentlich responsive.
Gruß. PetraDie Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]
-
Klick mal auf den Text: „Probleme beim Laden der Seite – Details anzeigen“
Der Test kann diverse Elemente nicht laden. Unter anderem die CSS-Datei. Daher ist die Aussage korrekt, denn ohne diese CSS-Datei ist das Headerbild natürlich zu groß. Der Fehler liegt aber daran, dass der Test diese Dateien nicht laden kann und nicht an Twenty Sixteen oder deinem Child-Theme.
Deine Robots.txt sieht okay, daher weiß ich gerade auch nicht, warum der Test diese Dateien nicht lesen darf. Hast du irgendwas zu deiner .htaccess hinzugefügt, neben dem Standard-WordPress-Block?
Gruß, Torsten
Hallo Torsten,
die Search Console sagt mir, dass keine Fehler bezüglich der Nutzerfreundlichkeit auf Mobilgeräten gefunden wurden. An der .htaccess habe ich nichts geändert. Mysteriös. Aber wenn nur der Test die Dateien nicht laden kann… Sollte möglicherweise mit dem etwas nicht stimmen?
Vielen Dank auf jeden Fall für deine Hilfe. Ich werde versuchen, dem auf die Spur zu kommen und mir die .htaccess genauer angucken.Vielleicht hat ja noch jemand eine andere Idee.
Gruß. PetraOhne Angaben zu deiner Website, insbesondere den genutzten Plugins, können wir das schlecht beurteilen. Du kannst ja mal das Plugin Health Check installieren, dann unter Dashboard > Health Check > Debugging-Informationen die Informationen mit dem Button kopieren und hier einfügen. Vielleicht haben wir dann noch „eine andere Idee“.
Übrigens … Wieso verwendest du als Hintergrundgrafik eine Datei mit einer Abmessung von 2400 x 2048 Pixeln? Das ist unnötig groß und verlangsamt zusätzlich die Anzeige deiner ohnehin etwas langsamen Webseiten.
Hier die Debugging-Informationen
### WordPress ### Version: 4.9.1 Sprache: de_DE Permalink-Struktur: /%postname%/ Verwendet diese Website HTTPS?: Nein Kann sich jeder auf dieser Website registrieren?: Nein Standard-Kommentarstatus: open Ist dies ein Netzwerk?: Nein Benutzeranzahl: 2 Kommunikation mit WordPress.org: WordPress.org ist erreichbar Erzeuge Loopback-Anfragen: The loopback request to your site completed successfully. ### Aktives Theme ### Name: Moralisch Handeln Version: 0.0.0.1-alpha Autor: Demiahl Burrduk Website des Autors: Parent Theme: Twenty Sixteen Unterstützte Theme-Funktionalität: automatic-feed-links, title-tag, custom-logo, post-thumbnails, menus, html5, post-formats, editor-style, customize-selective-refresh-widgets, custom-background, custom-header, widgets ### Andere Themes (3) ### Twenty Fifteen (twentyfifteen): Version 1.9 von dem WordPress-Team Twenty Fourteen (twentyfourteen): Version 2.1 von dem WordPress-Team Twenty Sixteen (twentysixteen): Version 1.4 von dem WordPress-Team ### Aktive Plugins (11) ### All In One SEO Pack: Version 2.4.3.1 von Michael Torbert Antispam Bee: Version 2.7.1 von pluginkollektiv Contact Form 7: Version 4.9.2 von Takayuki Miyoshi Duplicator: Version 1.2.30 von Snap Creek Health Check: Version 0.7.0 von The WordPress.org community No Comment Cookies: Von Thomas Scholz <info@toscho.de> Official StatCounter Plugin: Version 2.0.2 von Aodhan Cullen Pixabay Images: Version 3.1 von Simon Steinberger SI Captcha Anti-Spam: Version 3.0.3 von fastsecure Simple Lightbox: Version 2.6.0 von Archetyped WP Retina 2x: Version 5.2.0 von Jordy Meow ### Server ### Server-Architektur: Linux 3.13.0-137-generic x86_64 PHP-Version: 7.0.25-nmm1 (Unterstützt 64bit-Werte) PHP SAPI: fpm-fcgi PHP max input variables: 10000 PHP time limit: 30 PHP memory limit: 268435456 Maximale Dateigröße Upload: 200M PHP post max size: 200M cURL-Version: 7.35.0 OpenSSL/1.0.1f SUHOSIN installiert: Nein Ist die Imagick-Library verfügbar: Ja ### Datenbank ### Erweiterung: mysqli Server-Version: 5.6.38-nmm1-log Client-Version: mysqlnd 5.0.12-dev - 20150407 - $Id: b5c5906d452ec590732a93b051f3827e02749b83 $ Datenbankpräfix: BWUDN_ ### WordPress-Konstanten ### ABSPATH: /www/htdocs/w012e57c/moralisch-handeln.de/ WP_HOME: Nicht definiert WP_SITEURL: Nicht definiert WP_DEBUG: Deaktiviert WP_MAX_MEMORY_LIMIT: 256M WP_DEBUG_DISPLAY: Aktiviert WP_DEBUG_LOG: Deaktiviert SCRIPT_DEBUG: Deaktiviert WP_CACHE: Deaktiviert CONCATENATE_SCRIPTS: Nicht definiert COMPRESS_SCRIPTS: Nicht definiert COMPRESS_CSS: Nicht definiert WP_LOCAL_DEV: Nicht definiert ### Dateisystemrechte ### Das Haupt-WordPress-Verzeichnis: Schreibbar Das Verzeichnis wp-content: Schreibbar Das Uploads-Verzeichnis: Schreibbar Das Plugin-Verzeichnis: Schreibbar Das Theme-Verzeichnis: Schreibbar
Nach den Angaben verwendest du nicht Twenty Sixteen, sondern ein eigenes Child Theme. Erhältst du die Fehlermeldung auch, wenn du statt dessen Twenty Sixteen aktivierst?
Wenn die Website transferiert wurde, kannst du eigentlich das Plugin Duplicator wieder entfernen, wenn du es nicht für Backups nutzt.
Was passiert, wenn du WP Retina 2x deaktivierst und den Test erneut durchführst?
Plugin Duplicator nutze ich für Backups. Die Fehlermeldung kam auch mit Twenty Sixteen. WP Retina 2x deaktiviert, dann ging´s. Allerdings konnten 28 Seitenressourcen nicht geladen werden.
Hier ein paar der ersten Fehlermeldungen
http://moralisch-handeln.de/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.9.2
Stylesheet Sonstige Fehler
http://moralisch-handeln.de/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2
Skript Sonstige Fehler
http://moralisch-handeln.de/wp-content/plugins/si-captcha-for-wordpress/captcha/si_captcha.js?ver=1514376214
Skript Sonstige Fehler
http://moralisch-handeln.de/wp-content/themes/twentysixteen/js/functions.js?ver=20160816
Skript Sonstige Fehler
http://moralisch-handeln.de/wp-content/themes/twentysixteen/js/skip-link-focus-fix.js?ver=20160816
Skript Sonstige Fehle
http://moralisch-handeln.de/wp-content/uploads/2017/11/fotografie_fotografieren_1511106023-800×353.jpg
Bild Sonstige FehlerWo werden diese Fehlermeldungen denn ausgegeben?
Beim Test auf Optimierung für Mobilgeräte werden sie ausgegeben. Unter „Probleme beim Laden der Seite“.
Gemeint ist wohl der „Test auf Optimierung für Mobilfunkgeräte„.
Wieso dieser Test auf die genannten Resourcen nicht zugreifen kann, verstehe ich auch nicht. Naheliegend wären irgendwelche fehlerhaften Servereinstellungen (.htaccess, robots.txt, Kundenmenü von all-inkl.com), wie Torsten bereits angemerkt hat. Mehr kann ich dir dazu auch nicht sagen.
Auf jeden Fall vielen Dank für deine umfassende Hilfe. Ich werde sehen, was ich da jetzt noch machen kann. Das große Hintergrundfoto ist mittlerweile raus 😉 und in Zukunft werden kleinere Bilder genommen.
Gruß. Petra
- Das Thema „Nur teilweise responsive?“ ist für neue Antworten geschlossen.