Block auf einer Seite einrichten
Du stellst einen Baustein (Block) auf deiner Seite zusammen: wählst seinen Typ, füllst die Inhalte ein und bestimmst sein Aussehen. Jeder Block ist eine in sich geschlossene Einheit – du kannst beliebig viele hintereinander anordnen und jederzeit ändern.
Voraussetzungen
Du brauchst eine bereits angelegte Website und mindestens Schreibberechtigung auf dieser. Außerdem muss mindestens eine Seite vorhanden sein.
Aufbau der Seite
Die Seite zum Bearbeiten einer Website ist zweigeteilt:
- Linke Seite: die Seitenvorschau – hier siehst du sofort, wie deine Änderungen aussehen
- Rechte Seite: das Editor-Formular – dort legst du Inhalt, Links und Gestaltung fest
Oben im Formular findest du je nach Blocktyp verschiedene Abschnitte (z. B. „Allgemein", „Bilder", „Navigation"). Jeder Abschnitt lässt sich auf- und zuklappen.
So gehst du vor
Öffne die Seite zur Bearbeitung
Gehe in die Website-Verwaltung und öffne die Seite, auf der du einen Block einrichten möchtest.Wähle den Blocktyp
Klicke auf Block hinzufügen oder + Block (die genaue Beschriftung hängt von deiner aktuellen Ansicht ab). Ein Fenster zeigt dir alle verfügbaren Bausteine – sortiert nach Kategorien wie Hero, Inhalt, Bilder, Formulare oder Preise. Wähle den Typ, der zu deinem Vorhaben passt.Fülle die Pflichtfelder aus
Sobald der Block in der Vorschau erscheint, öffnet sich rechts das Editor-Formular. Felder mit*sind erforderlich. Trage hier die grundlegenden Inhalte ein:- Titel/Überschrift: der Haupttext des Blocks
- Beschreibung/Lead: ein erläuternder Text darunter (oft optional)
- Weitere Felder: je nach Blocktyp (z. B. Schaltflächentext, Bilder, Formulare)
Ergänze Bilder (falls der Block Bilder enthält)
Suche im Formular den Abschnitt „Bilder" oder ähnlich. Klicke auf die Bild-Schaltfläche und lade dein Motiv hoch oder wähle ein bereits vorhandenes aus der Mediathek. Du kannst oft auch einstellen, wie das Bild beschnitten wird (Ausschnitt, Breite, Höhe).Richte Links ein (falls der Block Schaltflächen enthält)
Wo es Schaltflächen gibt (z. B. „Jetzt buchen", „Mehr erfahren"), findest du Felder für das Link-Ziel. Nutze den Link-Picker:- Wähle eine Seite deiner Website, einen externen Link oder einen Anker (Sprungmarke)
- Bestimme, ob der Link im gleichen oder neuen Reiter öffnet
Passe das Aussehen an
Je nach Blocktyp stehen dir Optionen zur Verfügung:- Farbvariante: wähle ein Farbschema (z. B. Primary, Accent, Cream, Dark)
- Ausrichtung: zentriert oder linksbündig
- Animation: Objekte können beim Scrollen eingeblendet werden
- Spezielle Einstellungen: z. B. Anzahl der Spalten, ob ein Akkordeon aufgeklappt startet, ob eine Slideshow automatisch lädt
Speichere deine Änderungen
Klicke auf Speichern oder Speichern & Schließen (je nach Kontext). Die Vorschau links zeigt dir sofort das Ergebnis – scroll dort durch, um zu prüfen, ob alles wie gewünscht aussieht.Ordne mehrere Blöcke an (falls nötig)
Du kannst beliebig viele Blöcke hintereinander stapeln. Nutze die Pfeile (↑ ↓) neben jedem Block, um die Reihenfolge zu ändern. Mit der Schaltfläche zum Löschen (⊗ oder Papierkorb) entfernst du einen Block wieder.
Was danach passiert
Dein Block wird sofort in der Seitenvorschau angezeigt. Die Änderungen sind in deinem Entwurf gespeichert – um sie für Besucher sichtbar zu machen, muss die Seite veröffentlicht werden.
Du kannst den Block jederzeit erneut öffnen und seine Inhalte, Bilder oder Gestaltung ändern. Auch die Reihenfolge mehrerer Blöcke lässt sich nachträglich anpassen.
Tipps und Hinweise
Keine passende Vorlage? Manche Websites bieten vorgefertigte Seitenlayouts – schau in die Vorlagen, um schneller zu starten.
Inhalte wiederverwenden: Nutze Textbausteine, um häufig benutzte Texte zentral zu verwalten und auf allen Seiten automatisch aktuell zu halten.
Bilder optimal einspeisen: Halte Fotos in HD-Qualität vor. Das System generiert daraus automatisch mehrere Größen für Handy, Tablet und Desktop.
Navigation und Links: Bestimmte Blocktypen (wie Header/Navigation) richten sich global aus – Änderungen wirken auf allen Seiten. Siehe auch Navigation einrichten.
SEO und Barrierefreiheit: Nutze Überschriften-Hierarchien (H1 → H2 → H3) und ergänze Bilder mit aussagekräftigen Alt-Texten, um Suchmaschinen und Nutzer von Screenreadern zu unterstützen.