Anleitung · Layout

Seiten bearbeiten: der Block-Editor

DSGVO Server & Hosting in DE BSI Allianz für Cybersicherheit BSI Allianz für Cybersicherheit ProHunde ProHunde-Kooperation BVZ Berufsverband zertifizierter Hundetrainer BVZ-Kooperation

Seiten bearbeiten: der Block-Editor

Jede Seite deiner Website besteht aus Blöcken. Du findest die Seiten unter Layout → Seitenverwaltung. Beim Bearbeiten einer Seite steht unten der Kasten „Seiteninhalt (Blöcke)“: links die Liste der Blöcke, rechts die Vorschau der echten Seite. Das Prinzip ist dasselbe wie beim Newsletter.

1. Seite anlegen

  1. Klick auf „Seite hinzufügen“ und trag den Seitennamen ein. Er steht im Menü und in der Adresse.
  2. Im Kasten „Seitenkopf“ füllst du Seitentitel (die große Überschrift), Einleitungszeile und Untertitel, dazu ein Titelbild.
  3. Klick auf „Speichern“. Danach erscheinen Block-Editor und Vorschau.

2. Blöcke

Klick auf „Block hinzufügen“. Die Auswahl ist in Gruppen sortiert:

  • Inhalt: Text, Bild, Bild + Text, 2 Spalten, 3 Spalten, Video, Inhaltsabschnitt (frei, bis zu fünf Spalten), Quelltext, Hero, Unterseitenliste.
  • Automatisch: Aktuelles, Angebote, Preisliste — sie füllen sich aus deinen Daten.
  • Buchung: Einzeltermine, Terminbuchung über Verfügbarkeiten, Stundenbetreuung, Platzvermietung, Pension, Tagesbetreuung.
  • Interaktion: Benutzerformular, Shop, Forum, Blog, Impressum.

Manche Blöcke dürfen nur einmal je Seite vorkommen, zum Beispiel Shop, Blog oder eine Buchungsstrecke. Die Auswahl zeigt das an.

Ein Klick auf einen Block öffnet seine Einstellungen im Fenster; „Übernehmen“ speichert sofort. Die Reihenfolge änderst du per Ziehen am Griff oder mit den Pfeilen. Über das Kopiersymbol duplizierst du einen Block, über den Papierkorb löschst du ihn. Das Plus unter einem Block fügt genau dort einen neuen ein.

3. Der Inhaltsabschnitt

Der wichtigste Block. Er hat eine bis fünf Spalten. Je Spalte gibt es „Text (über dem Bild)“, ein Bild oder eine YouTube-Adresse und „Text (unter dem Bild)“. Unter „Gestaltung der Spalte“ legst du Breite (Spaltenanteile), Hintergrundfarbe, Innenabstand, CSS-Klasse und HTML-ID fest. Unter „Zeile“ stehen Textausrichtung, Innenabstand, „Volle Breite“ und Klasse/ID der ganzen Zeile.

Die Vorlagen Text, Bild, Bild + Text, 2 Spalten, 3 Spalten und Video sind nur Startwerte desselben Blocks — du kannst nachträglich Spalten hinzufügen oder entfernen.

4. Vorschau

Rechts siehst du die Seite mit Menü und Rahmen, auch wenn sie noch nicht aktiv ist. „Desktop“ und „Handy“ schalten die Breite um. Die Vorschau aktualisiert sich nach jeder Blockänderung. Felder oben im Formular (Titel, Teaser, Einstellungen) erscheinen erst nach „Speichern“.

5. Teaser

Der Teaser im Kasten „Kurztext“ ist der Text, den die Unterseitenliste der Elternseite als Kartentext zeigt. Auf der Seite selbst erscheint er nur, wenn du ihn als Block einfügst. Bei bestehenden Seiten wurden Teaser und Seiteninhalt beim Umstieg automatisch als erste Blöcke übernommen.

Zeit für den Wechsel

Frage noch offen?

Wenn dir in der Anleitung etwas fehlt — schreib uns. Wir nehmen Themen aus Support-Tickets oft sofort als neue Anleitung auf.

DSGVO-konform Server in Deutschland Persönlicher Support