Hinweise und Vorteile zusammenstellen

Du erstellst einen Inhaltsblock, der Besuchern einen Hinweis mit Stichpunkten zeigt – zum Beispiel "Wussten Sie schon?" – und ergänzt ihn um ein Bild, ein Abzeichen und eine Schaltfläche. Danach kannst du die Vorteile darunter in einem Gitter anordnen.

Voraussetzungen

Es gibt keine besonderen Voraussetzungen. Du bearbeitest einen solchen Block direkt in der Seitenbearbeitung.

Aufbau des Blocks

Der Block besteht aus zwei Teilen:

Der obere Teil ist ein Hinweis-Kasten mit einer Überschrift, einem Einleitungssatz und mehreren Stichpunkten, daneben ein Bild mit einem runden Abzeichen in der Ecke und einer Schaltfläche.

Der untere Teil zeigt eine Liste von Vorteilen in einem Gitter (1 bis 3 Spalten), jeder mit Symbol, Titel und Beschreibung.

So gehst du vor

Allgemeine Einstellungen für den gesamten Block:

1. Gib unter Bezeichnung (für Verlinkung) einen Namen ein, unter dem du diesen Block später wiederfindest – zum Beispiel, wenn du ihn in einem Menü verlinken möchtest.

2. Wähle unter Farbvariante eine Farbe aus der Auswahliste, um das Aussehen des Blocks anzupassen. Wenn du keine wählst, gelten die Standardfarben deiner Website.

3. Aktiviere Reihenfolge umdrehen, wenn der Hinweis-Kasten rechts und das Bild links stehen soll (statt umgekehrt).

Überschrift und Einleitung:

4. Trage unter Überschrift einen Text ein, zum Beispiel "Wussten Sie schon?". Du kannst ihn mit Markdown formatieren.

5. Gib unter Einleitungssatz einen Text ein, der den Hinweis erklärt oder einleitet.

Stichpunkte hinzufügen:

6. Klicke auf Eintrag hinzufügen. Ein neuer Stichpunkt erscheint.

7. Wähle für den Stichpunkt ein Symbol aus (Klick auf das Symbol-Feld). Das Symbol steht links neben dem Text.

8. Trage rechts den Text des Stichpunkts ein.

9. Wiederhole Schritte 6–8 für weitere Stichpunkte. Mit den Pfeilen kannst du die Reihenfolge ändern, mit dem Papierkorb einen Stichpunkt löschen.

Bild und Abzeichen:

10. Lade ein Bild hoch oder wähle eins aus deiner Medienbibliothek. Das Bild wird rechts neben dem Text angezeigt.

11. Wähle ein Symbol für das runde Abzeichen, das oben rechts im Bild sitzt. Dieses Feld ist optional – wenn du es leer lässt, wird kein Abzeichen gezeigt.

Schaltfläche gestalten:

12. Trage unter Text den Schriftzug für die Schaltfläche ein, zum Beispiel "Mehr erfahren".

13. Wähle unter dem Stil-Feld aus, wie die Schaltfläche aussehen soll (Farbe und Stil).

14. Klicke auf Navigationsziel und wähle ein Ziel aus: eine Seite deiner Website, eine externe URL oder eine Anker-Position auf dieser Seite.

Spalten einstellen:

15. Stelle unter Spalten im Gitter ein, in wie vielen Spalten die Vorteile angeordnet werden sollen: 1, 2 oder 3.

Überschriften und Beschreibung der Vorteil-Liste:

16. Trage unter Kleiner Titel einen kurzen Text ein – dieser steht ganz oben über der Liste.

17. Gib unter Überschrift eine Hauptüberschrift für die Vorteil-Liste ein.

18. Schreibe unter Beschreibung einen erklärenden Text unter der Überschrift.

Bild für die Vorteil-Liste:

19. Lade ein zweites Bild für die rechte Seite der Vorteil-Liste hoch.

20. Wähle unter Bildformat das Seitenverhältnis: Hochformat (4:5), Querformat (16:10) oder Quadratisch (1:1).

21. Gib unter Text im runden Abzeichen einen kurzen Text ein (optional), der in einem runden Symbol über dem Bild sitzt – zum Beispiel eine Zahl oder ein kurzer Begriff.

22. Stelle unter Drehung in Grad ein, wie sehr das Abzeichen gedreht sein soll (–20 bis +20 Grad).

Vorteile hinzufügen:

23. Klicke auf Vorteil hinzufügen. Ein neuer Vorteil erscheint in der Liste.

24. Wähle ein Symbol für den Vorteil.

25. Trage einen Titel für den Vorteil ein.

26. Schreibe eine Beschreibung des Vorteils.

27. Wiederhole Schritte 23–26 für weitere Vorteile. Mit den Pfeilen kannst du die Reihenfolge ändern. Mit dem Kopieren-Symbol kannst du einen Vorteil duplizieren; mit dem Papierkorb löschst du ihn.

Block speichern:

28. Klicke oben rechts auf Speichern.

Was danach passiert

Der Block wird auf der Website angezeigt und ist sofort für Besucher sichtbar. Du kannst ihn jederzeit wieder aufrufen und bearbeiten. Die Bezeichnung, unter der du den Block benannt hast, ermöglicht dir, ihn auch von außen zu verlinken – zum Beispiel aus einem Menü oder einem anderen Block heraus.

Mit den Stichpunkten sprichst du schnelle Vorteile und Highlights an, die Vorteil-Liste darunter gibt dir mehr Raum für ausführlichere Erklärungen.

Tipps und Hinweise

• Symbole wählen: Bei jedem Symbol-Feld öffnet sich eine Auswahl von Icons. Gib einen Suchbegriff ein, um schneller das richtige Symbol zu finden.

• Markdown nutzen: In Überschrift, Einleitungssatz, Titel und Beschreibung kannst du Markdown verwenden – zum Beispiel fett, kursiv oder Links.

• Bilder vor dem Upload bearbeiten: Stelle sicher, dass deine Bilder schon die richtige Größe und das richtige Format haben. Das Bildformat (Hochformat, Querformat, Quadratisch) bestimmt, wie das Bild angepasst wird – wähle also das Format, das zu deinem Bild passt.

• Vorteil kopieren, statt neu zu schreiben: Wenn zwei Vorteile sich ähneln, kopiere den ersten mit dem Kopieren-Symbol und ändere dann nur den Text. Das ist schneller, als alles neu zu tippen.