Status Page Designer
Der Status Page Designer ist ein geteilter Editor, bei dem Sie Ihre Statusseite links konfigurieren und rechts eine Live-Vorschau sehen.
Getting started
- Gehen Sie im Seitenbereich zu Status Pages.
- Klicken Sie auf Create Status Page (oder wählen Sie eine bestehende aus und klicken Sie auf Edit).
- Der Designer öffnet sich mit zwei Registerkarten: Settings und Components.
Settings tab
Die Registerkarte Einstellungen steuert das Erscheinungsbild und Verhalten Ihrer Statusseite.
General
| Setting | Description |
|---|---|
| Name | Titel Ihrer Statusseite. |
| Slug | URL-freundliche Kennung. Erscheint in der Statusseiten-URL. |
| Description | Kurzbeschreibung unter dem Titel. |
| Public | Umschalter, um die Seite für alle sichtbar zu machen. |
Privatsphäre
Wenn Sie eine Seite privat machen (Deaktivieren von Make this status page public), wird sie über die öffentliche URL ausgeblendet. Besucher einer privaten Seite sehen einen Zugriffsbildschirm mit zwei Optionen:
- Das von Ihnen festgelegte Zugriffspasswort eingeben, oder
- Sich mit einem isthisthing.online-Konto anmelden, das Mitglied des Workspace der Seite ist.
Workspace-Mitglieder können eine private Seite angemeldet jederzeit ansehen. Private Seiten funktionieren auf einer Custom Domain genauso.
| Einstellung | Beschreibung |
|---|---|
| Zugriffspasswort | Private Statusseiten erfordern immer ein Zugriffspasswort. Verwenden Sie Neues Passwort festlegen, um es jederzeit ohne Angabe des alten Passworts zu erneuern. Wenn die Seite öffentlich gemacht wird, wird das Passwort entfernt. |
Branding
| Setting | Description |
|---|---|
| Logo URL | URL zu einem Bild, das im Seitenkopf angezeigt wird. |
| Brand Color | Primäre Akzentfarbe (Hex-Wert). |
| Contact Email | E-Mail, die Besuchern für Supportanfragen angezeigt wird. |
Theme
Wählen Sie aus sieben integrierten Themes:
| Theme | Style |
|---|---|
| Dark | Sauberes Dark-Mode-Design. Free-Plan-Standard. |
| Corporate | Professionelles helles Theme mit strukturiertem Layout. |
| Aurora | Gradient-Akzente mit modernem Gefühl. |
| Minimal | Reduziertes Design mit Fokus auf Lesbarkeit. |
| Terminal | Monospace, terminal-inspirierte Ästhetik. |
| Timeline | Incident-Verlauf als chronologische Zeitleiste. |
| Grid | Kartenbasiertes Layout für Komponenten. |
Der Free-Plan enthält nur Dark. Starter und höher schalten alle Themes frei.
SEO
| Setting | Description |
|---|---|
| Meta Title | Benutzerdefiniertes <title>-Tag für Suchmaschinen. |
| Meta Description | Benutzerdefinierte <meta description> für Suchergebnisse. |
Lassen Sie diese Felder leer, um automatisch den Seitennamen und die Beschreibung zu verwenden.
Announcement
Ein optionales Banner, das oben auf Ihrer Statusseite angezeigt wird. Verwenden Sie es für Wartungshinweise oder wichtige Updates.
Advanced
| Setting | Description |
|---|---|
| Custom Domain | Auf Ihrer eigenen Domain hosten (Pro/Enterprise). Siehe Custom Domains. |
| Show Powered By | "Powered by isthisthing.online"-Hinweis ein/aus. |
| Show Subscribe Button | Besuchern erlauben, E-Mail-Updates zu abonnieren (Pro/Enterprise). |
Components tab
Komponenten repräsentieren die Dienste oder Systeme, die Sie auf Ihrer Statusseite verfolgen möchten.
Adding a component
- Wechseln Sie zur Components-Registerkarte.
- Klicken Sie auf Add Component.
- Geben Sie einen Namen ein (z. B. "Website", "API", "Database").
- Verknüpfen Sie es optional mit einem Monitor für automatische Statusaktualisierungen.
- Klicken Sie auf Save.
Component statuses
| Status | Meaning |
|---|---|
| Operational | Alles funktioniert normal. |
| Degraded Performance | Langsamer als gewöhnlich, aber funktionsfähig. |
| Partial Outage | Einige Benutzer oder Funktionen sind betroffen. |
| Major Outage | Der Dienst ist vollständig ausgefallen. |
| Under Maintenance | Geplante Wartung läuft. |
Linked vs. manual components
- Linked — Der Komponentenstatus wird automatisch basierend auf der Gesundheit des zugehörigen Monitors aktualisiert.
- Manual — Sie legen den Status selbst über das Dashboard fest.
Reordering
Ziehen Sie Komponenten in der Liste nach oben oder unten, um ihre Anzeigereihenfolge auf der öffentlichen Seite zu ändern.
Visibility
Schalten Sie die Sichtbarkeit einer Komponente um, um sie auf der öffentlichen Seite anzuzeigen oder auszublenden, ohne sie zu löschen.
Live preview
Die rechte Seite des Designers zeigt eine Echtzeit-Vorschau Ihrer Statusseite. Änderungen an Einstellungen, Theme, Branding oder Komponenten werden sofort angezeigt.
Die Vorschau zeigt auch, wie:
- Aktive Incidents dargestellt werden.
- Vergangene Incidents im Verlauf angezeigt werden.
- Bevorstehende Wartungsfenster aufgelistet werden.
Publishing
Klicken Sie im Designer auf Save, um Ihre Änderungen zu veröffentlichen. Ihre Statusseite ist sofort verfügbar unter:
https://statuspage.isthisthing.online/{workspace-slug}/{page-slug}