Blöcke hinzufügen, verschieben und in der Größe ändern
Fügen Sie Blöcke per Ziehen oder Klicken zu einer Seite hinzu und verschieben, skalieren, duplizieren und löschen Sie sie auf dem Raster mit 12 Spalten.
Blöcke sind die Bausteine einer Seite: Überschriften, Texte, Buttons, Bilder, Produktraster und mehr. Sie fügen sie über den Bereich Blöcke hinzu, setzen sie dorthin, wo Sie sie haben möchten, und ändern ihre Größe, indem Sie an den Rändern ziehen.
Wie Blöcke angeordnet sind
Jeder Abschnitt einer Seite ist ein Raster mit 12 Spalten. Ein Block belegt eine oder mehrere Spalten und eine oder mehrere Zeilen dieses Rasters. Wenn Sie einen Block ablegen oder seine Größe ändern, rastet er im Raster ein. So richtet sich alles aus, und die Seite ordnet sich auf einem Smartphone sauber neu an. Sie platzieren einen Block nie pixelgenau.
Blöcke befinden sich in Abschnitten. Eine Seite braucht mindestens einen Abschnitt, bevor Sie einen Block hinzufügen können.
Einen Block hinzufügen
Sie können einen Block auf zwei Arten hinzufügen.
Auf die Seite ziehen
- Suchen Sie im Bereich Blöcke links den gewünschten Block. Die Gruppen sind Grundlagen, Medien, Layout, Shop, Marketing und Menüs & Formulare.
- Halten Sie den Block gedrückt und ziehen Sie ihn auf Ihre Seite.
- Bewegen Sie den Zeiger über einen Abschnitt. Helle Spalten erscheinen, und ein blaues Feld zeigt genau, wo der Block landet und wie groß er sein wird.
- Lassen Sie die Maustaste los. Der Block erscheint im Feld und ist ausgewählt, sodass sich rechts seine Einstellungen öffnen.
Hinweis: Legen Sie einen Block auf freier Fläche ab. Wenn Sie ihn auf eine Stelle ablegen, die schon ein anderer Block belegt, liegen die beiden übereinander. Drücken Sie Ctrl + Z, um das rückgängig zu machen, oder ziehen Sie den neuen Block an eine andere Stelle.
Per Klick
Klicken Sie im Bereich Blöcke auf einen Block, um ihn am Ende des ausgewählten Abschnitts hinzuzufügen. Ist nichts ausgewählt, kommt er in den letzten Abschnitt der Seite. Das ist der schnellste Weg, eine Seite von oben nach unten aufzubauen.
Einen Block auswählen
Klicken Sie auf der Seite auf einen Block. Er erhält einen blauen Rahmen, zwei blaue Griffe zur Größenänderung und daneben eine kleine Werkzeugleiste mit drei Schaltflächen: Duplizieren, Drehen und Löschen. Der Einstellungsbereich rechts wechselt zu den Einstellungen dieses Blocks.
Einen Block verschieben
- Halten Sie den Block gedrückt und ziehen Sie ihn. Eine kleine Kopie des Blocks folgt Ihrem Zeiger.
- Am blauen Feld sehen Sie, wo er landen wird.
- Lassen Sie die Maustaste los.
Sie können einen Block in einen anderen Abschnitt oder in einen Container oder ein Raster ziehen. Einen Block in einen anderen Abschnitt zu verschieben ist nur in der Ansicht Desktop möglich, weil sich der Block dadurch auf jeder Bildschirmgröße ändert.
Die Größe eines Blocks ändern
- Klicken Sie auf den Block, um ihn auszuwählen.
- Ziehen Sie den Griff an der rechten Kante, um zu ändern, wie viele Spalten breit er ist. Ziehen Sie den Griff an der unteren Kante, um zu ändern, wie viele Zeilen hoch er ist.
- Lassen Sie die Maustaste los.
Größe und Position mit Zahlen festlegen
Für genaue Kontrolle nutzen Sie den Einstellungsbereich statt des Ziehens.
- Wählen Sie den Block aus.
- Klicken Sie im Einstellungsbereich auf Größe und Position, um die Gruppe zu öffnen.
- Ändern Sie mit den Minus- und Plus-Schaltflächen Beginnt in Spalte, Spalten breit, Beginnt in Zeile und Zeilen hoch.
Dieselbe Gruppe enthält diese Extras:
- Die volle Breite ausfüllen streckt den Block über alle Spalten dessen, was ihn enthält.
- Diesen Block ausblenden blendet den Block aus. In den Ansichten Tablet und Mobil blendet der Schalter ihn nur auf dieser Bildschirmgröße aus. Siehe Ihre Website auf Smartphones und Tablets richtig darstellen.
- Auf allen Bildschirmen gleich behält ein einziges Layout für den Block auf Desktop, Tablet und Smartphone bei.
- Feinabstimmung enthält die Regler Drehung, Seitlich verschieben und Nach unten verschieben. Damit neigen oder verschieben Sie den Block nur optisch, ohne seinen Platz im Raster zu ändern, sodass sich nichts um ihn herum bewegt. Das kleine x neben einem Regler setzt ihn auf null zurück. Sie können auch drehen, indem Sie die Schaltfläche Drehen in der Werkzeugleiste des Blocks um den Block herum ziehen. Sie rastet in der geraden Stellung ein, und mit gedrückter Shift-Taste rastet sie in 15-Grad-Schritten ein.
Tipp: Einen ausgewählten Block können Sie auch mit der Tastatur verschieben. Ctrl + eine Pfeiltaste verschiebt ihn um eine Rasterzelle, und Ctrl + Shift + eine Pfeiltaste macht ihn um eine Zelle breiter oder höher. Alle Tastenkürzel finden Sie unter Der Editor im Überblick.
Einen Block duplizieren oder löschen
- Zum Duplizieren wählen Sie den Block aus und klicken in seiner Werkzeugleiste auf Duplizieren oder drücken Ctrl + D. Die Kopie erscheint direkt unter dem Original.
- Zum Löschen wählen Sie den Block aus und klicken in seiner Werkzeugleiste auf Löschen oder drücken Delete. Sie können auch im Einstellungsbereich Verwalten öffnen und dort auf Duplizieren oder Löschen klicken.
Beim Löschen eines Blocks werden Sie nicht um Bestätigung gebeten. Wenn Sie versehentlich einen löschen, klicken Sie in der oberen Leiste auf Rückgängig.