Hinweis und Code im Text
Ein Kasten für einen Tipp oder eine Warnung – oder ein Stück Code zum Kopieren, mitten im Text.
Im Block „Text“ · über das Plus oder „/“
Wofür sie passen
- Hinweis – ein Kasten, der aus dem Lesetext heraussticht: eine Info, ein Tipp, eine Warnung.
- Code – ein Befehl, eine Adresse oder ein Stück Code, das jemand genau so abschreiben muss. Auf der Website steht daneben „Code kopieren“.
Beide stehen nicht für sich in einer Spalte, sondern mitten in einem Block Text, an der Stelle, wo du sie einfügst.
So fügst du sie ein
1
In den Text klicken
Öffne den Block „Text“ und setz den Cursor in eine neue Zeile, dort, wo der Kasten hin soll.
2
Hinweis oder Code wählen
Klick in der Werkzeugleiste auf das Plus und wähl „Hinweis“ oder „Code“. Schneller geht es mit der Tastatur: Tipp „/“, dann „Hinweis“ – die Liste zeigt beide unter „Blöcke“.
3
Füllen
Beim Hinweis schreibst du im Reiter „Inhalt“ den Text. Beim Code wählst du die „Sprache“ und fügst den Code darunter ein.
4
Veröffentlichen
Prüf es in der Vorschau und veröffentliche.
Die Arten des Hinweises
Im Reiter „Darstellung“ wählst du bei „Art“, wofür der Hinweis steht. Die Farbe kommt aus dem Design deiner Website.
- Info
eine Ergänzung, die man wissen sollte. Voreingestellt.
- Tipp
etwas, das hilft oder Zeit spart.
- Warnung
hier geht leicht etwas schief.
- Achtung
das, was niemand übersehen darf.
Wer sich die Seite vorlesen lässt, hört die Art vor dem Text, etwa „Warnung: …“. Darum muss das Wort nicht noch einmal im Text stehen.
Unter „Erscheinung“ wählst du für Hinweis und Code einen Look, wenn deine Website mehrere hat. Leer heisst Standard.
Die Sprache des Codes
Die „Sprache“ bestimmt nur, wie der Code eingefärbt wird: Typescript, Javascript, CSS, HTML, JSON – oder „Klartext“ für einen Befehl oder eine Adresse ohne Farbe.
Der Block „Code“ zeigt Code nur an, er führt ihn nicht aus. Ein Buchungs-Widget oder ein fremdes Skript gehört in den Block HTML-Code – den darf nur die Administration befüllen.
Nimm Hinweise sparsam. Ein Kasten pro Abschnitt fällt auf, drei hintereinander liest niemand mehr.
Ähnliche Komponenten
KomponentenEin Stück fremder Code auf deiner Seite – etwa ein Buchungs-Widget. Nur für die Administration.
Frage zu dieser Komponente
Passt sie nicht zu dem, was du vorhast? Schreib uns – wir sagen dir, welche besser passt.