Vorschaubilder zu Themes und in der Mediathek fehlen

eiflerin

Hallo zusammen,

nach längerer Zeit habe ich Inhalte meiner Website geändert. Dabei musste ich feststellen, dass im Backend keine Vorschaubilder für die installierten Themes mehr angezeigt werden, sondern nur hellgraue Platzhalter. Wenn ich ein neues Theme installieren möchte, werden die Bilder angezeigt. Sobald das Theme hochgeladen ist, ist das Vorschaubild wieder ein grauer Platzhalter.

Wenn ich Bilder in die Mediathek hochlade sehe ich in der Liste die Vorschaubilder, in der Vorschaugalerie aber nur graue Platzhalter. Dadurch kann ich diese Bilder auch nicht bearbeiten, etwas für den MetaSlider zuschneiden. Im Frontend ist optisch alles in Ordnung. Den MetaSlider kann ich natürlich nicht verwenden.

Ich habe bereits die Installation 5.2.1 manuell wiederholt, alle Plugins gelöscht und neu installiert. Selbst ohne Plugins funktionieren die Bilder nicht. Inzwischen habe ich die meisten Bilder aus meiner Homepage gelöscht, weil dort noch die Links auf http statt auf https liefen und nicht mehr funktionieren. Die neuen Bilder kann ich nicht einfügen.

Meine URL: http://www.tee-traum.de
Wordpress-Version: 5.2.1
Verwendetes Theme: Adventorous_child (bisher aber ohne Änderungen gegenüber Adventorous)
Verwendete Plugins: Add From Server, Childify Me, Jetpack von wordpress.com, MetaSlider, Surbma-Divi Extras, WP-Optimize
Zuletzt gemachte Änderungen: Child Theme erstellt und Plugins installiert.
Die Probleme bestehen allerdings auch ohne jedes Plugin, mit dem Theme Adventorous ebenso wie mit dem Theme Twenty Nineteen.

Nach dem 10. Oktober 2018 bis zum 13. Mai 2019 hatte ich keine manuellen Änderungen an meiner Homepage vorgenommen. Allerdings werden wordpress-updates automatisch installiert.

Weiß jemand von Euch, wie ich das Problem lösen kann?

VG eiflerin

Werbepost

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

eiflerin

Fehlen noch weitere Informationen?

Raphael

Ich verstehe nicht ganz, was das Problem ist: Im Frontend ist alles OK. Im Backend fehlen dir aber die Bilder teilweise, die früher da waren. Was ist, wenn du die Bilder, die fehlen einfach löschst und danach wieder hochlädtst?

Aber wart mal...Inzwischen habe ich die meisten Bilder aus meiner Homepage gelöscht, weil dort noch die Links auf http statt auf https liefen und nicht mehr funktionieren. Die neuen Bilder kann ich nicht einfügen.... Das scheinst du ja probiert zu haben, aber doch ohne Erfolg. Oder?

Welche Veränderungen hast du denn gemacht, seitdem die Bilder nicht mehr im Backend angezeigt werden? Du schreibst etwas über https. Wie hast du denn die Seite auf die Verschlüsselung umgestellt?

Eigentlich können Bilder nicht einfach so verschwinden. ;)

eiflerin

Hallo Raphael,
die Bilder verschwinden ja auch nicht einfach. Sie waren alle noch in der Mediathek, aber nur in der Liste sichtbar und nicht in der Galerieansicht. Die Verlinkungen stimmten auch alle nicht mehr, da sie noch auf http standen und nicht automatisch auf https aktualisiert wurden. Deshalb hab ich sie gelöscht. Teilweise habe ich auch die Texte überarbeitet, so dass die Bilder auch überflüssig waren oder durch neue, aktuellere ersetzt werden sollten.

Die einzige Änderung, die ich gemacht hatte, war, dass die Seite von http auf https umgestellt wurde. Das Schloß auf meiner Homepage ist grün und geschlossen, es sind auch keine http-Links mehr vorhanden, von daher ist hier alles ok.

Mein Problem ist, dass ich die hochgeladenen Bilder nicht bearbeiten kann. Ich lade sie hoch und sehe sie in der Mediathek in der Listenansicht. Wenn ich dann auf die Galerieansicht gehe, sehe ich nur graue Quadrate. Dadurch kann ich z. B. kein Logo auf meine Website laden. Wenn ich auf "Logo auswählen" gehe öffnet die Mediathek mit den grauen quadratischen Bildplatzhaltern. Hier könnte ich zwar noch ein Bild auswählen, weil der Name rechts erscheint und ich dadurch weiß, um welches Bild es sich handelt. Nach "auswählen" kommt die Seite, auf der ich das Bild zuschneiden sollte. Da es aber nicht angezeigt wird, erscheint hier "Maus-Interaktion erforderlich" und auswählen funktioniert nicht. Ich komme also an dieser Stelle nicht weiter.

Sobald die etwas größeren Vorschaubilder angezeigt werden sollen, kommen immer die leeren grauen Platzhalterquadrate. Dasselbe Problem habe ich bei hochgeladenen Themes. Auch hier werden die Vorschaubilder nicht angezeigt. Ich habe einen Metaslider eingefügt, der im Frontend wunderbar funktioniert, im Backend aber auch keine Vorschau anzeigt. Wenn die Bilder vom Programm her nicht bearbeitet werden müssen, kann ich sie sozusagen im Blindflug einsetzen und sie funktionieren. Sobald sie beispielsweise zugeschnitten werden müssen, geht es nicht. Ich bin echt ratlos.

Hier mal zwei screenshots der Mediathek:

und ein screenshot der themes:

Vielleicht helfen diese screenshots dir ja mein Problem zu verstehen.

b3317133

1. Was erscheint denn in der Browser Console (google) wenn Dein Problem auftritt?

2. Wie genau wurde diese Umstellung gemacht? Nach welcher Anleitung o.ä.?

Zitat von eiflerin

Die einzige Änderung, die ich gemacht hatte, war, dass die Seite von http auf https umgestellt wurde.

b3317133

3. Um das Problem etwas einzugrenzen, deaktiviere mal das Jetpack-Plugin, bzw. mindestens diese Site-Accelerator / Photon Funktion, das Plugin lädt derzeit im Hintergrund Deine Bilder auf einen externen Server in den USA, evtl. klappt da was nicht (mehr), ganz abgesehen von der damit einhergehenden DSGVO Problematik...

Raphael

Bin jetzt auf die Schnelle auch überfragt. Listenansicht ja, Galerieansicht nein, das ist das, was mich am meisten wundert. Die Vorschaubilder der Themes liegen zudem auch nicht in der Mediathek und sind trotzdem betroffen. Hast du ein Backup vor der https Umstellung? Oder von dem Zeitpunkt als das letzte Mal alles OK war? Dann wäre es das Beste das Backup zu installieren und dann die Umstellung neu zu machen.

@b3317133 Ja kann man probieren. aber sie hat ja schon alle Plugins gelöscht und das hat nichts gebracht. Wenn die URLs nicht stimmen, weil die SSL-Verschlüsselung nicht OK ist, würde ja ein Fehler im Browser angezeigt werden, aber nicht das Bild komplett verschwinden.

Raphael

Nochwas, aber das ist wirklich ins Blitzblaue hinein: Welche PHP-Version am Server hast du denn eingestellt? Wie gesagt, der Fehler ist mir so noch nie untergekommen. Aber die PHP-Version aktuell zu haben, kann nichts schaden. Es sollte mindestens 7.0 sein. Z. B: 7.2

5.6 oder noch älter sind nicht OK.

eiflerin

1. Wenn ich ein Logo einfügen will, erscheint https://tee-traum.de/wp-admin/customize.php bzw. https://tee-traum.de/wp-admin/customize.php?autofocus[control]=custom_logo, wenn ich das Logo auswähle.
2. Das ist schon so lange her, dass ich das nicht mehr wirklich nachvollziehen kann. Ich habe ein Zertifikat (Let'script) bei meinem Provider erhalten. Soweit ich mich erinnere, wurde dann die Umstellung direkt über die Einstellungen meiner website beim Provider vorgenommen. Mein Shop http://www.tee-traum.de/shop hat alle https-Änderungen automatisch richtig erstellt.
3. Das Jetpack-Plugin habe ich deaktiviert, das ändert aber nichts. Wie ich zu Beginn bereits geschrieben hatte, besteht dieses Problem auch, wenn ich kein einziges Plugin installiert habe.
4. Ich habe PHP 7.2 und PHP 7.3 probiert.

Raphael

Ich hab jetzt nochmals zu deiner Seite gesehen. Den Shop kenne ich gar nicht: https://bigware.de/ Ich weiß also auch gar nicht, wie der integriert ist. Kannst du den mal kurzfristig abschalten und dann sehen, was passiert? Der Quellcode des Shops kommt mir recht altertümlich vor und der Shopbetreiber hat auch mixed Content auf seiner eigenen Seite.

eiflerin

Der Shop ist nicht integriert. Er liegt nur auf demselben Server.

Raphael

OK

Zitat von eiflerin

Der Shop ist nicht integriert. Er liegt nur auf demselben Server.

OK. als Fehlerquelle ist er also auszuschließen. Gut. (Oder eher schlecht) Bin echt überfragt. Ich fasse mal zusammen:
- Die Plugins sind es nicht, egal ob die aktiv sind oder nicht, tritt das Problem auf.
- Der Shop ist es auch nicht.
- PHP ist aktuell, WP ist aktuell
---
Noch eine Idee: Das Childtheme. Wie hast du das erstellt? Wenn das Problem aber mit dem Twenty Nineteen auch auftritt, kann es auch nicht das Child-theme sein. Ohne in den Adminbereich zu sehen, fällt mir jetzt nichts mehr ein. Sorry. Vielleicht weiß jemand anderer mehr.

eiflerin

Das Childtheme habe ich mit Childify Me erstellt. Der Fehler tritt aber auch beim Astra Theme auf, ebenso bei Adventorous und Twenty Nineteen. Das Child-Theme habe ich ja nur erstellt um dort "hemmungslos" ändern zu können, ohne das eigentliche Theme zu zerstören.

Raphael

Ja genau, sagte ich ja: Wenn es auch mit anderen Themes Probleme gibt, ist das Theme und/ oder das Child-Theme auszuschließen. Also mir fällt jetzt leider nichts mehr ein, vielleicht hat jemand anderer noch Ideen. das größte Hindernis ist, dass das Problem im Frontend, wo man ja über den Quellcode oder die Konsole viel leichter Zugriff hat, nicht sichtbar ist. Falls auch die anderen passen, schlage ich vor, dass jemand Kompetenter ins Backend schaut und wenn das auch nichts bringt, die Seite auf einen anderen Server klont und dort Schritt für Schritt zerlegt.

Aber nur weil ich nicht weiter weiß, heißt das noch nicht, dass sonst niemand helfen kann. Mal abwarten...

eiflerin

Auch wenn du mir jetzt nicht wirklich helfen konntest: Vielen herzlichen Dank für deine Arbeit!

b3317133

Zitat von Raphael

.. weil die SSL-Verschlüsselung nicht OK ist, würde ja ein Fehler im Browser angezeigt werden, aber nicht das Bild komplett verschwinden.

Je nach Browser schon.

@eiflerin Deaktiviere alle Plugins, lade ein neues Bild hoch, was passiert dann und was erscheint im Tab "Console" in der Browser Console (google), Screenshot?

Ergänzung: Der Website leitet derzeit Aufrufe von eingebundenen Bildern per HTTP 302 Redirect auf [plain]http://deinbild.jpg/[/plain] weiter. Was steht in der Datei [FONT=Courier New].htaccess[/FONT]? Es sollte so aussehen wie hier bei Basic WP.

Raphael

Hm. Wenn ich auch wieder meinen Senf dazu geben soll. ;)
Ja die ,htacess sollte natürlich korrekt sein. soweit ich es aber verstanden habe, hat die TE nichts geändert, außer die Umstellung auf SSL.

@b3317133: Falsch eingebundene Bilder (also ich meine http statt https) werden in manchen Browsern komplett falsch dargestellt? Nicht nur mit Fehlermeldung? Wusste ich nicht. Welche Browser betrifft das? (Interessiert mich am Rande, ist aber nicht das Thema hier.)

Bei mir werden jetzt gar keine Bilder mehr dargestellt, der Browser findet sie nicht mehr, bzw. kann sie gar nicht mehr laden. In der Konsole steht: Laden von gemischten aktiven Inhalten "http://deinbild.jpg/" wurde blockiert. Wie soll denn das passieren (die Weiterleitung) ? Also ich meine, so eine Weiterleitung richtet doch niemand aktiv ein. Zudem war sie vorher nicht da. Da hat sich der Bug ja auf das Backend beschränkt.

Wird immer mysteriöser. ;)

eiflerin

Hallo zusammen,
das Problem ist gelöst! :D

Es war tatsächlich die .htaccess. Ich habe die Datei wie bei Basic WP hochgeladen und schon funktioniert alles super!

Hier mal die vorher verwendete .htaccess. Ich habe sie nicht geschrieben, keine Ahnung warum sie so aussah:

Apache Configuration

php_value memory_limit 256M
php_value max_input_vars 10000


<IfModule mod_headers.c>
#Umleitung http zu https
RewriteEngine On
RewriteCond %{HTTPS} !=on
RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
</IfModule>






RewriteEngine On
RewriteCond %{HTTPS} !=on
RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]


# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>


# END WordPress
# Verhindert Image Hotlinking. Ersetze die letzte URL mit einem Bildlink.
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?deinblog.de [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ http://deinbild.jpg [NC,R,L]
# Aktiviert GZIP Komprimierung
 <IfModule mod_deflate.c>
 SetOutputFilter DEFLATE
 </IfModule>


 RewriteEngine On
RewriteCond %{HTTPS} !=on
RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
# BEGIN ShortPixelWebp


# END ShortPixelWebp

Alles anzeigen

__________________________

Bei meinem Shop (so altertümlich der Quellcode auch sein mag), wird bei Eingabe von http automatisch https erzwungen, so dass auch alle Bilder automatisch erscheinen und nicht rumzicken. ;)

Hier sieht die .htaccess so aus:

Apache Configuration

AddDefaultCharset UTF-8


Options +FollowSymLinks
RewriteEngine On


#RewriteCond %{HTTP_HOST} ^.+\.shop.tee-traum\.de$ [NC]
#RewriteRule ^(.*)$ https://www.tee-traum.de/shop/$1 [R=301,L]


RewriteBase /shop/
RewriteRule ^(.*)-p-(.*).html$ main_bigware_34.php?items_id=$2&%{QUERY_STRING}
RewriteRule ^(.*)-c-(.*).html$ main_bigware_29.php?bigPfad=$2&%{QUERY_STRING}
RewriteRule ^(.*)-m-(.*).html$ main_bigware_29.php?producers_id=$2&%{QUERY_STRING}


# Redirect HTTP to HTTPS
#RewriteCond %{HTTPS} off
#RewriteCond %{HTTP:X-Forwarded-Proto} !https
#RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

Alles anzeigen

Irgendwie hätte ich diese automatische Umleitung auch bei wordpress erwartet. -
C'est la vie.

Euch beiden jedenfalls herzlichen Dank für eure tatkräftige Unterstützung!!!

Raphael

Ja gerne, das war ein guter Tip, das mit der .htaccess. Da schreiben ja oft Plugins rein, wenn du nichts reingeschrieben hast, kann das nur noch ein Plugin gewesen sein.

@Shop: Na ja, wenn er funktioniert ist es ja OK. Er ist halt nicht responsive und <table> als Struktur ist auch nicht gerade up to date. Die Ladezeit ist andererseits ziemlich gut. Wenn du also nicht SEO betreibst, sondern deine Stammkunden über den Shop bedienst und die zufrieden sind, würde ich ihn so lassen.

b3317133

Der Teil ab [FONT=Courier New]# Verhindert Image Hotlinking. Ersetze die letzte URL mit einem Bildlink.[/FONT] wurde offenbar manuell per Copy&Paste in die .htaccess gesetzt, ohne das entspr. an die Seite anzupassen und ohne zu verstehen, was da passiert. Wende Dich an die Person, die das gemacht hat und lass Dir den Aufwand für die Problemsuche deswegen entschädigen... ein Plugin war das nicht.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Vorschaubilder zu Themes und in der Mediathek fehlen

Jetzt mitmachen!