{"id":288050,"date":"2023-11-10T07:14:37","date_gmt":"2023-11-10T06:14:37","guid":{"rendered":"https:\/\/www.borncity.com\/blog\/?p=288050"},"modified":"2023-11-11T07:06:54","modified_gmt":"2023-11-11T06:06:54","slug":"wordpress-6-4-update-zerstrt-responsible-themes-auf-mobile-gerten-ein-schneller-fix","status":"publish","type":"post","link":"https:\/\/borncity.com\/blog\/2023\/11\/10\/wordpress-6-4-update-zerstrt-responsible-themes-auf-mobile-gerten-ein-schneller-fix\/","title":{"rendered":"WordPress 6.4-Update zerst&ouml;rt Responsive Themes auf Mobile-Ger&auml;ten &#8211; ein schneller Fix"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" style=\"float: left; margin: 0px 10px 0px 0px; display: inline;\" src=\"https:\/\/borncity.com\/blog\/wp-content\/uploads\/2014\/07\/wp_thumb.jpg\" alt=\"\" width=\"64\" height=\"64\" align=\"left\" \/>[<a href=\"https:\/\/borncity.com\/win\/2023\/11\/11\/wordpress-6-4-update-destroys-some-responsive-themes-on-mobile-devices-a-quick-fix\/\" target=\"_blank\" rel=\"noopener\">English<\/a>]Mit dem Update auf WordPress 6.4 zum 7. November 2023 wurde\u00a0 die Darstellung von (manchen) Responsive Themes auf Mobilger\u00e4ten zerschossen. Das hat auch meine Blogs getroffen. Meiner Einsch\u00e4tzung nach wird ein Bug-Fix erst mit WordPress 6.4.3 kommen. Es gibt inzwischen aber einen schnellen Fix in Form eines Plugins, den ich in den Blog aufgenommen habe. Nachfolgend dokumentiere ich das Problem und den Fix mal schnell &#8211; vielleicht hilft es anderen.<\/p>\n<p><!--more--><\/p>\n<h2>Das Problem mit WordPress 6.4<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/vg05.met.vgwort.de\/na\/7a2fc583745449b5a9bc01466dc94cfa\" alt=\"\" width=\"1\" height=\"1\" \/>Die WordPress-Entwickler haben zum 7. Nov. 2023 die Version 6.4 des betreffenden CMS freigegeben. Es ist eine Hauptversion mit diversen Neuerungen\u00a0 (siehe <a href=\"https:\/\/borncity.com\/blog\/2023\/11\/08\/wordpress-6-4-verffentlicht\/\">WordPress 6.4 ver\u00f6ffentlicht<\/a>). Die Installation hat in meinen Blogs zwar gut geklappt, und mir sind adhoc auch keine Probleme aufgefallen. Aber es hat die Mobilger\u00e4tedarstellung meiner Blogs zerschlagen.<\/p>\n<h3>Kurze Hintergrund-Information<\/h3>\n<p>Meine Blogs verwenden eine Browser-Weiche, um zwischen Desktop- und Mobilger\u00e4teanzeige umzuschalten. Dabei kommen zwei verschiedene Templates zum Einsatz. Umgeschaltet wird diese Darstellung mit dem Plugin <a href=\"https:\/\/wordpress.org\/plugins\/multi-device-switcher\/\" target=\"_blank\" rel=\"noopener\">Multi Device Switcher<\/a>, was bisher auch super funktionierte.<\/p>\n<p>Der Grund: Ich habe kein Template mit Responsive-Design gefunden, welches mir sowohl f\u00fcr den Desktop als auch f\u00fcr Mobilger\u00e4te eine passende \u2013 und vor allem lesbare \u2013 Anzeige generiert. Mit der Browser-Weiche konnte ich beide Seiten optimal bedienen &#8211; und die Nutzer k\u00f6nnen auf Mobilger\u00e4ten am Seitenende optional zur Desktop-Ansicht umschalten.<\/p>\n<h3>Problem Mobilger\u00e4tedarstellung<\/h3>\n<p>Mit dem Update auf WordPress 6.4 ist dieses Konstrukt aber in die Hose gegangen, denn Responsive-Themes funktionieren auf Mobilger\u00e4ten nicht mehr. Blog-Leser haben mich kurz nach dem Update auf WordPress 6.4 darauf hingewiesen, dass die Mobilger\u00e4te-Darstellung kaputt sei.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Kaputte Mobile-Darstellung in WordPress 6.4\" src=\"https:\/\/borncity.com\/blog\/wp-content\/uploads\/2023\/11\/image-4.png\" alt=\"Kaputte Mobile-Darstellung in WordPress 6.4\" width=\"336\" height=\"747\" \/><\/p>\n<p>Obiger Screenshot zeigt das Problem: Ich verwende ein Responsive-Theme <a href=\"https:\/\/wordpress.org\/themes\/rcg-forest\/\" target=\"_blank\" rel=\"noopener\">RGC Forest<\/a> f\u00fcr die Mobilger\u00e4tedarstellung (habe lange experimentiert, bis ich das Theme gefunden habe, welches den besten Kompromiss aus meiner Sicht darstellt). Das Theme funktioniert aber nicht mehr (wie alle anderen Themes, TwentyTwo, TwentyFour, auch, die ich auf die Schnelle getestet habe) in der Darstellung f\u00fcr Mobilger\u00e4te. Die Men\u00fcs am Seitenanfang geh\u00f6ren dort nicht hin. Auch sonst ist die Darstellung irgendwie kaputt. Korrekt sollte es so wie nachfolgend dargestellt aussehen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Mobile-Ger\u00e4te-Darstellung in WordPress 6.4 gefixt\" src=\"https:\/\/borncity.com\/blog\/wp-content\/uploads\/2023\/11\/image-5.png\" alt=\"Mobile-Ger\u00e4te-Darstellung in WordPress 6.4 gefixt\" width=\"337\" height=\"739\" \/><\/p>\n<p>Das ist jetzt die Darstellung, die ab sofort wieder im Blog funktionieren sollte, nachdem ich einen QuickFix implementiert habe.<\/p>\n<h2>Was tun, wann kommt ein Fix?<\/h2>\n<p>Ich hatte im <a href=\"https:\/\/borncity.com\/blog\/2023\/11\/08\/wordpress-6-4-verffentlicht\/\">WordPress 6.4 ver\u00f6ffentlicht<\/a> bereits den obigen Sachverhalt erl\u00e4utert und auch erkl\u00e4rt, warum ich einen schnellen Rollback auf WordPress 6.3 nicht durchf\u00fchren will (sind immerhin sechs Blogs, die ich auf die Schnelle aus meinem Backup restaurieren m\u00fcsste). Ich hatte auf einen schnellen Fix gehofft, der aber nicht kam. Die Entwickler planen eine Bug-Fix-Version 6.4.2 (<a href=\"https:\/\/core.trac.wordpress.org\/query?group=status&amp;milestone=6.4.2\" target=\"_blank\" rel=\"noopener\">siehe<\/a>).<\/p>\n<blockquote><p>Eine Diskussion des gesamten Problems ist in <a href=\"https:\/\/core.trac.wordpress.org\/ticket\/59847\" target=\"_blank\" rel=\"noopener\">diesem Bug-Tracker-Eintrag<\/a> nachzulesen. An dieser Stelle mein Dank an den anonymen Blog-Leser f\u00fcr <a href=\"https:\/\/borncity.com\/blog\/2023\/11\/09\/wordpress-6-4-1-verffentlicht\/#comment-163000\" target=\"_blank\" rel=\"noopener\">diesen Kommentar<\/a>, der auf das Thema und die Quick-Fix-L\u00f6sung hinwies. Ich habe da keine Zeit f\u00fcr solche Recherchen &#8211; entweder bloggen oder sich in WordPress-Bugs verlieren &#8211; aber beides gleichzeitig geht nicht.<\/p><\/blockquote>\n<h2>Quick-Fix mit WP 6.4 Theme path fixer<\/h2>\n<p>Joe McGill hat auf die Schnelle den \"WP 6.4 Theme path fixer\" entwickelt, der die \u00c4nderungen in WordPress 6.4, die diese Probleme mit Responsive Designs in den Templates verursachen, wieder zur\u00fcck nimmt. Das Ganze steht auf <a href=\"https:\/\/gist.github.com\/joemcgill\/dd569c287013ad545f41495f93d7a27e\" target=\"_blank\" rel=\"noopener\">GitHub<\/a> in Form einer <em>plugin.php<\/em> zur Verf\u00fcgung. Hier mal die Schritte, um das Ganze zum Laufen zu bringen.<\/p>\n<ul>\n<li>Geht zur <a href=\"https:\/\/gist.github.com\/joemcgill\/dd569c287013ad545f41495f93d7a27e\" target=\"_blank\" rel=\"noopener\">GitHub<\/a>-Seite und\u00a0 lasst euch \u00fcber die Schaltfl\u00e4che <em>Download ZIP <\/em>in der rechten oberen Ecke das ZIP-Archiv mit dem Plugin lokal herunterladen.<\/li>\n<li>Die ZIP-Archiv-Datei mit dem irre langen und kryptischen Namen entpackt ihr in einen lokalen Ordner. In einem der Unterordner sollte die Datei <em>plugin.php<\/em> zu finden sein.<\/li>\n<li>Diese Plugin-Datei f\u00fcgt ihr dann in das WordPress-Plugin-Verzeichnis gem\u00e4\u00df meiner nachfolgenden Beschreibung ein.<\/li>\n<\/ul>\n<p>Im ersten Schritt muss das Plugin auf die WordPress-Instanz hochgeladen werden. Ich habe es auf die Schnelle mit FileZilla erledigt. Dazu ist auf der WordPress-Installation zum Ordner <em>\/wp-content\/plugins<\/em> zu navigieren und dort ein neuer Unterordner f\u00fcr das Plugin anzulegen. Ich habe dieses Unterverzeichnis <em>_ThemeFixer <\/em>genannt, um es sp\u00e4ter auf die Schnelle wiederfinden zu k\u00f6nnen.<\/p>\n<p><img decoding=\"async\" title=\"WordPress Theme-Fixer-Plugin upload\" src=\"https:\/\/borncity.com\/blog\/wp-content\/uploads\/2023\/11\/WP-Temp-Fix01.jpg\" alt=\"WordPress Theme-Fixer-Plugin upload\" \/><\/p>\n<p>Dann ist die Datei <em>plugin.php <\/em>in das neue Unterverzeichnis hochzuladen (obiger Screenshot zeigt die betreffenden Stellen). In meinem Fall gibt es noch die Herausforderung, den richtigen Pfad zu treffen, da ich mehrere Blogs auf einer Instanz habe und erst das Plugin im falschen Verzeichnis hochgeladen hatte &#8211; da tat sich beim Testen nichts.<\/p>\n<blockquote><p>In den Kommentaren findet sich der Hinweis, dass man im Dashboard unter <em>Plugins<\/em> auch den Befehl <em>Neues Plugin hinzuf\u00fcgen<\/em> verwenden kann. Erspart Filezilla, man hat aber keine M\u00f6glichkeit, den Namen des Verzeichnisses zu w\u00e4hlen.<\/p><\/blockquote>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Plugin WP 6.4 Theme path fixer aktivieren\" src=\"https:\/\/borncity.com\/blog\/wp-content\/uploads\/2023\/11\/WP-Temp-Fix02.jpg\" alt=\"Plugin WP 6.4 Theme path fixer aktivieren\" width=\"398\" height=\"180\" \/><\/p>\n<p>Wenn alles korrekt hochgeladen wurde, sollte sich im WordPress-Dashboard der Eintrag <em>des <\/em>Plugins <em>WP 6.4 Theme path fixer <\/em>unter <em>Plugins\/Installierte Plugins <\/em>finden lassen. Dort muss das Plugin aktiviert werden, damit das Ganze \u00fcberhaupt wirksam werden kann. Danach hei\u00dft es auf Mobilger\u00e4ten testen (das Aktualisieren der Anzeige beim Test nicht vergessen, falls man beispielsweise die Mobilger\u00e4te-Darstellung im Google Chrome-Browser \u00fcber die Entwicklertools emuliert). Nochmals danke an den anonymen Leser f\u00fcr <a href=\"https:\/\/borncity.com\/blog\/2023\/11\/09\/wordpress-6-4-1-verffentlicht\/#comment-163000\">diesen Kommentar<\/a>, der mir einen schnellen Fix erm\u00f6glichte. Die Darstellung sollte wieder auf Mobilger\u00e4ten lesbar sein.<\/p>\n<blockquote><p>Wenn das Ganze sp\u00e4ter in WordPress gefixt wurde, reicht es, das Plugin wieder zu deaktivieren und dann\u00a0 den Plugin-Ordner mit der betreffenden Daten wieder zu l\u00f6schen.<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>[English]Mit dem Update auf WordPress 6.4 zum 7. November 2023 wurde\u00a0 die Darstellung von (manchen) Responsive Themes auf Mobilger\u00e4ten zerschossen. Das hat auch meine Blogs getroffen. Meiner Einsch\u00e4tzung nach wird ein Bug-Fix erst mit WordPress 6.4.3 kommen. Es gibt inzwischen &hellip; <a href=\"https:\/\/borncity.com\/blog\/2023\/11\/10\/wordpress-6-4-update-zerstrt-responsible-themes-auf-mobile-gerten-ein-schneller-fix\/\">Weiterlesen <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,1574],"tags":[4298,4349],"class_list":["post-288050","post","type-post","status-publish","format-standard","hentry","category-problemlosung","category-wordpress","tag-problemlosung","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/posts\/288050","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/comments?post=288050"}],"version-history":[{"count":0,"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/posts\/288050\/revisions"}],"wp:attachment":[{"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/media?parent=288050"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/categories?post=288050"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/borncity.com\/blog\/wp-json\/wp\/v2\/tags?post=288050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}