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

ステータスページのロゴ、色、ヘッダーのデザイン、ダークモード、言語、日付の形式、SNS のプレビューを変更したり、独自の HTML、CSS、JavaScript を追加したりできます。すべてステータスページの設定から行えます。

ロゴと色を追加するには？

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

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

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

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

デザインやダークモードを変更するには？

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

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

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

独自の HTML、CSS、JavaScript を追加できますか？

はい。ステータスページ → HTML では、次の 5 か所に独自の HTML、CSS、JavaScript を挿入できます。

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

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

ステータスページの言語を変更するには？

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

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

Pro プランの機能:

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

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

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

日付、時刻、タイムゾーンの形式を変更するには？

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

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

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

Google や SNS でのプレビューを調整するには？

ステータスページ → 検索と SNS では、次の項目を設定できます。

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

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