ステータスページをカスタマイズする

Instatus では、ステータスページを細かくカスタマイズできます。自社ブランドの一部だと感じられるページに仕上げましょう。 ロゴを追加し、色を選び、さまざまなデザインから選択し、独自の HTML、CSS、JavaScript を追加できます。

自社ブランドを反映する

ステータスページをカスタマイズするには、instatus.com/login から Instatus にログインし、 対象のステータスページを選んで、ステータスページ → デザインへ移動します。

ブランドのセクションでは、次の項目を変更できます。

• ブランドのロゴ (ダークモード用の別ロゴも設定できます)。
• ファビコン。
• ロゴに合わせたブランドカラー。
• ステータスの色。

カスタマイズが終わったら SAVE をクリックすると、ページが更新されます。

デザインをカスタマイズする

デザインのセクションでは、次の項目を変更できます。

• ヘッダーのデザイン (3 種類から選べます)。
• ステータスページをダークモード、ライトモード、ボタンで切り替え可能のいずれで表示するか。
• コンポーネントの表示方法。

デザインを変更したら SAVE をクリックすると、ページが更新されます。

カスタム HTML を使う

ステータスページ → HTML では、独自の HTML、CSS、JavaScript を追加できます。追加できる位置は次のとおりです。

• ステータスページのヘッダーの上。
• ヘッダーの下。
• ステータスページのコンポーネントの下。
• ステータスページのフッターの上。
• フッターの下。

カスタム HTML を追加したら SAVE をクリックすると、ページが更新されます。

別の言語を使う

ステータスページ → 言語では、次の項目を変更できます。

• ステータスページの既定の言語。

Pro プランの機能:

• 多言語対応のステータスページ。
• 独自の表現の利用。

多言語の設定手順は、 多言語対応の記事で詳しく説明しています。

ステータスページの言語を変更したら SAVE をクリックすると、ページが更新されます。

日付と時刻の形式をカスタマイズする

ステータスページ → タイムラインでは、次の項目を変更できます。

• 日付と時刻の形式。日付と時刻の形式について詳しくはこちらを参照してください。
• タイムゾーン。
• サービスの開始日。

日付と時刻を変更したら SAVE をクリックすると、ページが更新されます。

Google や SNS での見え方をカスタマイズする

ステータスページ → 検索と SNS では、ステータスページのプレビューをカスタマイズできます。

• タイトルを変更する。
• Google や SNS 向けの独自の説明を追加する。
• 画像をアップロードする。

検索と SNS の設定をカスタマイズしたら、SAVE をクリックして変更を反映します。