Diese Seite demonstriert die wichtigsten Inhaltselemente und Karten des Ghost-Editors. Sie dient zugleich als technische Testseite für das verwendete Theme.
Überschriften und Fließtext
Ein guter Artikel beginnt mit einer klaren Struktur. Überschriften helfen Leserinnen und Lesern dabei, Inhalte schnell zu erfassen und sich auch in längeren Beiträgen zurechtzufinden.
Überschrift der dritten Ebene
Fließtext bildet den größten Teil eines Artikels. Er sollte angenehm lesbar sein, genügend Abstand besitzen und auf kleinen sowie großen Bildschirmen gleichermaßen funktionieren.
Überschrift der vierten Ebene
Auch tiefer gegliederte Inhalte müssen sich deutlich voneinander unterscheiden, ohne dabei unruhig oder überladen zu wirken.
Textformatierungen
Text kann innerhalb eines Absatzes fett hervorgehoben, kursiv dargestellt oder durchgestrichen werden. Einzelne Begriffe lassen sich außerdem als Inline-Code kennzeichnen.
Links sollten gut erkennbar sein und sich harmonisch in den Text einfügen. Weitere Informationen findest du beispielsweise auf Herr-Meier.de.
Aufzählungen
Eine ungeordnete Liste eignet sich besonders für Inhalte, bei denen die Reihenfolge keine Rolle spielt:
- übersichtliche Gestaltung
- angenehme Lesbarkeit
- responsive Darstellung
- verständliche Struktur
- konsequente Abstände
Eine nummerierte Liste verdeutlicht dagegen eine feste Reihenfolge:
- Inhalt erstellen
- Beitrag überprüfen
- Vorschau öffnen
- Darstellung auf verschiedenen Geräten testen
- Seite veröffentlichen
Zitat
Gutes Design fällt nicht dadurch auf, dass es besonders laut ist. Es sorgt dafür, dass Inhalte selbstverständlich funktionieren und gerne gelesen werden.
Zitate sollten sich klar vom normalen Fließtext unterscheiden, ohne den Lesefluss zu unterbrechen.
Callout-Karte
An dieser Stelle wird eine Callout-Karte eingefügt.
Bildkarte
Galerie
Galerie
Bookmark-Karte
Bookmark-Karten sollten Titel, Beschreibung, Vorschaubild und Domain übersichtlich darstellen.
Button-Karte
Toggle-Karte
An dieser Stelle wird eine Toggle-Karte eingefügt.
Was ist eine Toggle-Karte?
Eine Toggle-Karte verbirgt zusätzliche Informationen zunächst hinter einer anklickbaren Überschrift. Sie eignet sich beispielsweise für häufig gestellte Fragen, ergänzende Erklärungen oder Inhalte, die nicht sofort sichtbar sein müssen.
Funktioniert die Karte auch auf mobilen Geräten?
Ja. Die Karte sollte sich auf Smartphones vollständig öffnen lassen und darf dabei weder seitlich aus dem Inhaltsbereich herausragen noch andere Seitenelemente überdecken.
Audio-Karte
Externe Einbettung
Lagerfeuer Video
Header-Karte
Inhalte verdienen ein gutes Fundament.
Meier Ghost Basic bietet eine schlichte, zuverlässige Grundlage für moderne Ghost-Websites.
Mehr erfahrenSignup-Karte
HTML-Karte
Dieser Bereich wurde mit einer HTML-Karte erstellt.
Beispielcode:
<div style="padding: 24px; border: 1px solid #dddddd; border-radius: 12px; text-align: center;">
<strong>Individuelle HTML-Karte</strong>
<p style="margin: 8px 0 0;">Dieser Bereich wurde mit einer HTML-Karte erstellt.</p>
</div>
Markdown-Karte
Inhalt aus einer Markdown-Karte
Dieser Absatz wurde innerhalb einer Markdown-Karte formatiert.
- erster Eintrag
- zweiter Eintrag
- dritter Eintrag
Beispielinhalt:
### Inhalt aus einer Markdown-Karte
Dieser Absatz wurde innerhalb einer **Markdown-Karte** formatiert.
- erster Eintrag
- zweiter Eintrag
- dritter Eintrag
Codeblock
:root {
--color-background: #ffffff;
--color-text: #17181a;
--color-accent: #2563eb;
--content-width: 740px;
}
Tabelle
| Funktion | Status | Darstellung |
|---|---|---|
| Beiträge | unterstützt | responsive |
| Seiten | unterstützt | responsive |
| Mitglieder | unterstützt | Ghost Portal |
| Kommentare | unterstützt | native Ghost-Kommentare |
| Newsletter | unterstützt | Ghost Newsletter |
| Empfehlungen | unterstützt | eigenes Seitentemplate |
Sehr langer Inhalt
Dieser Absatz enthält absichtlich ein besonderslangeswortohneautomatischetrennstellen, damit überprüft werden kann, ob ungewöhnlich lange Inhalte den verfügbaren Bereich sprengen oder einen horizontalen Seitenlauf verursachen.
Auch eine sehr lange Internetadresse sollte das Layout nicht beschädigen:
Abschluss
Wenn alle Elemente dieser Seite korrekt dargestellt werden, deckt das Theme die wesentlichen Inhalte und Karten des Ghost-Editors ab. Die Seite sollte abschließend auf Desktop, Tablet und Smartphone sowie im hellen und dunklen Farbschema überprüft werden.