Anleitungen/Website bearbeiten/Editor/Den Editor verwenden/Auswählen und Verschieben von Blöcken

Auswählen und Verschieben von Blöcken

Wenn du an den Inhalten deiner Website arbeitest, möchtest du vielleicht einen Block (oder mehrere Blöcke) an eine andere Stelle der Seite verschieben. Dieser Ratgeber zeigt dir verschiedene Möglichkeiten, den richtigen Block bzw. die richtigen Blöcke auszuwählen und zu verschieben.

Video-Tutorial

In diesem Video erfährst du, wie du Blöcke im WordPress-Editor auswählst und verschiebst. Es wird gezeigt, wie du einen Block durch Anklicken oder über die Listenansicht auswählst und wie du einen oder mehrere Blöcke mit den Pfeilen in der Werkzeugleiste oder per Drag-and-Drop in der Listenansicht verschiebst.

Den richtigen Block auswählen

Bevor du einen Block verschiebst, solltest du sicherstellen, dass du auch den richtigen Block ausgewählt hast. Die meisten Blöcke kannst du durch einmaliges Anklicken auswählen, manche Blöcke sind jedoch in anderen Blöcken verschachtelt (d. h. darin enthalten). Lass uns also die verschiedenen Methoden ansehen, mit denen du den richtigen Block zum Verschieben auswählst.

Blöcke mithilfe der Listenansicht auswählen

Um die Listenansicht zu öffnen, klicke links oben auf dem Bildschirm auf das Icon mit den drei waagerechten Linien:

Drei versetzt gestapelte vertikale Linien als Symbol für die Listenansicht.

Diese Ansicht zeigt dir eine Liste aller Blöcke, die du in diese Seite oder diesen Beitrag eingefügt hast. Darin kannst du den Block, den du bearbeiten möchtest, problemlos auswählen.

In der Abbildung rechts sind mehrere Blöcke zu sehen, die sich innerhalb einer einzelnen Spalte befinden, die wiederum innerhalb eines Spaltenblocks liegt. Wenn wir also den Spaltenblock und alle darin enthaltenen Inhalte verschieben wollen, müssen wir auf den Spaltenblock klicken, der alle anderen Elemente enthält.

Weitere Tipps zur Listenansicht findest du in unserem Ratgeber zur Listenansicht.

Die Listenansicht zeigt eine Liste aller Blöcke auf der Seite.

Blöcke mithilfe der Breadcrumbs auswählen

So kannst du außerdem prüfen, ob du den richtigen Block ausgewählt hast: Schau dir die Breadcrumbs am Ende des Bildschirms an, die unten orange markiert sind. Der Name kommt daher, dass sie wie eine Spur aus Brotkrümeln funktionieren, der du folgen kannst:

Mehrere Blöcke sind zu sehen, wobei die Breadcrumbs am Ende des Bildschirms orange hervorgehoben sind. Es wird eine Überschrift innerhalb einer Spalte innerhalb eines Spalten-Blocks angezeigt.

Der von dir ausgewählte Block ist der letzte Block in der Liste der Breadcrumbs. Wenn du einen anderen Block auswählen möchtest, kannst du auf den Namen des Blocks klicken, um diesen auszuwählen.

Blöcke mit der Auswahl für den übergeordneten Block auswählen

Einige Blöcke sind in anderen Blöcken (ihrem „übergeordneten“ Block) verschachtelt. Deshalb benötigst du eine einfache Methode, den übergeordneten Block auszuwählen.

Dafür kannst du die Auswahl für den übergeordneten Block verwenden, die in der Block-Werkzeugleiste mancher Blöcke angezeigt wird:

Hervorhebung des Buttons zur Auswahl des übergeordneten Elements, links versetzt neben der Block-Einstellungen-Werkzeugleiste.
Die Werkzeugleiste des Spaltenblocks

Wenn du auf einen Block klickst, der über einen übergeordneten Block verfügt, wird ein Button links neben der Block-Werkzeugleiste angezeigt, wie im Bild oben orange markiert. Wenn du auf diesen Button klickst, wird der übergeordnete Block ausgewählt (in diesem Fall der Spaltenblock.)

Das ist zum Beispiel hilfreich, wenn in einer deiner Spalten Text steht und du den gesamten Spaltenblock auswählen möchtest oder wenn ein Button-Block mehrere Buttons enthält und du den ganzen Block auswählen möchtest.

Einen Block verschieben

Es gibt verschiedene Möglichkeiten, den ausgewählten Block zu verschieben.

Einen Block mithilfe der Werkzeugleiste verschieben

Um einen Block zu verschieben, wähle ihn aus. Daraufhin wird direkt darüber oder darunter eine Werkzeugleiste angezeigt. Mit den Pfeilen kannst du den Block dann um eine Position nach oben oder unten verschieben.

Du kannst einen Block auch an eine andere Stelle ziehen, indem du das Icon mit den sechs Punkten in der Werkzeugleiste verwendest.

Die folgende Animation zeigt beide Methoden:

Ein GIF, das zeigt, wie du auf das Drag-Icon (das Icon mit 6 Punkten in zwei Spalten) klickst und es gedrückt hältst. Ein Block wird dann mit dem Anfasser nach oben gezogen.
Verschieben von Blöcken

Einen Block mithilfe der Listenansicht verschieben

Alternativ kannst du die Listenansicht verwenden, um alle Blöcke auf deiner Seite zu sehen. Dort kannst du auf Blöcke klicken und sie an neue Positionen ziehen:

Ein animiertes GIF, das die Listenansicht und das Klicken und Ziehen von Blöcken an neue Positionen zeigt.
Um die Listenansicht zu öffnen, klicke links oben auf dem Bildschirm auf das Icon mit den drei waagerechten Linien.

Einen Block per Drag-and-Drop verschieben

Mit der Maus kannst du einen Block per Drag-and-Drop an die gewünschte Position ziehen:

Verschachtelte Blöcke verschieben

Verschachtelte Blöcke befinden sich in Layout-Blöcken wie Spalten, Zeilen oder Stacks. Du kannst diese Blöcke verschieben, indem du auf die Pfeile in der Werkzeugleiste des Blocks klickst:

GIF, das zeigt, wie ein verschachtelter Block ausgewählt und verschoben wird.
Verschieben eines verschachtelten Blocks

Mehrere Blöcke gleichzeitig verschieben

Blöcke mithilfe der Werkzeugleiste verschieben

Du kannst mehrere Blöcke auf einmal verschieben, indem du sie zuerst alle mit der Maus markierst und dann auf die Pfeile in der Werkzeugleiste klickst, wie unten gezeigt:

Ein animiertes GIF, das den Vorgang zeigt, zwei Blöcke auszuwählen und sie gemeinsam zu verschieben, indem du auf das Pfeil-Icon in der eingeblendeten Werkzeugleiste klickst.

Blöcke mithilfe der Listenansicht verschieben

Du kannst die Listenansicht verwenden, um mehrere Blöcke gleichzeitig auszuwählen und sie per Drag-and-Drop an neue Positionen zu ziehen:

  1. Öffne die Listenansicht, indem du links oben im Editor auf das Icon mit den drei waagerechten Linien klickst.
  2. Klicke auf den ersten Block.
  3. Halte die Umschalttaste auf deiner Tastatur gedrückt und klicke auf den letzten Block. Dadurch werden alle Blöcke zwischen dem ersten und dem letzten Block ausgewählt.
  4. Klicke auf die Blöcke und ziehe sie an die gewünschte Position.
Animation, die das Verschieben mehrerer Blöcke in der Listenansicht zeigt.

💡

Wähle alle Blöcke in der Listenansicht mit dem Tastaturbefehl Strg + A auf dem PC oder CMD + A auf dem Mac aus.

Blöcke nebeneinander anordnen

Wenn du Blöcke nebeneinander statt untereinander platzieren möchtest, füge zunächst den Spaltenblock ein. Danach kannst du beliebige Blöcke in jede Spalte einfügen.

Wenn du bestehende Inhalte in Spalten platzieren möchtest, füge zunächst einen Spalten-Block ein und nutze dann die Listenansicht, um auf die Blöcke zu klicken und sie in eine Spalte zu ziehen.

Blöcke mit dem WordPress-Agenten neu anordnen

The WordPress Agent four-pointed star icon.

Dieser Abschnitt gilt für Websites, die mit dem KI-Website-Builder erstellt wurden (alle kostenpflichtigen Tarife), oder für Websites, auf denen der WordPress-Agent aktiviert wurde (alle kostenpflichtigen Tarife). Öffne den WordPress-Agenten, indem du am Ende des Bildschirms auf das KI-Icon (ein vierspitziger Stern) klickst.

Der WordPress-Agent kann dir helfen, die Struktur und den Aufbau deiner Seiteninhalte zu überprüfen und zu verbessern. Hier sind einige Beispiel-Schreibanregungen, die du kopieren und verwenden kannst:

  • „Überprüfe diese Seite und schlage eine bessere Reihenfolge für die Abschnitte vor.“
  • „Ergibt die Struktur dieses Beitrags für einen Ratgeber Sinn?“
  • „Welche Inhalte sollten auf einer Portfolio-Startseite zuerst erscheinen?“
  • „Schlage vor, wie diese Abschnitte für eine bessere Lesbarkeit umstrukturiert werden können.“

Blöcke mit KI-Agenten neu anordnen

The WordPress Agent four-pointed star icon.

Du kannst KI-Agenten wie Claude, Cursor, ChatGPT, OpenClaw und weitere nutzen, um deine Website sicher zu lesen und zu bearbeiten. Aktiviere den MCP-Toolzugriff für KI-Agenten.

Mit KI-Agenten kannst du Blöcke auf deinen Seiten und in deinen Beiträgen mithilfe von natürlich formulierten Schreibanregungen neu anordnen und umstrukturieren. Hier sind einige Schreibanregungen zum Ausprobieren:

  • „Ordne die Abschnitte auf meiner Dienste-Seite so um, dass der Preisabschnitt am Ende steht.“
  • „Verschiebe den Beitragsbildblock an den Anfang meines neuesten Beitrags.“
  • „Tausche den ersten und den zweiten Absatz auf meiner Seite „Über“ aus.“
  • „Verschiebe den Kontakt-Button-Block direkt unter den Hero-Abschnitt auf meiner Startseite.“
Copied to clipboard!