Formatierung von Inhalten – Help Center

Die Vielzahl an möglichen Änderungen ist wirklich erstaunlich. Sie werden überrascht sein, was alles möglich ist. Schauen Sie einfach selbst! In diesem Artikel finden Sie Beispiele für visuelle Komponenten, die in unsere Themes eingebunden sind, sowie Erklärungen, wie Sie diese verwenden können, um Ihre Help Center-Inhalte zu erweitern.

Akkordeons

Akkordeons sind nützlich, wenn Sie zwischen dem Ein- und Ausblenden großer Mengen an Inhalten hin und her wechseln:

Akkordeon-Element

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Akkordeon-Element

Eine weitere Akkordeon-Art:

Akkordeon-Element

Erfahren Sie, wie Sie Akkordeons verwenden können.

Reiter

Reiter sind perfekt für die Anzeige verschiedener Themen in Ihrem Artikel geeignet!

Standardreiterstil:

Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis.

Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor. Sed non quam. In vel mi sit amet augue congue elementum. Morbi in ipsum sit amet pede facilisis laoreet. Donec lacus nunc, viverra nec, blandit vel, egestas et, augue. Vestibulum tincidunt malesuada tellus.

Farbiger Stil:

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Erfahren Sie, wie Sie Reiter verwenden können.

Schriftgrößen

Dies ist eine Zendesk-Überschrift Typ 2 in sehr großer Schriftgröße.

Dies ist eine Zendesk-Überschrift Typ 3 in großer Schriftgröße.

Dies ist eine Zendesk-Überschrift Typ 4 in mittlerer Schriftgröße.

Dies ist eine Überschrift Typ 5.

Kleine Schriftgröße.

Dies ist Standardtext. Das sogenannte „Lorem ipsum“ ist ein pseudo-lateinischer Text, der in den Bereichen Webdesign, Typografie, Layout und Druck anstelle von späteren Textinhalten verwendet wird, um Designelemente gegenüber diesen hervorzuheben. Es wird auch als Platzhaltertext (oder Blindtext) bezeichnet.

Erfahren Sie, wie Sie Schriftgrößen verwenden können.

Textstile

Dies ist der Schriftstil „kursiv“.

Dies ist der Schriftstil „fett“.

Dies ist Ihr unterstrichener Text.

Dieser Text ~~wurde gelöscht~~.

Dies ist wichtiger hervorgehobener Text

Dies ist wichtiger Text in blauer Schriftfarbe.

Dies ist wichtiger Text in gelber Schriftfarbe.

Dies ist wichtiger Text in roter Schriftfarbe.

Erfahren Sie, wie Sie Textstile verwenden können.

Codes

So sieht Beispielcode aus:

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>HTML</title>
 </head>
 <body>
  <p>Lorem ipsum dolor sit amet. </p>
 </body>
</html>

Erfahren Sie, wie Sie Codestile verwenden können.

Zitate

Standardzitat

„Hier ist ein ganz besonderes Zitat. Können Sie glauben, was man über uns sagt? Hier ist ein ganz besonderes Zitat. Können Sie glauben, was man über uns sagt? Hier ist ein ganz besonderes Zitat. Können Sie glauben, was man über uns sagt?“

Farbiges Zitat

„Hier ist ein ganz besonderes Zitat. Können Sie glauben, was man über uns sagt? Hier ist ein ganz besonderes Zitat. Können Sie glauben, was man über uns sagt? Hier ist ein ganz besonderes Zitat. Können Sie glauben, was man über uns sagt?“

Erfahren Sie, wie Sie Zitatstile verwenden können.

Beschreibungslisten

Standardbeschreibungsliste

Euismod: Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.; Donec id elit non mi porta gravida at eget metus.
Malesuada porta: Etiam porta sem malesuada magna mollis euismod.

Horizontale Beschreibungsliste

Beschreibungslisten: Diese Art der Beschreibungsliste eignet sich perfekt zum Definieren von Begriffen.
Euismod: Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.; Donec id elit non mi porta gravida at eget metus.
Malesuada porta: Etiam porta sem malesuada magna mollis euismod.

Erfahren Sie, wie Sie Beschreibungslisten verwenden können.

Listen

Aufzählung/unsortierte Liste

Aufzählung 1
Aufzählung 2
Aufzählung 3
Aufzählung 4
- integriertes Element 1
- integriertes Element 2

Farbige Aufzählung

Aufzählung 1
Aufzählung 2
Aufzählung 3
Aufzählung 4

Sortierte Liste

Aufzählung 1
Aufzählung 2
Aufzählung 3
Aufzählung 4
1. integriertes Element 1
2. integriertes Element 2

Sortierte Liste mit farbiger Nummerierung

Diese Art von Liste bietet eine großartige Möglichkeit, Inhalte mit längeren Schritt-für-Schritt-Anleitungen, Beschreibungen usw. anzuzeigen.

Mehl, Zimt, Salz und Stärke in eine Schüssel geben.
Die Eier für 3-4 Minuten mit einem elektrischen Drahtschneebesen mit Zucker schaumig schlagen. Die Farbe der Masse sollte etwas heller werden und ihr Volumen zunehmen.
Masse weiter schaumig schlagen und dabei nach und nach das Mehl zur Eimasse geben. So lange schlagen, bis eine homogene Masse entsteht.
Die Äpfel schälen und in kleine Würfel schneiden.
In den auf 180 Grad vorgeheizten Backofen geben und je nach Heizleistung Ihres Ofens 30-40 Minuten backen. Sobald der Apfelkuchen eine goldbraune Kruste hat, mit einem Zahnstocher überprüfen, ob der Kuchen gar ist.
1. Mehl, Zimt, Salz und Stärke in eine Schüssel geben.
2. Die Eier für 3-4 Minuten mit einem elektrischen Drahtschneebesen mit Zucker schaumig schlagen. Die Farbe der Masse sollte etwas heller werden und ihr Volumen zunehmen.
3. Masse weiter schaumig schlagen und dabei nach und nach das Mehl zur Eimasse geben. So lange schlagen, bis eine homogene Masse entsteht.
4. Die Äpfel schälen und in kleine Würfel schneiden.
5. In den auf 180 Grad vorgeheizten Backofen geben und je nach Heizleistung Ihres Ofens 30-40 Minuten backen. Sobald der Apfelkuchen eine goldbraune Kruste hat, mit einem Zahnstocher überprüfen, ob der Kuchen gar ist.

Erfahren Sie, wie Sie Listen verwenden können.

Tables

Generic Table

Monatliche	Einsparungen
Summe	$270
Januar	$100
Februar	$80
März	$90

Tabelle mit farbiger Kopfzeile

Monatliche	Einsparungen
Summe	$270
Januar	$100
Februar	$80
März	$90

Tabelle mit Rahmen

Monatliche	Einsparungen
Januar	$100
Februar	$80
März	$90
Summe	$270

Tabelle mit Streifen

Monatliche	Einsparungen
Januar	$100
Februar	$80
März	$90
Summe	$270

Tabelle mit dynamischer Hintergrundfarbe

Monatliche	Einsparungen
Januar	$100
Februar	$80
März	$90
Summe	$270

Erfahren Sie, wie Sie Tables verwenden können.

Callout-Bausteine

Einfache Hinweise

Standard

Dies ist ein Standardbaustein.

Informationen

Dies ist ein Informationsbaustein.

Warning

Dies ist ein Warnhinweisbaustein.

Erfolg

Dies ist ein Erfolgsmeldungsbaustein.

Gefahr

Dies ist ein Gefahrenhinweisbaustein.

Standard-Callout-Baustein

Dies ist ein Callout.

Ich bin ein graues Callout!

Mit gestricheltem Rahmen:

Dies ist ein Callout.

Ich bin ein graues Callout!

Transparentes Callout

Dies ist ein transparentes Callout.

Ich bin ein transparentes Callout!

Mit gestricheltem Rahmen:

Dies ist ein Callout.

Ich bin ein transparentes Callout!

Erfolgsmeldungs-Callout

Dies ist ein Erfolgsmeldungs-Callout.

Ich bin ein Erfolgsmeldungs-Callout!

Mit gestricheltem Rahmen:

Dies ist ein Erfolgsmeldungs-Callout.

Ich bin ein Erfolgsmeldungs-Callout!

Info-Callout

Dies ist ein Info-Callout.

Ich bin ein neutrales Info-Callout!

Mit gestricheltem Rahmen:

Dies ist ein Info-Callout.

Ich bin ein neutrales Info-Callout!

Warnhinweis-Callout

Dies ist ein Warnhinweis-Callout.

Und jetzt werde ich Ihnen etwas sehr Wichtiges mitteilen! Achten Sie auf mich!

Mit gestricheltem Rahmen:

Dies ist ein Warnhinweis-Callout.

Ich bin ein Warnhinweis-Callout mit gestricheltem Rahmen!

Sicherheitshinweis-Callout

Dies ist ein Sicherheitshinweis-Callout.

Und hier sind ein paar überaus wichtige Informationen, die Sie unbedingt wissen müssen.

Mit gestricheltem Rahmen:

Dies ist ein Sicherheitshinweis-Callout.

Ich bin ein Sicherheitshinweis-Callout mit gestricheltem Rahmen!

Callout in der Primärfarbe

Dies ist ein Callout.

Ich bin ein Callout in Primärfarbe.

Mit gestricheltem Rahmen:

Dies ist ein Callout.

Ich bin ein Callout in Primärfarbe mit gestricheltem Rahmen!