Einen Block auf einer Seite einrichten
Blöcke sind die Bausteine deiner Webseite. Du wählst einen Block aus dem Katalog, konfigurierst ihn mit deinem Inhalt und platzierst ihn auf einer Seite. Je nach Block hast du Felder für Text, Bilder, Überschriften, Schaltflächen und mehr – alles, was die Seite braucht.
Voraussetzungen
Du brauchst ein Webseitenprojekt, das bereits angelegt ist. Du musst eine Seite öffnen oder anlegen, auf der du einen Block hinzufügen möchtest.
So gehst du vor
Block hinzufügen
- Öffne eine Seite in deinem Webseitenprojekt.
- Klick auf die Schaltfläche Abschnitt hinzufügen (oder nutze das Kontextmenü auf der Seite).
- Wähle einen Block aus dem angezeigten Katalog – zum Beispiel Textblock, Karten, Karussell oder Kontaktformular.
- Der Block wird auf der Seite eingefügt und öffnet sich zur Bearbeitung.
Inhalte eintragen
Die Felder eines Blocks hängen von seinem Typ ab. Häufige Felder sind:
- Überschrift/Titel: Trage eine aussagekräftige Überschrift ein. In vielen Blöcken kannst du hier Formatierungen wie Fettdruck oder Links nutzen (Markdown-Syntax).
- Text/Lead/Beschreibung: Der Fließtext unter der Überschrift. Auch hier funktionieren Markdown-Formatierungen.
- Eyebrow (kleine Überschrift): Steht über der Hauptüberschrift, oft als Kategorie oder Vorbereitung.
- Bilder: Viele Blöcke zeigen Fotos. Klick auf das Bildfeld, um ein Bild hochzuladen oder aus der Mediathek zu wählen. Du kannst auch einen Alt-Text setzen (wichtig für Nutzer mit Sehbehinderung und für Suchmaschinen).
- Schaltflächen: Trage den sichtbaren Text ein (z. B. „Jetzt anmelden") und das Ziel – eine andere Seite, eine externe Website oder eine E-Mail-Adresse.
- Aufzählungen/Listen: Bei Karten oder Punkten kannst du mehrere Einträge hinzufügen. Klick auf Hinzufügen, um neue Zeilen anzulegen.
Darstellung anpassen
Je nach Block stehen dir weitere Einstellungen zur Verfügung:
- Farbe/Ton: Wähle die Hintergrundfarbe oder den Textton des Blocks.
- Layout: Manche Blöcke haben unterschiedliche Anordnungen – zum Beispiel Bild links oder rechts, Text neben Bild oder übereinander.
- Spalten: Bei Kartengittern oder Listen kannst du oft festlegen, wie viele Einträge nebeneinander stehen.
- Animation: Einige Blöcke können beim Scrollen einblenden – das machst du in den Animations-Einstellungen.
Block speichern
Die meisten Blöcke speichern automatisch, während du tippst. Wenn du fertig bist, klick auf Speichern oder verlasse das Bearbeitungsfenster – der Block bleibt auf deiner Seite.
Aufbau des Blockkatalogs
Der Katalog ist nach Funktion geordnet:
- Text & Überschriften: Einfache Textblöcke, Überschriften, Zitate
- Bilder & Galerien: Einzelbilder, Bildergalerien, Karusselle
- Listen & Karten: Karten mit Symbolen, Vergleichstabellen, Preislisten
- Hero & Header: Große Eingangsbilder, Seitenanfänge
- Formulare & Interaktion: Kontaktformulare, Newsletter-Anmeldung, Konfiguratoren
- Vertrauen & Beweis: Kundenstimmen, Logos, Statistiken
- Navigation & Struktur: Menüs, Breadcrumbs, Abschnittstrennungen
Jeder Block zeigt ein Symbol und eine kurze Beschreibung, damit du schnell findest, was du brauchst.
Was danach passiert
Der Block erscheint auf deiner Seite in der Reihenfolge, in der du ihn eingefügt hast. Du kannst die Position ändern – ziehe den Block einfach nach oben oder unten, oder nutze die Pfeile in den Block-Einstellungen.
Wenn du mehrere Blöcke hintereinander anordnest, bilden sie einen visuellen Ablauf. Die Besucher scrollt durch deine Seite und sehen nacheinander deine Inhalte, Bilder und Aufrufe zum Handeln.
Du kannst einen Block jederzeit bearbeiten, duplizieren oder löschen – er bleibt also nicht in Stein gemeißelt.
Tipps und Hinweise
- Bilder optimieren: Lade Bilder nicht größer als nötig hoch. weboffice skaliert sie automatisch für verschiedene Bildschirme, aber kleinere Dateien laden schneller.
- Text kurz halten: Menschen lesen im Web nicht gerne lange Absätze. Glieder deinen Text mit Überschriften und Aufzählungen.
- Farben sparsam einsetzen: Ein Block pro Seite mit Hintergrundfarbe wirkt professionell. Zu viele bunte Blöcke wirken chaotisch.
- Alt-Texte für Bilder: Beschreibe jedes Bild kurz und knapp – das hilft Menschen, die Bilder nicht sehen, und verbessert dein Ranking in der Suchmaschine.
- Keine erfundenen Beispiele: Nutze nur echte Daten – echte Telefonnummern, echte Produktnamen, echte Öffnungszeiten. Platzhalter verwirren Besucher.