サイトの見た目を変更する
Site Studioのデザインパネルで、ルック、色、フォント、ライトまたはダークモード、およびオプションのカスタムCSSを選択します。
サイトの見た目はSite Studioで管理します。デザインではルック、色、タイポグラフィ、テーマ、詳細なカスタムCSSを設定し、アイデンティティではプロフィール、ファビコン、検索結果や共有時のサイトの表示を設定します。
- ホームページを開いてSite Studioにアクセスし、デザインを選択します。
- ルックを選ぶで、1つ選んでルックを下書きに反映します。変更されるのは見た目だけで、コンテンツ、公開設定、順序はそのままです。ルックを比較では、あなたのコンテンツで各ルックを確認できます。
- ブランドデザインで、アクセントカラー、フォントパック、形状と余白を設定します。
- ブラウザでの表示で、カラーモードを設定します：訪問者の設定に従う、常にライト、または常にダーク。
- さらに細かく調整したい場合は、詳細設定：カスタムCSSを開きます。デザインシステムが適用された後に反映されます。
- 変更をプレビューを選択し、デスクトップ、タブレット、モバイルで確認してから、変更を公開します。
解決しない場合
- 設定でテーマやカスタムCSSが見つかりません：移動しました。テーマとカスタムCSSはSite Studioのデザインにあり、ファビコン、検索と共有はアイデンティティにあります。
- 試したルックが公開サイトにすぐ反映されました：Site Studioでの下書きとは異なり、ルックを比較ページで復元やリセットを行うと公開サイトに反映されます。そのページの復元ポイントを使って元に戻せます。
セクションのレイアウトとヒーローは、ホームページのセクションとヘッダーとナビゲーションで設定します。