Generelles Arbeiten mit Blöcken
Letzte Änderung: 21.11.2020
- Classic Editor
- Block-Editor-/-Gutenberg-Editor
- Block Classic
Der Classic Editor ist ein Plugin, das den alten Editor und die Arbeitsumgebung* von WordPress vor der Version 5.0 wiederherstellt. Der alte Editor wird “klassischer Editor” oder auch “TinyMCE” genannt. Manchmal werden die Begriffe “Classic Editor” und “klassischer Editor” auch vermischt, da nach Aktivierung des Plugins der “klassische Editor” ja wieder vorhanden ist.
*Damit ist die Arbeitsumgebung bei der Bearbeitung und Neuerstellung von Seiten und Beiträgen gemeint.
Mit WordPress ab Version 5.0 wurden ein neuer Editor als Standard sowie auch eine neue Arbeitsumgebung* eingeführt und der alte Editor samt User-Interface entfernt. Der neue Editor wird als “Block-Editor” oder auch als “Gutenberg-Editor” bezeichnet.
*Damit ist die Arbeitsumgebung bei der Bearbeitung und Neuerstellung von Seiten und Beiträgen gemeint.
Der Block Classic ist Bestandteil des neuen Editors und somit in WordPress ab Version 5.0 vorhanden. Von den insgesamt 67 Blöcken (WordPress v. 5.2), die im Block-/Gutenberg-Editor standardmäßig enthalten sind, ist der Block Classic eindeutig ein Juwel und DER Geheimtipp!
Denn er bringt das alte Schreibwerkzeug (den klassischen Editor) zurück in WordPress – zumindest was den visuellen Modus betrifft. Der HTML-/Text-Modus jedoch lässt die Icon-Leiste vermissen und die Arbeitsumgebung* wird durch den Block Classic nicht verändert.
*Damit ist die Arbeitsumgebung bei der Bearbeitung und Neuerstellung von Seiten und Beiträgen gemeint.
Am Anfang steht der Titel
Titel eintragen und speichern
Nachdem Sie den Titel eingetragen haben, sollten Sie speichern, indem Sie oben links neben dem Button “Vorschau” auf den Link “Entwurf speichern” klicken, das versetzt Ihren Artikel in den Status Entwurf. Keine Sorge, der Artikel wird erst veröffentlicht, wenn Sie den Button “Veröffentlichen” klicken (erfahren Sie hier mehr darüber).
Wo ist der Permalink?
In WordPress vor Version 5.0 wurde der Permalink immer unter dem Titel angezeigt und war dauerhaft sichtbar. Ab WordPress 5.0 muss man erst speichern und kann den Permalink dann mithilfe des Feldes “URL-Titelform” in der Seitenleiste ändern.
Die Titelform, die zuvor unter dem Editor sichtbar war, ist in die Dokumentenleiste in das Bedienfeld “Permalink” gewandert und hat die Bezeichnung URL-Titelform.
Das Bedienfeld wird erst sichtbar, wenn der Artikel gespeichert wurde. Wenn die Revisionen nicht deaktiviert wurden, erfolgen übrigens auch automatische (Entwurfs-)Speicherungen.
Videos: WordPress 5.2
Die Blöcke-Box und unsinnige Sortierungen
Videos: WordPress 5.2
Folgen Sie dem Plus-Icon
Positioniert man den Mauszeiger mittig über oder unter einen Block taucht i. d. R. ein Plus-Icon (auch Inserter genannt) auf (eine Ausnahme hiervon macht allerdings der Block Absatz).
Unter dem letzten Block im Inhaltbereich befindet sich rechts ein Plus-Icon (auch hier macht der Block Absatz wieder eine Ausnahme).
Dauerhaft ist das Icon oben links im Inhaltsbereich verankert. Klickt man auf ein Plus-Icon oben links wird die gesamte Block-Bibliothek sichtbar. Klickt man auf ein Plus-Icon im Inhaltsbereich wird eine Auswahl an Blöcken mit Link zur Block-Bibliothek angezeigt.
Die Block-Bibliothek
Die Block-Bibliothek besteht aus permanenten und kontextabhängigen Bereichen/Kategorien. Die permanenten Kategorien werden auf der Seite Block-Übersicht beschrieben. Wenn Sie “wiederverwendbare Blöcke” gespeichert haben, werden diese in einem Tab in der Box angezeigt. Ein weiterer Tab beinhaltet die neuen Block-Vorlagen (block patterns).
(K)eine Sortierung
Glücklicherweise wandern die Blöcke nicht mehr, wie es zuvor der Fall war. Dennoch ist die Sortierung innerhalb der Kategorien nicht schlüssig.
Die Block-Vorlagen
Neben dem Tab Block-Bibliothek gibt es einen weiteren Standard-Tab “Block-Vorlagen”. Dahinter befinden sich vorgefertigte Layouts, die mit Mausklick in den Inhalt eingefügt werden können.
Blöcke hinzufügen
Slash / oder Schreiben?
“Schreib etwas oder tippe / zur Blockauswahl” heißt, wenn man der Aufforderung folgt und schreibt, hat man damit den Block Absatz erstellt. Tippt man direkt das Slash /, wird ein Auswahlfeld/eine Liste angezeigt, durch die man scrollen kann.
Dann doch lieber das Plus-Icon
Es fällt mir zugegebenermaßen nicht so ganz leicht, die Sache mit den Plus-Icons zu erklären. Es taucht an verschiedenen Stellen auf, zeigt in der Block-Bibliothek aber immer alle existierenden Blöcke und hat eine Suchfunktion, die auch die Sektion “Block-vorbereitete Plugins” des WordPress-Plugin-Verzeichnisses durchsucht .
Klickt man in der Auflistung der Block-Bibliothek auf einen Block, wird dieser in den Inhaltsbereich eingefügt und zwar unterhalb des aktiven Blocks.
Fangen wir mit den einfachen (nicht verschachtelten) Blöcken an und klammern den Block Absatz hierbei aus, ist es schnell erklärt: Das Plus-Icon erscheint, wenn der Mauszeiger mittig über dem äußeren oberen oder unteren Rand des Blocks schwebt. So weit so gut.
Ist der Block der letzte im Inhaltsbereich befindet sich ein Inserter unterhalb des Blocks auf der rechten Seite.
Aber darunter ist doch auch ein Plus-Zeichen
Ja, aber nicht immer (und eigentlich ist auch dieses Plus-Icon wieder über einem Block).
Unter jeden Block, der ganz zum Schluss eingefügt wurde, wird automatisch dieser leere, potentielle Absatz-Block hinzugefügt – nur unter den Block Absatz wird nichts hinzugefügt.
Was bedeutet “potentieller Absatz-Block”?
Ich nenne es so. Sobald man etwas hinein schreibt, wird es ein Block Absatz. Klickt man aber auf das Plus-Icon rechts davon, kann man einen anderen Block in diesen Füll-Block einfügen.
In den Block Spalten sowie in den Block Gruppe kann jeder Block eingefügt und es können beliebig viele Blöcke hinzugefügt werden. Das Plus-Icon befindet sich an unterschiedlichen Stellen.
Darauf wird in den Videos zu WordPress 5.5 näher eingegangen.
An dieser Stelle aber der Hinweis, dass man über oder unter jeden Block (egal ob der Block in einem anderen Block ist oder alleine) einen anderen Block hinzufügen kann mit Klick auf die drei senkrecht angeordneten Punkte in der Block-Werkzeugleiste, und dann auf “Davor einfügen” oder “Danach einfügen” klicken.
Auch durch Ziehen-und-Einfügen (Drag-and-Drop) kann man Blöcke beliebig positionieren.
Videos: WordPress 5.2
Block verschieben
Videos: WordPress 5.2
Zwei Möglichkeiten
Die Klick-Methode
Unter der Voraussetzung, dass der Block nicht der einzige im Inhaltsbereich ist, wird in der Block-Werkzeugleiste ein neues Icon mit Dreieck nach oben/unten angezeigt und sobald man auf eins der Dreiecke klickt, wird der Block über oder unter den nächsten Block bewegt.Richtung.
Die Drag-and-drop-Methode
Statt eines kurzen Klicks auf eins der Dreiecke kann man auch auf das Icon mit den 6 Punkten (links daneben) klicken, den Mauszeiger gedrückt halten und den Block an die gewünschte Stelle ziehen und dann den Mauszeiger los lassen. Die möglichen Positionen werden mit dicken blauen Linien visualisiert.
Block und Blöcke auswählen
Block-Navigation und Mausklick
Im Inhaltsbereich in der oberen linken Leiste ist das Icon Block-Navigation zu finden (drei vertikal angeordnete, leicht verschobene Striche). Ein Klick darauf zeigt ein Menü mit den in den Inhaltsbereich eingefügten Blöcken. Der aktive (angeklickte) Block ist farblich umrandet.
Hat man im Inhaltsbereich auf einen verschachtelten Block geklickt, wird in der Block-Navigation hingegen nur diese innere Struktur angezeigt.
Man kann über die Block-Navigation zu einem Block – gleich ob zu einem einzelnen, einem Container-Block oder einen in einen Container eingefügten Block – navigieren, indem man auf den entsprechenden Menüpunkt klickt.
Leider heißen die Menüpunkte genauso wie die jeweiligen Blöcke. Ein Anpassen des Namens ist nicht möglich. Wenn dort 10 x Absatz steht, ist das natürlich wenig hilfreich für eine Orientierung. Aber vielleicht wird das irgendwann einmal geändert und man erhält die Möglichkeit, eigene Bezeichnungen dort zu vergeben.
Durch die Blöcke navigieren
Wer einfach nur die TAB- oder die Pfeil-Tasten (nach oben und unten) drückt, aktiviert mit jedem Tastendruck ein Element nach dem nächsten.
Wird zuvor die ESC-Taste und dann erst die TAB-Taste gedrückt, wird ein Block nach dem nächsten, von oben nach unten aktiviert. Innere Blöcke, wie zum Beispiel in einer Gruppe, sind davon ausgenommen. Die Navigation findet nur über die umgebenden Haupt-Blöcke statt. Wird der letzte Block erreicht und man drückt weiterhin die TAB-Taste wandert der Fokus in die Seitenleiste. Die umgekehrte Reihenfolge von unten nach oben erreicht man durch gleichzeitiges Drücken der SHIFT- und der TAB-Taste.
Die Pfeil-Taste nach unten funktioniert nahezu genauso wie die TAB-Taste (erst ESC-Taste drücken), mit dem Unterschied, dass die Navigation nur innerhalb des Inhaltsbereiches stattfindet. Zurück nach oben geht es mit der Pfeil-nach-oben-Taste.
Hat man den gewünschten Block erreicht, kann der Navigationsmodus durch das Drücken der ENTER-Taste beendet werden, wodurch man gleichzeitig in den Block-Bearbeitungs-Modus gelangt.
Einfachen Block auswählen
Ein Klick auf den Block und schon ist er ausgewählt und kann bearbeitet oder gelöscht werden. Oder man wählt ihn per Klick über die Block-Navigation aus.
Verschachtelte Blöcke auswählen
So mancher ist schon schier daran verweifelt, den gewünschten Block auszuwählen, wenn Blöcke in einen Block eingefügt wurden, z. B. in den Block Spalten.
Man weiß oft nie so wirklich, welchen der Blöcke man angeklickt hat und besonders schwierig war es bislang, den umgebenden Container zu erwischen.
Doch seit WordPress 5.5 ist das einfacher geworden. Man lässt den Mauszeiger in der Block-Werkzeugleiste über dem Icon ganz links schweben und dann sollte darüber ein Icon des umgebenden (Eltern-) Blocks erscheinen. Klickt man auf dieses Icon, wird der Container aktiviert/ausgewählt.
Bei den inneren Blöcken verschafft ein Blick in die Block-Navigation immer einen guten Überblick – darüber lässt sich zudem problemlos durch den Container navigieren.
Mehrere Blöcke auswählen – nur per Maus
- In der Block-Navigation kann man nicht mehrere Blöcke auf einmal auswählen.
- Die Blöcke müssen über- bzw. untereinander liegen, es ist nicht möglich, eine selektive Auswahl zu treffen.
- Man kann oberhalb eines Blocks klicken, Mauszeiger gedrückt halten und über die Blöcke fahren und so versuchen, diese auszuwählen (klappt nicht immer)
- oder man hält die Shift-Taste gedrückt, klickt auf den ersten gewünschten Block und dann auf den letzten auszuwählenden Block. Eine blaue Block-Umrandung kennzeichnet die erfolgreiche Auswahl.
Videos: WordPress 5.2
Block und Blöcke löschen
Videos: WordPress 5.2
Per Rechtsklick oder Tastenkürzel
Den Block auswählen (s. vorheriges Kapitel über Block auswählen) und dann in der Werkzeugleiste auf die drei vertikal angeordneten Punkte klicken. In dem nun öffnenden Bedienfeld auf “Block entfernen” klicken oder Shortcut Shift+Alt+z anwenden.
Hilft fast immer: Entf
Es geht auch einfacher: Klick in den Block und die Taste Entfernen (Entf) drücken.
Mehrere Blöcke auf einmal löschen
Erst die Blöcke auswählen (sie müssen über-/untereinander liegen), siehe vorherigen Abschnitt “Block oder Blöcke auswählen” und dann die Taste Entfernen (Entf) drücken.
Blocktyp umwandeln
Icon ganz links in der Block-Werkzeugleiste
Einige Blöcke können in andere Blöcke umgewandelt werden, eine Auflistung darüber, welche Blöcke das sind und in welche Blöcke sie umgewandelt werden können, finden Sie hier.
Das Icon zum Umwandeln ist immer das erste Icon links in der blockeigenen Werkzeugleiste. Wie Sie Zugriff auf die Werkzeugleiste erhalten und wo sie zu finden ist, können Sie hier (Punkt 1. obere Werkzeugleiste) nachlesen.
Bevor Sie etwas umwandeln, sollten Sie allerdings immer am besten den Beitrag oder die Seite abspeichern.
Alle Blöcke können in den Block Gruppe umgewandelt werden, das bedeutet schlicht “gruppiert werden”, also der Block wird in einen Block Gruppe verschoben.
Videos: WordPress 5.2
Wiederverwendbare Blöcke
Videos: WordPress 5.2
Was ist ein wiederverwendbarer Block?
Einen Block beliebig oft verwenden und zentral verwalten, das ist kurz zusammengefasst der Sinn dahinter. Mal angenommen, Sie haben ein Aktionsangebot, das Sie auf verschiedenen Seiten platzieren möchten. Sie erstellen den Block einmal, speichern ihn als “wiederverwendbaren Block” ab und fügen ihn an den gewünschten Stellen ein. Ein paar Tage später ändert sich der Angebotspreis, dann brauchen Sie nur das zentrale Element ändern und diese Änderung wird überall übernommen.
Bis auf den Block Classic kann jeder Block als wiederverwendbarer Block abgespeichert werden. Klicken Sie dafür einfach auf die drei vertikal angeordneten Punkte ganz rechts in der blockeigenen Werkzeugleiste und dann auf “Zu wiederverwendbaren Blöcken hinzufügen”.
Geben Sie dem Block einen Namen und klicken Sie dann auf den Button “Speichern”.
Sobald Sie mindestens einen wiederverwendbaren Block gespeichert haben, wird in der Block-Bibliothek ein neuer Tab namens “Wiederverwendbar” sichtbar, der alle entsprechenden Blöcke beinhaltet.
Sie können diese Blöcke, wie gewohnt über das Plus-Icon einfügen, siehe dazu den Abschnitt “Blöcke hinzufügen” weiter oben.
Wenn der abgespeicherte wiederverwendbare Block in den Inhaltsbereich eingefügt wurde, stehen Ihnen folgende Möglichkeiten zur Verfügung:
- Sie können ihn bearbeiten und neu speichern, was Auswirkung auf alle Stellen hat, an denen der Block eingefügt wurde. Klicken Sie dafür in den Block, dann auf den Button “Bearbeiten”, nehmen Sie die Änderungen vor und klicken dann den Button “Speichern”.
- Sie können den Speichernamen ändern, hierfür gehen Sie genauso vor, wie unter dem vorigen Punkt beschrieben.
Wenn Sie auf das Icon mit den drei vertikal angeordneten Punkten in der blockeigenen Werkzeugleiste klicken, können Sie im Kontextmenü
- den Block in einen normalen Block umwandeln, was nur Auswirkungen auf diesen einen Block hat. Die anderen Stellen, an denen der wiederverwendbare Block eingefügt wurde, bleiben unverändert und nur sie können weiterhin zentral verwalten werden.
- und Sie können den Block von den wiederverwendbaren Blöcken entfernen. Aber Achtung! Dadurch wird der Block überall gelöscht und nicht, wie man vermuten könnte, einfach nur überall in normale Blöcke umgewandelt!
Entweder man klickt auf ein Plus-Icon, dann in der Block-Bibliothek auf den Tab “Wiederverwendbar” und dort auf den Link “Alle wiederverwendbaern Blöcke verwalten” oder im Inhaltsbereich in der Seitenleiste auf die drei vertikal angeordneten Punkte und anschließend auf den gleichnamigen Link.
Achtung, man verlässt anschließend den Beitrag oder die Seite auf der man gerade aktiv ist.
Mehr über die Verwaltungsoberfläche selbst erfahren Sie hier unter Punkt 6.