weboffice.digital - Dokumentation
Branche Beauty Branche Gastro Branche Handel
PDF

Hinweis, Überschrift, Abschnittskopf, Zahlen und Schlusspräsentation einrichten

Hinweis, Überschrift, Abschnittskopf, Zahlen und Schlusspräsentation einrichten

Diese Seite beschreibt fünf häufig verwendete Bausteine, mit denen du eine Seite aufbaust: einen Hinweisbalken am Anfang, Überschriften in verschiedenen Größen, Zwischenüberschriften mit Text, eine Statistik-Darstellung und einen Schlusspräsentations-Block mit zwei Aktionsschaltflächen. Du richtest hier Texte, Bilder, Schaltflächen und deren Ziele ein.

Voraussetzungen

Du brauchst mindestens einen dieser Bausteine auf deiner Seite. Die genaue Anleitung zum Einfügen findest du unter Block auf einer Seite einrichten (Blockkatalog).

So gehst du vor

Hinweisbalken einrichten

Der Hinweisbalken ist eine farbige Leiste mit Text und optional einer Schaltfläche. Er eignet sich für wichtige Meldungen am Anfang einer Seite.

  1. Schlagwort: Trage ein kurzes Wort ein (etwa „Neu" oder „Wichtig"). Das Wort wird in Großbuchstaben angezeigt und erscheint vor dem Satz.

  2. Satz: Das ist dein Hinweistext. Er folgt nach dem Schlagwort.

  3. Symbol: Wähle ein Symbol aus, das neben oder über dem Text angezeigt wird.

  4. Farbe des Bandes: Bestimme die Hintergrundfarbe der Leiste. Die Farben des Abschnitts (die du unter „Gestalten" im Reiter „Stil" einstellst) färben den Rand um das Band herum.

  5. Schaltfläche: Wenn du eine Aktion brauchst:

    • Stil der Schaltfläche: Wähle, ob sie hervorgehoben sein soll (beispielsweise als durchgehender Block oder als Outline).
    • Text der Schaltfläche: Das ist die Beschriftung der Schaltfläche.
    • Ziel: Wähle, wohin der Klick führt – eine andere Seite, eine externe Website oder ein Anker auf dieser Seite.
  6. Bezeichnung (für Verlinkung): Trage einen eindeutigen Namen ein, wenn andere Verweise genau auf diesen Hinweisbalken verlinken sollen (etwa „Aktionshinweis"). Das Feld kannst du leer lassen, wenn das nicht nötig ist.

Seitenkopf (große Überschrift) einrichten

Der Seitenkopf ist die Hauptüberschrift deiner Seite. Nutze ihn einmal pro Seite, idealerweise am Anfang.

  1. Kleine Überschrift: Ein optionaler Untertitel, der über der Hauptüberschrift steht (etwa „Über uns").

  2. Seitentitel: Das ist deine Hauptüberschrift. Du kannst hier Text formatieren: Markiere Text und nutze die Markdown-Befehle in der Leiste darunter.

  3. Vorspann daneben: Ein längerer Text neben oder unter der Hauptüberschrift, der die Seite einleitet. Auch hier kannst du formatieren.

  4. Bauform: Wähle das Layout:

    • Mit Bild: Ein Bild steht rechts neben dem Titel (auf dem Handy darunter). Du lädst das Bild unter Bild hoch und bestimmst, wie es zugeschnitten wird.
    • Mit Pfad: Der Navigationspfad über dem Titel wird automatisch aus den Adressen deiner Seiten zusammengestellt (Start → übergeordnete Seite → diese Seite).
    • Nur Text: Keine zusätzlichen Elemente, nur der Titel und der Vorspann.
  5. Schaltfläche: Richte sie wie beim Hinweisbalken ein (Stil, Text, Ziel).

  6. Bezeichnung (für Verlinkung): Trage einen Namen ein, wenn auf diesen Seitenkopf verlinkt werden soll (etwa „Seitenanfang").

Abschnittskopf einrichten

Der Abschnittskopf gliedert längere Seiten. Er kann eine Nummer im Kreis, eine kleine Überschrift, eine große Überschrift und einen Text anzeigen.

  1. Kleine Überschrift: Ein optionaler Untertitel, der oben steht.

  2. Nummer im Kreis: Wenn dieser Abschnitt ein Schritt in einer Reihe ist, trage hier die Nummer ein (etwa „01" oder „02"). Das Feld kannst du leer lassen.

  3. Überschrift: Die Hauptüberschrift dieses Abschnitts. Formatierungsmöglichkeiten: Markiere ein Wort und nutze die Befehle in der Leiste, um es zum Beispiel kursiv hervorzuheben.

  4. Text daneben: Der erklärende Text neben oder unter der Überschrift. Auch hier kannst du formatieren.

  5. Bauform: Wähle das Layout:

    • Mit Elementen: Alle Inhalte werden nebeneinander angezeigt (auf dem Handy untereinander).
    • Nur Überschrift: Alles außer der Überschrift wird ausgeblendet, bleibt aber gespeichert.
  6. Schaltfläche: Richte sie wie beim Hinweisbalken ein.

  7. Bezeichnung (für Verlinkung): Für Verweise auf diesen Abschnitt (etwa „Unser Ansatz").

Statistik-Blöcke (Kennzahlen-Kacheln) einrichten

Dieser Baustein zeigt Zahlen und Kennwerte in Kacheln an. Jede Kachel besteht aus einem Symbol, einer Zahl und einer Beschriftung.

  1. Kleine Überschrift: Ein optionaler Untertitel über den Kacheln.

  2. Überschrift: Die Hauptüberschrift des Blocks.

  3. Beschreibung: Erklärtext unterhalb der Überschrift.

  4. Kacheln hinzufügen: Klicke auf „Kachel hinzufügen" und fülle für jede Kachel folgende Felder aus:

    • Symbol: Wähle ein Symbol aus, das die Kachel prägt.
    • Wert: Die Zahl oder der Kennwert (etwa „500" oder „99 %").
    • Beschriftung: Der erklärende Text (etwa „Zufriedene Kunden").
    • Farbton: Die Hintergrundfarbe der Kachel.
  5. Um die Reihenfolge zu ändern, nutze die Pfeile neben jeder Kachel. Mit dem Trash-Symbol entfernst du eine Kachel.

Schlusspräsentation (Wunsch-Block) einrichten

Dieser Block ist ideal für das Ende einer Seite: er fasst zusammen und lädt mit zwei Schaltflächen zu Aktionen ein.

  1. Kleine Überschrift: Optionaler Untertitel.

  2. Überschrift: Die Hauptüberschrift des Blocks.

  3. Beschreibung: Ein zusammenfassender oder auffordernder Text.

  4. Text der ersten Schaltfläche: Die Beschriftung der Haupt-Aktion (etwa „Jetzt anfragen" oder „Kostenlos testen").

  5. Ziel der ersten Schaltfläche: Wohin diese Schaltfläche führt.

  6. Symbol für die zweite Schaltfläche: Ein optionales Symbol der zweiten Schaltfläche.

  7. Text der zweiten Schaltfläche: Die Beschriftung der Neben-Aktion (etwa „Mehr erfahren").

  8. Ziel der zweiten Schaltfläche: Das Ziel der zweiten Aktion.

  9. Fußnote: Ein optionaler, kleiner Text unter den Schaltflächen (etwa Disclaimer oder Zusatzbedingung).

  10. Bezeichnung (für Verlinkung): Falls andere Teile der Website auf diesen Block verlinken sollen.

Aufbau der Seite

Alle fünf Bausteine folgen einem ähnlichen Muster:

  • Überschrift-Bereich: Hier bestimmst du die sichtbaren Texte. Der Seitenkopf hat zusätzlich ein Bildfeld; Abschnittskopf und Statistik erlauben Formatierung.
  • Schaltflächen-Bereich: Nicht alle Bausteine haben Schaltflächen. Der Hinweisbalken, der Seitenkopf und der Abschnittskopf haben je eine optionale Schaltfläche; der Schlusspräsentations-Block hat zwei.
  • Aufbau-Bereich: Hier wählst du Farben, Layouts und Bezeichnungen für Verweise.

Was danach passiert

Sobald du die Felder ausfüllst und deine Eingaben speicherst, werden die Texte, Bilder und Verweise auf der veröffentlichten Website sichtbar. Alle Schaltflächen-Ziele werden überprüft; ungültige Verweise zeigen ein Symbol oder eine Fehlermeldung.

Um deine Seite live zu nehmen, musst du sie veröffentlichen.

Tipps und Hinweise

  • Formatierung mit Markdown: Überschrifts- und Beschreibungsfelder mit „Markdown-Editor" erlauben einfache Formatierung. Nutze die Befehle in der Leiste (Fett, Kursiv, Listen) oder schreibe die Befehle von Hand.
  • Bilder im Seitenkopf: Das Bild wird automatisch auf den Bildschirm zugeschnitten. Achte darauf, dass wichtige Bereiche nicht am Rand verloren gehen.
  • Verweise auf Abschnitte: Wenn du möchtest, dass andere Seiten oder interne Links auf einen bestimmten Block dieser Seite verlinken, vergib eine aussagekräftige Bezeichnung (etwa „Preise" oder „Kontakt"). Diese wird dann auch im Navigationsmenü sichtbar.
  • Farbton und Stil: Die meisten Bausteine lassen dich Farben und Stile wählen. Diese beziehen sich auf dein Website-Design; nicht alle Kombinationen sind im Designer sichtbar – überprüfe das Ergebnis auf der veröffentlichten Seite.

Suche