SharePoint サイトの外観を変更する

テーマを使用して SharePoint サイトの色を変更する

既定の SharePoint テーマのいずれかを選択し、必要に応じてカスタマイズしたり、会社のブランド化が承認された会社のテーマを選択したり、クラシック エクスペリエンス デザインのいずれかを使用したりできます。 会社のテーマを作成してアップロードするには、「 SharePoint サイトのテーマ」を参照してください。

1. サイトで、[設定] をクリックし、[テーマ > 外観を変更する] をクリックします。

   注:  [設定] メニューに [外観の変更] が表示されない場合は、このオプションを管理するためのアクセス許可がない可能性があります。 詳細については、「SharePoint のアクセス許可レベルについて」を参照するか、管理者にお問い合わせください。

2. 目的の外観を選択します。 選択したテーマが適用されたサイトのプレビューが表示されます。 [ 保存 ] をクリックしてサイトに適用するか、表示される内容が気に入らず、最初の内容に戻す場合は、代わりに [キャンセル ] をクリックします。

   注: 

   • 管理者は、会社が承認したテーマの一覧のみを表示するようにサイトのテーマを設定している可能性があります。 その場合、既定の SharePoint テーマは表示されません。

   • サブサイトでテーマを更新している場合、または管理者がサイトをクラシック エクスペリエンスに設定している場合は、「 クラシック エクスペリエンスの設計」セクション の手順に従います。

   

3. 既定の SharePoint テーマの色をカスタマイズするには、テーマを選択し、[ カスタマイズ] をクリックします。

4. 目的のメイン色とアクセントの色を選択し、[保存] をクリックしてサイトに適用します。 メインの色とアクセントの色の一覧は、カスタマイズする既定の SharePoint テーマによって異なります。

   注: 現時点では、この設定を使用してサイトの背景色を変更することはできません。 SharePoint 管理者は、「 SharePoint テーマ」で説明されているように、会社が承認したテーマに変更を加えることができます。

   

   

サイト ヘッダーをカスタマイズする

1. サイトで、[ 設定] をクリックし、[ 外観の変更 ] > [ヘッダー] をクリックします。

   注: 

   • [設定] メニューに [外観の変更] が表示されない場合は、このオプションを管理するためのアクセス許可がない可能性があります。 詳細については、「SharePoint のアクセス許可レベルについて」を参照するか、管理者にお問い合わせください。

   • 最小および拡張ヘッダー レイアウトは、GCC、GCC High、DoD、Gallatin、およびソブリン クラウドのお客様のルック パネルの変更から一時的に削除されます。 最小ヘッダーを使用するサイトは自動的にコンパクト ヘッダーに切り替わります。拡張ヘッダー レイアウトを使用するサイトは、標準ヘッダーに自動的に切り替わります。

   

2. レイアウトを選択します([コンパクト レイアウト] は、すべてのモダン サイトの既定値です)。

   1. 最小レイアウト: 小さなサイト ロゴ、サイト タイトル、サイト ナビゲーション、サイトの操作とラベルなど、すべてのコンテンツを 1 行で高さを減らしました。

      

   2. コンパクト レイアウト: コンテンツを 1 行に保持しながら、フルサイズのサイト ロゴを使用する大きな高さのレイアウト。

      

   3. 標準レイアウト: フルサイズのサイト ロゴとコンテンツを 2 行に分割したレイアウト。

      

   4. 拡張レイアウト: コンテンツを含む最大のレイアウトは、サイト ロゴ、サイト タイトル、および以下の他のコンテンツとは別のオプションの背景画像を含む 2 つのコンテンツ領域に分割されています。

      

      注: [ホーム] として指定されたハブ サイトで拡張ヘッダーを使用している場合、サイト ナビゲーションはハブ ナビゲーション バーに置き換えられます。

3. [背景] セクションで、テーマの色を 選択 して、サイト ヘッダーの背景色を変更します。 [ 拡張] を選択して、背景画像の焦点を決定します。

   

4. [表示] セクションで、次の操作を行います。

   1. [トグル] を選択して、サイト タイトルの可視性を設定します。

   2. [変更] を選択してサイト ロゴのサムネイルを追加します (四角形の縦横比を必要とするエクスペリエンスで既定で使用するには正方形のロゴにする必要があります)。

   3. [ 変更] を選択 してサイト ロゴを追加します。 拡張レイアウトを使用している場合は、[ サイト ロゴ の配置] を選択します。

   注: アイコンが正しくレンダリングされるようにするには、64 x 64 ピクセルから 192 x 64 ピクセル (幅 x 高さ) の範囲内に収まるアイコンを選択してください。

   

5. 完了したら、[保存] をクリック します。

ナビゲーション スタイルを変更する

1. サイトで、[設定] をクリックし、[ナビゲーション > 外観を変更する] をクリックします。

   注:  [設定] メニューに [外観の変更] が表示されない場合は、このオプションを管理するためのアクセス許可がない可能性があります。 詳細については、「SharePoint のアクセス許可レベルについて」を参照するか、管理者にお問い合わせください。

2. 次のいずれかのオプションを選択します。

   Megamenu

   

   カスケード

   

   注: 

   • Megamenu は、クラシック発行機能が有効になっているサイトではサポートされていません。

   • ナビゲーション リンクを変更するには、「 SharePoint サイトのナビゲーションをカスタマイズする」を参照してください。

   • megamenu スタイルを使用するときに 3 番目のレベルに追加されたリンクは、1 つの垂直リストとしてのみ表示されます。

3. [ 適用 ] をクリックして変更を保存します。

サイト フッターを追加する

1. サイトで、[ 設定] をクリックし、[ 外観の変更 ] > [フッター] をクリックします。 

   注: 

   • [設定] メニューに [外観の変更] が表示されない場合は、このオプションを管理するためのアクセス許可がない可能性があります。 詳細については、「SharePoint のアクセス許可レベルについて」を参照するか、管理者にお問い合わせください。

   • サイト フッター機能は、コミュニケーション サイト ページでのみ使用できます。 これらは、サイト上のリスト ページ、ライブラリ ページ、またはその他のページでは使用できません。

   

2. [フッターの表示設定] を [オン] に切り替えて、サイトにフッターを追加します。

3. レイアウトを選択します。

   1. 単純なレイアウト:1 レベルのリンクとラベルを、最大 8 列の幅で表示します。

      

   2. 拡張レイアウト: 最大 8 列の 2 つのレベルのリンクとラベルを表示します。

      

3. [アップロード] を選択して、ロゴイメージをフッターに追加します。 イメージのサイズは自動的に変更されます。

4. フッターの名前を追加するには、[ 表示名] を入力します。

5. 背景色を選択します。

6. [保存] を 選択して変更を保存します。

フッターのラベルとリンクを編集する

サイトにフッターを追加したら、フッターにリンクまたはラベルを追加できます。 メニュー ラベルとリンクの左側にあるフッターで [編集] を 選択します。

リンクとラベルの追加または編集の詳細については、「 SharePoint サイトのナビゲーションをカスタマイズする」を参照してください。 最大 8 つのリンクまたはラベルの 1 つのレベルを追加できます。

クラシック エクスペリエンステーマで色、背景、フォントを変更する

管理者がサイトをクラシック エクスペリエンスに設定している場合、またはサブサイトのテーマを変更する場合は、次の手順に従って、 SharePoint サイトの色、背景、フォントを変更します。

1. サイトで、[ 設定] をクリックし、[ 外観の変更] をクリックします。

2. [ クラシック設定の表示 ] または [ クラシック] をクリックして、外観オプションを変更します。 既にクラシック環境が表示されている場合は、この手順をスキップします。

   

3. 選択肢の中から外観を選択します。 色や画像が正確に気に入らない場合は、次の手順で変更できます。

4. 背景画像を追加または変更するには、[変更 ] を選択して独自の画像をアップロードするか、コンピューターから [変更 ] コマンドの上にあるサムネイル画像に画像をドラッグします。

   

5. 配色を変更するには、[色] の横にある矢印をクリックし、別の配色を選びます。

   

6. レイアウトを変更するには、[サイトのレイアウト] の横にある矢印をクリックし、別のレイアウトを選びます。これにより、ナビゲーション リンクや検索ボックス、その他の配置が変わります。

7. フォントを変更するには、[フォント] の横にある矢印をクリックし、別のフォントを選びます。

   注: フォントの種類のスタイルは変更できますが、サイズは変更できません。

8. サイト コンテンツに適用した場合の変更の外観のフルサイズのプレビューを表示する準備ができたら、[ 試してみる] をクリックします。 他のサイト ユーザーには、変更内容は表示されません。

   注: 表示されている外観が気に入らず、最初の状態に戻したい場合は、[最初からやり直す] をクリックします。または、サイト ロゴをクリックして [外観の変更] を終了し、サイトのホーム ページに戻ります。

9. そのプレビューで納得できたら、[はい、確定します] をクリックします。 変更したい箇所が残っている場合は、[いいえ、まだ完成ではありません] をクリックし、別の設定を試します。