13 häufige WordPress-Block-Editor-Probleme und wie man sie behebt

13 häufige WordPress-Block-Editor-Probleme und wie man sie behebt
Paul Steele

Treten bei der Verwendung des WordPress-Blockeditors Fehler auf?

WordPress hat 2019 den alten klassischen Editor durch einen brandneuen Content-Editor namens Gutenberg ersetzt. Dieser neue Editor verwendet Blöcke, um Inhalte in WordPress zu erstellen. Allerdings können Sie bei der Verwendung manchmal auf lästige Probleme stoßen.

In diesem Artikel zeigen wir Ihnen, wie Sie die häufigsten Probleme mit dem WordPress-Block-Editor beheben können, damit Sie Ihren Arbeitsablauf verbessern können.

Was ist der WordPress Block Editor?

Der WordPress-Block-Editor, auch Gutenberg genannt, ist ein neuer Content-Editor, der mit der Version 5.0 von WordPress eingeführt wurde. Seitdem hat WordPress den Editor verbessert und neue Features und Funktionalitäten hinzugefügt.

Er bietet mehr Anpassungsmöglichkeiten als der klassische Editor: Sie erhalten verschiedene Blöcke, mit denen Sie verschiedene Elemente zu Ihrem Inhalt hinzufügen können, und müssen keinen Code bearbeiten, um das Aussehen und den Stil zu ändern.

Es versucht zu zeigen, wie Ihre Blogs und Seiten in Echtzeit aussehen werden, indem es dieselbe Schriftart und dieselben Farben wie Ihr WordPress-Theme imitiert.

Mit einem Bildblock können Sie beispielsweise Bilder zu Ihren Blogbeiträgen hinzufügen und haben darüber hinaus Optionen wie Bildstil, Größe, Ausrichtung usw.

Außerdem fügen viele WordPress-Plugins ihre Blöcke in den Content-Editor ein, so dass sich Formulare, Social-Media-Feeds und Inhaltsverzeichnisse mit wenigen Klicks einbinden lassen.

Dennoch ist der Block-Editor nicht perfekt. Wie jedes andere WordPress-Plugin können Sie auf verschiedene Fehler oder Bugs stoßen. Hier sind einige häufige Probleme im Content-Editor. Sie können auf die Links unten klicken, um Ihren bevorzugten Bereich zu sehen.

    1. den Fehler "WordPress-Block-Editor funktioniert nicht" beheben

    Eines der häufigsten Probleme, mit denen Benutzer konfrontiert werden, ist der "WordPress-Block-Editor funktioniert nicht".

    Es gibt mehrere Gründe, warum dieser Fehler auftritt, zum Beispiel ein veraltetes Theme, ein fehlerhaftes Plugin oder andere technische Fehler.

    Der WordPress-Block-Editor funktioniert möglicherweise auch nicht, wenn Sie eine falsche Einstellung auf Ihrer Website vorgenommen haben, z. B. die Deaktivierung des visuellen Editors beim Erstellen eines Benutzerprofils.

    Sie können dies überprüfen, indem Sie zu Benutzer " Profil Vergewissern Sie sich hier, dass die Option "Visuellen Editor beim Schreiben deaktivieren" nicht ausgewählt ist.

    Wenn das Problem weiterhin besteht, können Sie versuchen, alle Plugins auf Ihrer Website zu deaktivieren, um Konflikte auszuschließen, die durch ein Plugin verursacht werden könnten, und den Block-Editor zu deaktivieren.

    Eine andere Möglichkeit, dieses Problem zu beheben, besteht darin, Ihr WordPress-Theme zu aktualisieren. Ein veraltetes Theme kann den Fehler "Block-Editor funktioniert nicht" verursachen. In unserer Anleitung erfahren Sie, wie Sie ein WordPress-Theme aktualisieren können, ohne Daten und Anpassungen zu verlieren.

    2. der WordPress-Block-Editor stürzt immer wieder ab

    Ein weiteres häufiges Problem, mit dem einige Benutzer konfrontiert sind, ist der unerwartete Absturz des WordPress-Blockeditors.

    Wenn er abstürzt, wird die Fehlermeldung "Der Editor ist auf einen unerwarteten Fehler gestoßen" angezeigt. WordPress zeigt dann 3 Optionen an, darunter Wiederherstellungsversuch, Beitragstext kopieren und Fehler kopieren.

    Es kann mehrere Gründe für dieses Problem geben, z. B. könnte ein Plugin den Block-Editor beschädigen und diesen Fehler anzeigen, oder Ihre WordPress-Version ist nicht auf dem neuesten Stand.

    Sie können das Problem beheben, indem Sie alle Plugins deaktivieren und sie nacheinander wieder aktivieren. Eine andere Möglichkeit ist, Ihr WordPress auf ein Standard-Theme wie Twenty Twenty-Two umzustellen und zu sehen, ob das Problem weiterhin besteht.

    Wenn das Problem nach der Überprüfung der WordPress-Plugins und des Themes weiterhin besteht, versuchen Sie, die WordPress-Version zu aktualisieren und den WordPress-Cache zu löschen.

    3. den Fehler "Ungültiges JSON" im Inhaltseditor entfernen

    Wenn Sie einen Blogeintrag oder eine Seite bearbeiten, kann der Fehler "Die Antwort ist keine gültige JSON-Antwort" auftreten, wenn Sie im Block-Editor auf die Schaltfläche Aktualisieren klicken.

    WordPress steht im Hintergrund in ständiger Kommunikation mit dem Website-Server, wenn Sie einen Beitrag in Ihrem WordPress-Blog bearbeiten. Dieser Fehler wird verursacht, wenn WordPress keine Antwort vom Server erhält oder die Antwort nicht im JSON-Format vorliegt.

    Hier sind einige Gründe, warum Sie einen ungültigen JSON-Fehler erhalten und wie Sie diese beheben können:

    • WordPress-URLs in den Einstellungen überprüfen - Sie müssen sicherstellen, dass die WordPress-Adresse und die Website-Adresse in den Einstellungen Ihrer Website korrekt sind. Gehen Sie einfach zum Einstellungen " Allgemein Seite und prüfen Sie, ob die URLs gleich sind. Der JSON-Fehler könnte ausgelöst werden, wenn die Site-Adresse unterschiedlich ist.
    • Permalink-Einstellungen in WordPress korrigieren - In WordPress können Sie SEO-freundliche URLs für Ihre Seiten und Beiträge einrichten. Falsche Einstellungen können es dem Block-Editor jedoch erschweren, eine gültige JSON-Antwort zu erhalten. Achten Sie darauf, das richtige Permalink-Format auszuwählen.
    • WordPress .htaccess-Datei-Einstellungen überprüfen - Die .htaccess-Datei wird als Konfigurationsdatei in WordPress verwendet, um SEO-freundliche URLs (Permalinks) zu verwalten. Normalerweise wird sie von WordPress automatisch neu generiert und aktualisiert. Falsche Einstellungen oder veraltete .htaccess-Dateien können jedoch JSON-Fehler verursachen.
    • Siehe REST-API-Debug-Protokolle - Die REST-API ist eine Reihe von Techniken, die WordPress verwendet, um mit dem Server Ihrer Website zu kommunizieren. Ein JSON-Fehler kann auch bedeuten, dass bei der REST-API ein Fehler aufgetreten ist. Sie können dies überprüfen, indem Sie die REST-API-Protokolle auf der Site Health-Seite in WordPress anzeigen.
    • Versuchen Sie, alle Plugins zu deaktivieren - Ein Konflikt zwischen verschiedenen WordPress-Plugins kann ebenfalls zu einem ungültigen JSON-Fehler führen. Versuchen Sie, alle Plugins auf Ihrer Website zu deaktivieren, um zu sehen, ob der Fehler wieder auftritt.
    • Zum klassischen Editor wechseln - Wenn Sie den JSON-Fehler immer noch nicht beheben können, können Sie zurück zum klassischen Editor in WordPress wechseln. Der alte Content Editor verlässt sich nicht auf die REST-API, um eine JSON-Antwort vom Website-Server zu erhalten.

    Um mehr über jeden dieser Tipps im Detail zu erfahren, lesen Sie bitte unseren Leitfaden zur Behebung des ungültigen JSON-Fehlers in WordPress.

    4. fehlgeschlagene Aktualisierung / fehlgeschlagene Veröffentlichung beheben

    Eine weitere Fehlermeldung, die beim Aktualisieren oder Veröffentlichen eines Blogbeitrags oder einer Seite im WordPress-Blockeditor angezeigt werden kann, lautet: "Aktualisierung fehlgeschlagen, Sie sind wahrscheinlich offline".

    Dieses Problem tritt auf, wenn die WordPress REST API nicht mit der WordPress-Datenbank kommunizieren kann.

    Wenn der Block-Editor nicht in der Lage ist, Anfragen von der WordPress-Hosting-Datenbank zu senden und zu empfangen, werden verschiedene Teile Ihrer Website nicht funktionieren, darunter auch der Block-Editor.

    Die REST-API funktioniert möglicherweise nicht mehr, wenn Sie nicht mit dem Internet verbunden sind oder die Verbindung unterbrochen wurde. Um dieses Problem zu beheben, vergewissern Sie sich bitte, dass Ihre Internetverbindung ordnungsgemäß funktioniert, und versuchen Sie dann, Ihre Seite zu aktualisieren oder zu veröffentlichen.

    Abgesehen davon können Sie sich unter Tools " Website-Gesundheit von Ihrem WordPress-Dashboard aus und sehen Sie sich die REST-API-Protokolle an. Wenn es ein Problem mit der REST-API gibt, sehen Sie es unter dem Abschnitt "empfohlene Verbesserungen".

    Das Fehlerprotokoll zeigt, was mit der REST-API passiert ist, und kann Ihnen Hinweise darauf geben, was das Problem verursacht hat.

    Informationen zur Behebung dieses Problems finden Sie in unserer Anleitung zur Behebung von Fehlern bei der WordPress-Aktualisierung.

    5 Leerzeichen zwischen WordPress-Blöcken hinzufügen oder entfernen

    Beim Erstellen von benutzerdefinierten Seiten und Beiträgen mit dem WordPress-Block-Editor kann es vorkommen, dass Sie zu viel oder zu wenig Platz zwischen den Blöcken haben.

    Normalerweise wird der Abstand von Ihrem WordPress-Theme gesteuert. Es gibt jedoch Optionen im Block-Editor, mit denen Sie auch das Layout Ihrer Seite steuern können und die eine bessere Benutzerfreundlichkeit bieten.

    Klicken Sie einfach auf die Schaltfläche "+" und fügen Sie den Abstandsblock an einer beliebigen Stelle im Inhalt ein.

    Auf diese Weise können Sie zusätzlichen Platz zwischen den Blöcken einfügen.

    Mit WordPress können Sie auch die Größe des Abstandsblocks anpassen, indem Sie ihn nach oben oder unten ziehen.

    Wenn Sie zusätzlichen Leerraum zwischen Blöcken entfernen möchten, müssen Sie benutzerdefiniertes CSS in Ihr WordPress-Theme eingeben oder ein CSS-Plugin wie CSS Hero verwenden.

    Mit dem Plugin können Sie das CSS Ihrer Website bearbeiten, ohne den Code zu ändern. Es bietet verschiedene Abstandsoptionen, mit denen Sie den Leerraum zwischen den Blöcken anpassen können.

    Sie können SeedProd auch verwenden, um eine benutzerdefinierte Seite in WordPress zu erstellen und haben die volle Kontrolle über das Design.

    Weitere Informationen finden Sie in unserer Anleitung zum Hinzufügen oder Entfernen von Leerraum zwischen WordPress-Blöcken.

    6. kopieren und einfügen von Inhalten ohne Formatierungsprobleme

    Ist Ihnen schon einmal aufgefallen, dass Sie beim Kopieren und Einfügen von Inhalten aus einer Desktop-Anwendung oder einer Webseite in den Block-Editor auch unerwünschte Formatierungen mit einfügen?

    Sie werden sehen, dass die Schriftart und die Farben des eingefügten Inhalts nicht mit Ihrem WordPress-Theme übereinstimmen. Dies ist sehr häufig der Fall, wenn Sie Microsoft Word oder Google Docs verwenden, um den Inhalt zu schreiben und ihn dann in den Block-Editor einzugeben.

    Einige einfache Tipps, um die ursprüngliche Formatierung beizubehalten, sind die Verwendung von Word- und Google Docs-Überschriftenstilen. Auf diese Weise wählt WordPress automatisch die Überschriftenebene, wenn Sie den Inhalt in den Block-Editor einfügen.

    Außerdem sollten Sie den HTML-Code Ihrer Seite oder Ihres Beitrags überprüfen, nachdem Sie den Inhalt eingefügt haben. Im WordPress-Inhaltseditor können Sie einen Block auswählen und dann auf die drei vertikalen Punkte klicken. Wählen Sie im Dropdown-Menü einfach die Option "Als HTML bearbeiten".

    Auf diese Weise sollten Sie in der Lage sein, alle Formatierungsfehler zu finden, wie z. B. falsche Fett- und Kursivdrucke, unerwünschten Text usw.

    Weitere Einzelheiten finden Sie in unserer Anleitung zum Kopieren und Einfügen in WordPress ohne Formatierungsprobleme.

    7. das Problem des Bild-Uploads in WordPress beheben

    Als Nächstes könnte ein Fehler beim Hochladen von Bildern im WordPress-Block-Editor auftreten. Dies ist eines der häufigsten Probleme mit Bildern in WordPress.

    Der Hauptgrund für diesen Fehler liegt in falschen Dateiberechtigungen. Alle Dateien Ihrer Website sind auf Ihrem Webhosting-Service gespeichert und benötigen bestimmte Datei- und Verzeichnisberechtigungen, um zu funktionieren.

    Wenn diese Berechtigungen nicht korrekt sind, kann dies WordPress daran hindern, Dateien zu lesen und auf den Hosting-Server hochzuladen. Infolgedessen werden Sie feststellen, dass Bilder aus der Medienbibliothek verschwinden, wenn sie hochgeladen werden, oder Sie können eine Fehlermeldung sehen, die besagt, dass:

    Das Verzeichnis wp-content/uploads/2019/04 kann nicht erstellt werden. Ist das übergeordnete Verzeichnis vom Server beschreibbar?

    Um dieses Problem zu beheben, müssen Sie die Dateiberechtigungen ändern. Sie können einen FTP-Client verwenden und auf den Ordner /wp-content/ zugreifen. Von hier aus können Sie mit der rechten Maustaste auf den Ordner klicken und die Dateiberechtigungen ändern.

    Folgen Sie unserer Schritt-für-Schritt-Anleitung zum Beheben von Bild-Upload-Problemen in WordPress, um weitere Informationen zu diesem Problem zu erhalten.

    8. den HTTP-Bild-Upload-Fehler beheben

    Ein weiteres Problem, das beim Hochladen von Bildern im WordPress-Blockeditor auftreten kann, ist der HTTP-Fehler.

    WordPress zeigt einen allgemeinen "HTTP-Fehler" an, wenn Sie Bilder in die Medienbibliothek hochladen, und Sie können keine Vorschau des Bildes sehen.

    Es gibt mehrere Ursachen für dieses Problem. Das Frustrierende daran ist, dass die Fehlermeldung nicht viele Hinweise auf die tatsächliche Ursache gibt.

    Um das Problem zu beheben, können Sie mehrere Dinge ausprobieren. Zunächst können Sie einfach ein paar Minuten warten und versuchen, das Bild erneut hochzuladen. Manchmal kann es vorkommen, dass der Server Ihrer Website ein Problem hat, wie z. B. ungewöhnlichen Datenverkehr oder geringe Serverressourcen.

    Außerdem können Sie das Speicherlimit von WordPress erhöhen und verhindern, dass der HTTP-Fehler durch Speichermangel verursacht wird. Sie können auch versuchen, die von WordPress verwendete Bildbearbeitungsbibliothek zu ändern und die .htaccess-Datei zu bearbeiten.

    Es kann auch sein, dass Ihr Login abgelaufen ist. Dieser Fehler verschwindet manchmal, wenn Sie Ihren Login-Bildschirm aufrufen und Ihren Benutzernamen und Ihr Passwort erneut eingeben.

    In unserer Anleitung zur Behebung des HTTP-Bild-Upload-Fehlers in WordPress können Sie jeden dieser Tipps im Detail nachlesen.

    9. fehlende Zeitplan-Post-Fehler in WordPress entfernen

    Wussten Sie, dass WordPress eine integrierte Option zur Planung von Blogbeiträgen bietet?

    Im WordPress-Inhaltseditor können Sie das Datum und die Uhrzeit für die Veröffentlichung Ihrer Blog-Posts ändern. Manchmal kann es jedoch vorkommen, dass Ihre geplanten Inhalte nicht zur festgelegten Zeit veröffentlicht werden.

    Der Hauptgrund für diesen Fehler liegt in der WordPress-Hosting-Umgebung oder in Plugin-Konflikten. WordPress verwendet eine Technologie namens "cron", um Ihren Beitrag automatisch zu einem späteren Zeitpunkt zu veröffentlichen.

    Wenn ein Plugin oder die Website-Hosting-Server beeinträchtigt die Cron-Jobs, dann wird es zu verpassten Zeitplan Post Fehler in WordPress führen.

    Sie können dieses Problem beheben, indem Sie die Zeitzone Ihrer WordPress-Website überprüfen. Es ist möglich, dass die Zeitzone Ihrer Website nicht mit der Zeitzone übereinstimmt, die Sie für die Planung Ihrer Blogs verwenden möchten.

    Gehen Sie einfach zu Einstellungen " Allgemein im WordPress-Administrationsbereich und scrollen Sie nach unten zum Abschnitt Zeitzone.

    Sie können auch versuchen, dieses Problem zu beheben, indem Sie den WordPress-Cache leeren und das WordPress-Speicherlimit erhöhen.

    Bitte lesen Sie unsere Anleitung zur Behebung des Fehlers "Verpasster geplanter Beitrag" in WordPress.

    10. die Behebung von Ausrichtungsproblemen im WordPress-Block-Editor

    Ein weiteres häufiges Problem des WordPress-Blockeditors ist, dass Ihre Inhalte und Bilder möglicherweise nicht richtig ausgerichtet sind.

    Angenommen, Sie fügen einem Blogbeitrag eine Aufzählungsliste hinzu und richten diese mittig aus. Bei der Bearbeitung des Beitrags wird die Liste jedoch im Block-Editor linksbündig angezeigt. Ebenso kann ein mittig ausgerichteter Bildblock links- oder rechtsbündig erscheinen.

    Wenn Sie das Gutenberg-Plugin auf Ihrer WordPress-Website installiert und aktiviert haben, kann es zu Problemen bei der Blockausrichtung führen. Wir empfehlen Ihnen, das Gutenberg-Plugin zu deaktivieren und zu sehen, ob das Problem dadurch gelöst wird.

    Eine andere Lösung besteht darin, den folgenden benutzerdefinierten CSS-Code für den Text hinzuzufügen, den Sie zentriert ausrichten möchten:

     .has-text-align-center { text-align: center; } 
    Veranstaltet mit ❤️ von WPCode 1-Klick-Verwendung in WordPress

    Sie können auch unsere Anleitung zum Hinzufügen und Ausrichten von Bildern im WordPress-Blockeditor lesen.

    11. das Problem mit den falschen Miniaturansichten auf Facebook beheben

    Ist Ihnen schon einmal aufgefallen, dass beim Teilen eines Artikels auf Facebook die Post-Thumbnails nicht korrekt sind?

    Das Problem kann durch widersprüchliche Plugins, Probleme mit dem Content Delivery Network (CDN) oder fehlende Open-Graph-Meta-Tags für Facebook verursacht werden.

    Im WordPress-Block-Editor wird dies nicht angezeigt, aber Sie können im Content-Editor ein Open-Graph-Bild für Facebook angeben.

    Sie können das All in One SEO (AIOSEO) Plugin verwenden, um das Problem schnell zu beheben. Es ist das beste SEO Plugin für WordPress und hilft Ihnen, Ihre Website für Suchmaschinen und soziale Medien zu optimieren.

    Nach der Aktivierung sehen Sie im WordPress-Content-Editor eine AIOSEO-Einstellungs-Metabox. Gehen Sie einfach auf die Registerkarte "Social".

    Als Nächstes können Sie nach unten zum Abschnitt "Bildquelle" blättern.

    In der Dropdown-Liste können Sie auswählen, welches Bild auf Facebook und anderen Websites für soziale Medien angezeigt werden soll, wenn der Artikel geteilt wird.

    Sie können unserer Anleitung zur Behebung des Problems mit den falschen Miniaturbildern in WordPress folgen und sich über andere Möglichkeiten zur Lösung dieses Problems informieren.

    12. oEmbed-Probleme bei Facebook und Instagram beheben

    Ein weiteres Problem im Zusammenhang mit dem Block-Editor für soziale Medien ist das Hinzufügen von Facebook- und Instagram-Inhalten zu WordPress.

    In der Vergangenheit konnten Sie problemlos Beiträge von Instagram oder Facebook in WordPress einbetten, aber Facebook hat die Funktionsweise von oEmbed geändert.

    Sie können Videos, Bilder, Updates und andere Inhalte nicht mehr in WordPress einbetten, sondern es wird eine einfache URL des Inhalts angezeigt.

    Sie können dieses Problem ganz einfach mit einem WordPress-Plugin für soziale Medien wie Smash Balloon beheben, das Ihnen hilft, Inhalte von Facebook und Instagram mithilfe von oEmbed einzubetten, und Sie können auch Social Media Feeds auf Ihrer Website anzeigen.

    Weitere Einzelheiten finden Sie in unserer Anleitung zur Behebung von Facebook- und Instagram-oEmbed-Problemen in WordPress.

    13. eingebettete Inhaltsvorschau im Block-Editor wird nicht angezeigt

    Dieses Problem trat in der WordPress-Version 5.7 auf: Wenn Sie ein Video von YouTube oder Vimeo einbetteten oder Audio von Spotify oder SoundCloud hinzufügten, wurde die Vorschau nicht im Block-Editor angezeigt.

    Stattdessen wurde in den Blöcken einfach "Vorschau ist nicht verfügbar" angezeigt. Die Hauptursache für dieses Problem war die Standardfunktion "Lazy Loading".

    In WordPress 5.5 wurden iFrames standardmäßig mit Verzögerung geladen, was bedeutete, dass eingebettete Inhalte wie Bilder erst geladen wurden, wenn ein Besucher nach unten scrollte, um an die Stelle des Inhalts zu gelangen.

    Dieses Problem lässt sich ganz einfach beheben, indem Sie Ihre WordPress-Version aktualisieren. Dieser Fehler wurde inzwischen behoben. Wenn Sie Version 5.7 oder niedriger verwenden, empfehlen wir dringend, Ihr WordPress auf die neueste Version zu aktualisieren.

    Wir hoffen, dass dieser Artikel Ihnen geholfen hat, die häufigsten Probleme mit dem Block-Editor und deren Behebung kennenzulernen. Vielleicht interessieren Sie sich auch für unseren Leitfaden zu häufigen WordPress-Fehlern und deren Behebung sowie für den ultimativen Leitfaden zu WordPress SEO für Anfänger.

    Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.




    Paul Steele
    Paul Steele
    Als Gründer der erfolgreichen Online-Marketing-Agentur unterstützt Paul Steele seit über einem Jahrzehnt Unternehmen jeder Größe beim Aufbau einer starken Online-Präsenz. Sein Fachwissen umfasst alles von Suchmaschinenoptimierung bis hin zu Social-Media-Marketing, aber seine wahre Leidenschaft liegt darin, Anfängern dabei zu helfen, das Innenleben von WordPress zu verstehen. Mit seinem Talent, komplizierte Konzepte in leicht verständliche Schritte zu zerlegen, ist Pauls Anfängerleitfaden für WordPress zu einer unverzichtbaren Ressource für neue Website-Besitzer, Blogger und Unternehmer geworden, die die Kontrolle über ihre Online-Präsenz übernehmen möchten. Egal, ob Sie Ihre Website für Suchmaschinen optimieren, das Erscheinungsbild Ihrer Website anpassen oder einfach nur durch die WordPress-Benutzeroberfläche navigieren möchten, Pauls freundliche und zugängliche Herangehensweise sorgt dafür, dass sich der Prozess weniger einschüchternd und überschaubarer anfühlt. Als begeisterter Blogger und erfahrener digitaler Vermarkter teilt Paul sein Wissen und seine Erkenntnisse auch zu anderen Themen im Zusammenhang mit Online-Marketing und hilft seinen Lesern, über die neuesten Trends und Best Practices in der Branche auf dem Laufenden zu bleiben.