Personnalisez l’apparence de votre page de statut

Faites correspondre votre page de statut publique à votre marque — vos couleurs, votre espacement et les sections que vous voulez montrer aux visiteurs — le tout sans avoir besoin d'un designer. Ceci s'adresse à toute personne qui gère une page de statut et veut qu'elle soit impeccable avant sa mise en ligne.

#Vue d'ensemble

• Chaque option d'apparence se trouve au même endroit, avec un aperçu en direct à côté pour voir l'effet avant d'enregistrer.
• Vous contrôlez la disposition, le thème de couleurs, l'en-tête, l'image d'en-tête, l'espacement, la profondeur d'historique affichée et les sections visibles.
• Certains éléments sont volontairement fixes — comme les couleurs de panne et l'ordre des sections — afin que les visiteurs reconnaissent toujours un problème en un coup d'œil.

#Ouvrir les paramètres d'apparence

1. Allez dans Status Pages.
2. Ouvrez la page que vous voulez modifier.
3. Appuyez sur Settings en haut.
4. Choisissez Appearance dans la liste à gauche.

À côté des paramètres, vous verrez votre page, et elle se met à jour au fur et à mesure que vous changez des éléments — avant même d'enregistrer. Elle affiche le haut de votre page avec vos vrais services, pas un substitut. Appearance est le seul endroit où la page entière apparaît à côté, car c'est le seul endroit où voir la page est la façon de décider.

#Choisir une disposition

1. Sous Layout, choisissez One column ou Two columns — chacune affiche un petit schéma d'elle-même pour que vous puissiez d'abord voir la différence.
2. One column place tout de haut en bas. C'est le bon choix pour la plupart des pages, et c'est la valeur par défaut.
3. Two columns place vos services à gauche, avec la maintenance planifiée et le formulaire d'inscription dans une colonne plus étroite à côté. Passez à cette disposition lorsque vous listez beaucoup de services et que la colonne unique devient un long défilement.

Les deux dispositions montrent exactement les mêmes informations — rien n'est ajouté, caché ou reformulé, seulement déplacé. Ce qui est actuellement en panne reste toujours en pleine largeur en haut, jamais dans la colonne latérale. Sur un téléphone, une page à deux colonnes se replie en une seule, afin que rien ne soit perdu.

#Définir le thème de couleurs

1. Sous Colour scheme, choisissez Light, Dark ou Auto.
2. Auto suit l'appareil de chaque visiteur, et continue de le suivre si son appareil change pendant que la page est ouverte.
3. Choisissez Light ou Dark à la place si votre page doit toujours avoir le même aspect pour tout le monde.

#Choisir un style d'en-tête

1. Sous Header, choisissez Colour only ou Name and subscribe.
2. Colour only est un bandeau de votre couleur d'accent — l'apparence de départ pour chaque page.
3. Name and subscribe place le nom et la description de votre page dans le bandeau, avec un bouton qui emmène directement les visiteurs vers le formulaire d'inscription. Activez cette option si les visiteurs viennent pour être informés des changements.
4. Si vous avez choisi Name and subscribe, vous pouvez aussi désactiver le dégradé de l'en-tête pour obtenir un bandeau plat plutôt qu'un dégradé.

Dans tous les cas, tout ce qui est actuellement en panne reste sous le bandeau, en pleine largeur — un en-tête ne signale jamais une panne.

#Définir une couleur de page

1. Sous Colour, cliquez sur la pastille pour choisir une couleur, ou saisissez un code hexadécimal dans le champ.
2. Laissez-le vide pour utiliser la couleur de marque de votre espace de travail — le champ renvoie vers l'endroit où celle-ci est définie, dans Settings → General → Brand.
3. Définissez plutôt une couleur ici lorsque cette page appartient à une marque différente — un second produit, ou un client pour le compte duquel vous publiez.

NoteUne couleur de marque partagée par tout l'espace de travail — commune à toutes vos pages et à vos e-mails — fait partie du branding en marque blanche. Sans elle, une page que vous laissez vide utilise la couleur InfraNest, et le champ l'indique.

#Ajouter une image d'en-tête

1. Sous Header image, cliquez pour téléverser ou glissez-déposez un PNG, JPG, WebP ou SVG jusqu'à 5 Mo.
2. Les images très volumineuses sont refusées, car le navigateur de chaque visiteur doit la charger, et une page de statut est justement la page que tout le monde ouvre en même temps.

Si vous n'en ajoutez pas, rien ne paraît inachevé — la page commence simplement avec votre logo et votre nom, comme c'est le cas aujourd'hui.

#Ajuster l'espacement

1. Sous Spacing, choisissez Roomy ou Compact.
2. Roomy est l'apparence normale. Compact resserre les lignes afin que davantage de services tiennent à l'écran en même temps.

Compact ne change que l'espacement — il ne masque jamais un service et ne supprime jamais une section.

#Choisir la profondeur d'historique affichée

1. Sous History shown, choisissez 30, 60 ou 90 days.
2. Cela détermine jusqu'où remontent les barres de disponibilité à côté de chaque service, et jusqu'où remonte l'historique des incidents.

Une plage plus courte rend aussi la page un peu plus rapide, car il y a moins de calculs à effectuer.

#Activer ou désactiver des sections

1. Sous Sections, désactivez tout ce dont votre page n'a pas besoin :
   • Uptime bars à côté de chaque service
   • La maintenance planifiée
   • Les services tiers que vous surveillez
   • L'historique des incidents
   • Les titres de groupe au-dessus de chaque ensemble de services
   • Les tags sur un service
2. Les visiteurs ne voient jamais de section vide — tout ce qui est désactivé est simplement absent.

TipVous cherchez les interrupteurs pour la barre de disponibilité globale ou les abonnements par e-mail ? Ils ont déménagé. La barre de disponibilité ne s'affichait que sur le badge intégrable, elle se trouve donc désormais dans Settings → Embed elsewhere. Les abonnements par e-mail déterminent qui reçoit de vos nouvelles plutôt que l'apparence de la page, ils se trouvent donc dans l'onglet Subscribers — les désactiver retire aussi le formulaire d'inscription de votre page.

#Décider si la maintenance compte dans votre taux de disponibilité

1. Par défaut, l'indisponibilité pendant une fenêtre de maintenance ne diminue pas le taux de disponibilité de votre page, et votre page affiche Excludes planned maintenance à côté du chiffre pour l'expliquer.
2. Pour inclure la maintenance planifiée dans le chiffre à la place, désactivez Leave planned maintenance out of the uptime figure, juste sous Show uptime percentage.
3. La note à côté du chiffre disparaît alors.

#Ce que les visiteurs voient toujours

Certains éléments ne sont pas configurables, volontairement :

• Les couleurs de statut. Une panne majeure est rouge sur chaque page, quelle que soit votre couleur d'accent — afin qu'un problème soit reconnaissable en un coup d'œil, même pour un visiteur de passage.
• L'ordre des sections. Ce qui est en panne maintenant vient avant ce qui est planifié, qui vient lui-même avant ce qui est déjà résolu. Changer la disposition déplace les sections sur la page, mais jamais au-delà de cet ordre.

#Est-ce que cela s'applique partout ?

Oui. Ces paramètres s'appliquent à votre page sur notre domaine, sur votre propre domaine personnalisé, et à la copie servie depuis notre réseau edge en cas de panne — cette dernière est ce que les gens voient lorsque le reste de notre système est injoignable, c'est donc la version qui compte le plus.