WordPress 5.0 und Divi: Den Editor passend einrichten

|
WordPress und Divi Logo auf Laptop
Mit WordPress 5.0 gab es vor allem für Redakteure eine große Änderung: Der Gutenberg-Editor wurde eingeführt. Und das hat auch für die Nutzer des Divi-Themes Auswirkungen. Ich erkläre euch, was im Editor neu ist und wie ihr, falls euch die neue Umgebung nicht zusagt, auf den vorherigen Editor wechseln könnt.

Wenn ihr eure WordPress Installation aktualisiert habt und dann das Update für Divi einspielt, werdet ihr vermutlich zunächst etwas überrascht sein, denn danach ist Folgendes beim Erstellen von Artikeln und Seiten zu sehen:

Beim Erstellen von Artikeln und Seiten wird ein Hinweis auf Divi angezeigt
Beim Erstellen von Artikeln und Seiten wird ein Hinweis auf Divi angezeigt

Ein Klick auf "Standard-Editor verwenden" führt zum Gutenberg-Editor, der Button daneben zum Divi-Builder im Frontend. Die Drahtgitter-Ansicht, in der man nur die einzelnen Container und die dazugehörigen Module sah, scheint allerdings verschwunden. 

Der Frontend-Divi-Editor im Mittelpunkt

Tatsächlich haben die Entwickler von Divi ihren Fokus vermehrt auf den Frontend-Editor des Themes gelegt. In diesem kann man Artikel und Seiten nah am Design bearbeiten, wodurch die Grenzen zwischen Front- und Backend zunehmend verschwinden. Das könnte Redakteuren das Arbeiten erleichtern.

Wer sich über lange Zeit an den Divi-Editor gewöhnt hat, will vielleicht aber die gewohnte Umgebung wieder haben – gut, dass es dafür Lösungen gibt :-) 

Back to the roots: den Editor wie gewohnt verwenden

Und hier seht ihr auch: Die gewohnte Drahtgitter-Ansicht ist keineswegs verschwunden, sondern nur an einer anderen Stelle zu finden. Wählt dazu den Divi-Builder aus, um zur Frontend-Bearbeitung zu wechseln. Dort öffnet ihr unten das erweiterte Menü. In der linken Ecke seht ihr dann das Icon, mit dem sich zu der Drahtgitter-Ansicht wechseln lässt.

Drahtgitter-Ansicht von Divi
Drahtgitter-Ansicht von Divi

Alternativ dazu könnt ihr auch die vorherige Version des Editors verwenden, in der die Drahtgitter-Ansicht Standard war. Um das zu erreichen, gibt es zwei Möglichkeiten:

  1. Installiert euch das Plugin "Classic Editor". Dieses stellt den "Pre-Gutenberg-Editor" wieder her und damit verbunden den bekannten Divi-Editor.
     
  2. Ihr könnt aber auch ganz ohne zusätzliches Plugin zur gewünschten Konfiguration kommen. Dafür geht ihr einfach ins Backend eurer WordPress Installation in die Einstellungen von Divi. Im Reiter "Builder" unter "Advanced" lässt sich der Classic Editor aktivieren – eine elegante Lösung, wie ich finde.
Unter "Fortgeschritten" im Reiter "Builder" kann der klassische Editor aktiviert werden
Unter "Fortgeschritten" im Reiter "Builder" kann der klassische Editor aktiviert werden

Neues Jahr, neue Chance: Der neue Workflow hat sie verdient!

Aus meiner Sicht ist der Fokus der Divi-Entwickler auf die Frontend-Gestaltung gut und zukunftsrelevant. Wobei ich sagen muss, dass der Frontend-Builder hier und da noch schwer zu bedienen ist und mir die gewohnte Konfiguration über die Drahtgitter-Ansicht fehlt.

Ich schätze aber, dass die Bedienung von Divi über das Frontend in Zukunft weiter forciert wird. Demnach wäre der Weg mit dem Classic-Editor eine Übergangslösung. Für sauberes Programmieren und Entwickeln könnte man sich dazu entscheiden, die Unterstützung für den Classic-Editor einzustellen.

Meine Empfehlung lautet daher: Verzichtet auf den Classic-Editor und gebt dem neuen Workflow rund um den Divi-Editor eine Chance. Es kann sehr gut sein, dass ihr nach etwas Eingewöhnung die Funktionen lieben werdet.

Erzählt doch mal, für welchen Workflow habt oder würdet ihr euch entscheiden?

Ähnliche Artikel:

Arbeitsplatz mit WordPress Logo auf Laptop Screen
Webentwicklung

WordPress 5.0 „Bebo“ ist da!

Was es mit dem neuen WordPress Release 5.0, dem Editor und den sonstigen Features auf sich hat, erfahrt ihr hier bei uns im Blog.

Lettern, die für den Buchdruck verwendet wurden
Webentwicklung

Gutenberg: der neue Editor von WordPress

Mit Gutenberg, dem neuen Editor von WordPress, beginnt eine neue Ära. Denn nicht nur das Design ändert sich, sondern auch die Art, damit zu editieren.

Hände halten Tablet mit aufwärts weisenden Liniendiagramm, daneben blaues Mittwald-Schloss
Online-Marketing

Mit WordPress SEO-konform auf SSL umsteigen

In dieser Dokumentation zeigen wir, wie man WordPress-Installationen auf SSL umstellt! ✘keine Rankingverluste ✘ kein Dublicate Content

Menschen legen Puzzle, welches das WordPress Logo zeigt, zusammen
Webentwicklung

WP-CLI: Einfache WordPress Administration über die Kommandozeile

Mit dem Kommandozeilenprogramm WP-CLI lassen sich Aufgaben viel schneller erledigen. Wir erklären, welche nützlichen Kurzbefehle es gibt.

Mann sitzt am Laptop mit WordPress Logo auf Screen
Webentwicklung

Doppelt gesichert: die Zwei-Faktor-Authentifizierung in WordPress

Bei der Zwei-Faktor-Authentifizierung treffen WordPress und Sicherheit aufeinander. Wir zeigen euch, wie man die doppelte Sicherheit einrichtet.

Person sitzt vor Laptop und arbeitet
Webentwicklung

How to WooCommerce – erste Schritte mit dem WordPress Plugin

Die ersten Schritte mit WooCommerce einfach erklärt inklusive hilfreicher Tipps zur Anwendung.

Kommentare

Birte Steinmetz am
Hi, ist es sinnvoll, den Gutenberg Editor in Divi zu benutzen? Also den Page Builder von Divi gar nicht als Plugin zu installieren. Ich hab mich ein bisschen eingelesen und würd gern für eine neue Seite nicht den Code mit Pagebuilder.Zeug "beschmutzen"... falls man umsteigen will.
LG
Viktor Peters am
Hallo Birte,

ich würde an deiner Stelle schauen, was ich brauche. Reichen die Funktionen des Gutenberg-Editors, würde ich dabei bleiben. Fehlen einige Funktionen aus dem Divi-Editor, würde ich diesen verwenden.

Aus meiner Sicht ist deine Einschätzung mit dem "beschmutzen" korrekt: Der Divi-Editor bringt viel Code mit rein. Auf der anderen Seite aber natürlich auch sehr viele Funktionen. Hier muss man abwägen, was für das geplante Webprojekt überwiegt.

Lieben Gruß aus dem Mittwald Blog-Team,
Viktor
Stefan Seidner-Britting am
Danke für die Info, dass der Backend-Editor von Divi jetzt nur noch auf Umwegen zu erreichen ist.

Ich arbeite hauptsächlich im Frontend-Editor, eben weil ich dort sofort sehe, wie Änderungen sich auswirken. Und durch das Drahtgitter-Icon unten links kann ich mir manchmal mehr Orientierung verschaffen, wo ein neues Modul / Zeile / Abschnitt anfängt.

In meinen Augen gab/gibt es keinen Unterschied zwischen Drahtgitter-Ansicht im Frontend und dem alten Divi-Backend-Editor.