Gutenberg kommt bald zu WordPress. Dein Website ist er bereit? Obwohl wir noch nicht genau wissen, wie es aussehen wird, wird dieses neue Inhaltssystem in Zukunft zu WordPress hinzugefügt. Werfen wir einen Blick auf die potenziellen Auswirkungen, die dies auf Ihre Website haben könnte, und auf Möglichkeiten, Problembereiche frühzeitig zu erkennen und zu beheben.
Was ist Gutenberg?
Gutenberg ist ein WordPress-Projekt, das darauf abzielt, Benutzern mehr Flexibilität bei der Gestaltung ihrer Inhalte zu geben. Im Wesentlichen zielt das Projekt darauf ab, den aktuellen Editor, der hauptsächlich als Textverarbeitung fungiert, durch eine visuellere und strukturiertere Oberfläche zu ersetzen. Derzeit ist Gutenberg ein Plugin und gibt Benutzern die Möglichkeit, ihre Inhalte auf die gleiche Weise zu bearbeiten wie Visual Composer oder andere Drag-and-Drop-Editoren (Drag & Drop), jedoch auf vereinfachte und sehr intuitive Weise.
Um mehr über Gutenberg zu erfahren, klicken Sie hier.
Die Teile Ihrer Website
Gutenberg ist ein riesiges Unternehmen und wird wahrscheinlich viele Endpunkte in Ihrem erreichen Website. Dies sind die drei Bereiche, die wir auf mögliche Probleme untersuchen werden:
- Ihr Thema: Gutenberg verfügt über eigene Stile für den Inhalt. Ist Ihr Thema kompatibel? Wie wird Gutenberg aussehen, wenn er aktiv ist?
- Ihre Plugins: Es ist möglich, dass Gutenberg auf unerwartete Weise mit Ihren anderen Plugins interagiert. Wir werden sehen, was es sein könnte und was getan werden muss, um auftretende Probleme zu beheben.
- Dein Inhalt: Gutenberg beeinflusst die Art und Weise, wie Ihre Inhalte angezeigt werden. Wir werden einen Blick darauf werfen, wie dies das Aussehen Ihrer Seiten verändern kann, und einige mögliche Lösungen durchgehen, wenn Sie Probleme haben.
Einrichten eines Testbereichs
Bevor Sie beginnen, sollten Sie einen Testbereich einrichten, in dem Sie mit Gutenberg experimentieren können, ohne Ihre Hauptwebsite zu gefährden. Idealerweise sollten Sie Ihren eigenen Testbereich erstellen oder eine lokale Kopie Ihrer Site erstellen. Weitere Informationen zum Ausführen einer dieser Aufgaben finden Sie im folgenden Lernprogramm: Wie installiere ich WordPress lokal?.
Ist dies nicht möglich, können Sie die Tests direkt auf Ihrer Site durchführen. Beachten Sie, dass dies riskant sein kann, da wir eine Reihe von Teilen Ihrer Website aktivieren und deaktivieren. Wenn Sie Live-Tests durchführen, stellen Sie sicher, dass Sie eine Sicherungskopie Ihrer Site erstellen, bevor Sie beginnen.
Wenn Sie wissen, wo Sie testen möchten, gehen Sie zum Plugins-Verzeichnis und suchen Sie Gutenberg. Sobald es installiert und aktiviert ist, lesen Sie weiter.
Stellen Sie Ihr Thema auf die Probe
Nachdem Sie Gutenberg installiert haben, werfen wir einen Blick auf den ersten Abschnitt Ihrer Website, der möglicherweise betroffen ist: Ihr Thema. Wenn zu diesem Zeitpunkt bereits größere Probleme auftreten, z. B. Datenbankfehler oder Probleme mit dem WordPress-Dashboard, fahren Sie mit Abschnitt fort Was tun bei zu vielen Problemen?.
Da Gutenberg hauptsächlich mit dem Inhalt der Website interagiert, reicht es aus, einige Dinge zu testen - zum Glück für uns.
Das erste ist, dass Gutenberg mit einem eigenen Stylesheet und einer Reihe von Stilen geliefert wird. Überprüfen Sie die verschiedenen Arten von Seiten und Vorlagen, die auf Ihrer Website verwendet werden, um sicherzustellen, dass sie weiterhin korrekt angezeigt werden. Das Hauptziel hierbei ist es, sich auf Elemente im Hauptinhaltsbereich Ihrer Seiten zu konzentrieren, insbesondere auf die Inhalts- und Bildblöcke. Wenn Sie Probleme feststellen, haben Gutenberg-Stile wahrscheinlich Vorrang vor denen auf Ihrer Website.
Um dies zu korrigieren, müssen Sie feststellen, woher das Problem kommt. Normalerweise ist dies ein CSS-Selektor, der sich auf ein HTML-Element oder die Priorität von Gutenberg-Stilen gegenüber Ihren eigenen Klassen konzentriert. Versuchen Sie in beiden Fällen festzustellen, wo der Fehler auftritt. Stellen Sie als Nächstes fest, warum Gutenbergs Stile Ihre überschreiben, und korrigieren Sie Ihren Code, damit er Vorrang hat.
Versuchen Sie, Korrekturen in Ihrem eigenen Thema vorzunehmen (oder noch besser, in einem untergeordneten Thema oder Bereich, der in Ihrem Thema für CSS angegeben ist), anstatt Gutenberg zu modifizieren. Wenn Sie eine der Dateien in Gutenberg direkt bearbeiten, wird sie wahrscheinlich überschrieben, wenn das Plugin aktualisiert wird.
Ebenso möchten Sie ein für alle Mal dieselben Tests auf Ihrem Dashboard ausführen. Themenoptionen und andere benutzerdefinierte Abschnitte, die von Ihrem Thema generiert wurden, scheinen die größten Schuldigen zu sein. Sobald Sie Stylingprobleme in diesen Bereichen identifiziert haben, können Sie diese normalerweise beheben, indem Sie ein untergeordnetes Thema ändern oder erstellen und dort das CSS optimieren.
Funktionieren Ihre Plugins?
Nach dem Testen Ihres Themas lauten die Plugins für Ihre Site wie folgt. Achten Sie insbesondere auf Plugins, die Shortcodes enthalten, die Sie in Ihren Inhalten verwenden (z. B. Gravity Forms), Plugins, die das Erscheinungsbild Ihres Inhalts beeinflussen (z. B. Plugins für Barrierefreiheit, die sich auf die Textgröße auswirken) und Plugins, die Elemente direkt in Ihre Seite einfügen (z. B. erweiterte benutzerdefinierte Felder).
Erkunden Sie die Shortcodes
Um diesen Bereich zu überwachen, erstellen Sie zunächst eine Liste aller von Ihnen verwendeten Shortcodes sowie der Seiten, auf denen sie vorhanden sind. Besuchen Sie mit Ihrer Liste jede dieser Seiten, um festzustellen, ob sie wie erwartet funktionieren. Wenn Sie Stylingprobleme haben, haben Sie wahrscheinlich das gleiche Problem wie zuvor und müssen Ihre Styles neu anpassen.
Wenn jedoch der Shortcode und nicht der erwartete Inhalt angezeigt wird (d. H. Ihre Seite zeigt den [shortcode]anstatt das Richtige zu tun, gibt es eine andere Lösung. In diesem Fall können Sie sich den Block ansehen, in dem sich der Shortcode befindet, und bestätigen, dass er nicht als Text betrachtet wird (suchen und entfernen Sie unerwünschte Beschriftungen um den Shortcode). Wenn das Problem weiterhin besteht, sollte durch Verschieben des Shortcodes in einen geeigneteren Blocktyp alles neu gestartet werden.
Aussehen des Inhalts
Dieses Problem ergibt sich aus demselben Problem, das wir bereits behandelt haben: Stilsubstitutionen. Identifizieren Sie die betroffenen Elemente und korrigieren Sie das CSS.
Elementerstellung
Der letzte Bereich, in dem wir nach widersprüchlichen Themen suchen, betrifft die Artikelerstellung. Jedes Plugin, das HTML-Elemente ohne Verwendung von Shortcodes in eine Seite einfügt, ist hier verdächtig, beispielsweise wenn PHP benutzerdefinierte Felder aus dem Plugin für erweiterte benutzerdefinierte Felder extrahiert.
Die häufigste Abweichung beim Erstellen von Elementen besteht in inkompatiblen Blöcken. Da Gutenberg eigene Stile bereitstellt, werden Ihre Elemente möglicherweise nicht korrekt angezeigt, wenn sie in einem unbeabsichtigten Block erstellt werden. Die Lösung hierfür besteht darin, sicherzustellen, dass Ihr Code Elemente zu dem Block hinzufügt, in dem sie sich befinden sollen.
Erscheint Ihr Inhalt nach Bedarf?
Es ist nicht so dringend wie die anderen Probleme, die wir besprochen haben, aber es könnte einige Komplikationen bei der Anzeige Ihrer Inhalte geben. Die meisten dieser Probleme werden durch geringfügige Stylingänderungen oder die verursachtOrganisation Blöcke. Um dies zu beheben, müssen Sie mit dem Blocksystem herumspielen, bis Sie Ihre Seite so erhalten, wie Sie es möchten.
Was tun bei zu vielen Problemen?
Sind Sie auf ein Problem gestoßen, das Sie mit den Vorschlägen in diesem Lernprogramm nicht lösen konnten? Keine Panik ! Es dauert noch einige Zeit, bis Gutenberg in den Kern von WordPress integriert ist.
Schreiben Sie zunächst auf, was der Fehler ist und welche Schritte zu dem Fehler geführt haben. Je mehr Informationen Sie sammeln können, desto besser. Geben Sie all diese Informationen an das Gutenberg-Team weiter. Mit etwas Glück können sie das Problem ermitteln und in einer zukünftigen Version beheben.
Wenn Sie an einer Staging-Site gearbeitet haben, ist dies zu diesem Zeitpunkt alles, was Sie jetzt tun können. Überprüfen Sie weiterhin die Versionshinweise, um festzustellen, ob Ihr Problem behoben ist, oder arbeiten Sie möglicherweise daran, es selbst zu beheben.
Wenn Sie an Ihrer Live-Site gearbeitet haben, sollte durch Deaktivieren von Gutenberg alles wieder normalisiert werden. Wenn nicht, ist es Zeit, zu dem Backup zurückzukehren, das Sie zu Beginn des Tutorials erstellt haben!
Viel Glück bei Ihrer Installation!
Gutenberg zielt darauf ab, die WordPress-Umgebung massiv zu verändern, um Inhalte zum Besseren zu verändern. Stellen Sie sicher, dass Ihre Site mit den neuen Änderungen funktioniert, bevor sie in den Hauptzweig gelangt. Wenn Sie andere als die hier aufgeführten Probleme, bessere Lösungen oder Korrekturen für irgendetwas in diesem Tutorial haben, hinterlassen Sie bitte unten einen Kommentar.
