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

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

プロフェッショナルなスタイルとブランドを反映するために、 SharePoint の外観をすばやく簡単にカスタマイズできます。 使用できるオプションは、使用している SharePoint によって異なる場合があります。

注: 外観を変更するには、サイトの所有者またはサイトのデザイン権限が必要です。

外観の設定 を変更するには、サイト の右上隅 SPO 移行ツールの設定 にある [設定] SharePoint します。 チーム サイトの場合は、テーマとヘッダーを変更できます。 コミュニケーション サイトでは、ナビゲーションのレイアウトを変更し、サイトにフッターを追加することもできます。

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

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

注: 

  1. サイトで、[設定] タブ をクリック SPO 移行ツールの設定 し、[テーマ] の [ 外観 の> クリックします

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

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

    注: 

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

    • サブサイトのテーマを更新する場合、または管理者がサイトをクラシック環境に設定している場合は、「クラシック環境デザイン」セクションの手順 に従います

    SharePoint サイトのテーマを変更する

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

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

    注: 現時点では、この設定を使用してサイトの背景色を変更することができます。 SharePoint 管理者は、SharePoint テーマの説明に従って、会社が承認したテーマ を変更できます

    SharePoint サイトの新しいテーマを選択する

    SharePoint サイトのテーマの色をカスタマイズする

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

  1. サイトで、[設定] タブをクリック Office 365 の [設定] ボタン し、[ヘッダー] の [外観の>クリックします

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

    外観のヘッダーを変更する

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

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

      最小限のヘッダー

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

      コンパクト ヘッダー

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

      標準ヘッダー

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

      拡張ヘッダー

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

    外観の変更

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

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

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

    3. [ 変更] を選択してサイト ロゴを追加します (縦横比で四角形にできます)。

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

    外観の表示を変更する

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

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

  1. サイトで、[設定] タブ をクリック Office 365 の [設定] ボタン し、[ナビゲーション] の [ 外観 の変更> クリックします

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

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

    メガメニュー

    SharePoint の [メガ] メニュー

    カスケード

    SharePoint カスケード メニューの例

    注: 

    • このメガメニュー スタイルは、サイトまたはコミュニケーション SharePoint 関連付けられているハブ Microsoft Teams でのみ使用できます。

    • 従来の発行機能が有効になっているサイトでは、メガメニューはサポートされていません。

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

    • メガメニュー スタイルを使用して第 3 レベルに追加されたリンクは、1 つの垂直リストとしてのみ表示されます。

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

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

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

    注: 

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

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

    フッターが有効になっている外観パネルを変更する

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

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

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

      シンプルなフッター レイアウト
    2. 拡張レイアウト: 最大 8 列の 2 レベルのリンクとラベルを表示します。

      拡張フッター

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

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

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

6. [保存]を選 び、変更を保存します。

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

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

拡張フッターの編集オプション

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

クラシックテーマを使用して色、背景、またはフォントを変更する

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

  1. サイトで、[設定] タブ をクリック Office 365 の [設定] ボタン し、[外観の変更 ] をクリックします

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

    コミュニティ サイトのカスタマイズに利用できるデザインの例

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

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

    SharePoint で背景画像の外観を変更する

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

    外観の色、フォント、レイアウトを編集する

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

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

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

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

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

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

    変更を保持する、または無視する

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

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

注: 

  1. サイトで、[設定] タブ をクリック SPO 移行ツールの設定 し、[テーマ] の [ 外観 の> クリックします

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

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

    注: 

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

    • サブサイトのテーマを更新する場合、または管理者がサイトをクラシック環境に設定している場合は、「クラシック環境デザイン」セクションの手順 に従います

    SharePoint サイトのテーマを変更する

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

    メインの色とアクセント カラーを選び、[保存]をクリックしてサイトに適用します。 また、サイトのヘッダーにグレー(ニュートラル)、ライト (ソフト) またはダーク(Strong)バージョンを適用するか、既定の白いヘッダーの背景を保持するか選択できます。 メイン の色とアクセント カラーの一覧は、カスタマイズ SharePoint 既定のテーマによって異なります。

    注: 現時点では、この設定を使用してサイトの背景色を変更することができます。 SharePoint 管理者は、SharePoint テーマの説明に従って、会社が承認したテーマ を変更できます

    SharePoint サイトの新しいテーマを選択する

    SharePoint サイトのテーマの色をカスタマイズする

クラシックテーマを使用して色、背景、またはフォントを変更する

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

  1. サイトで、[設定] タブ をクリック Office 365 の [設定] ボタン し、[外観の変更 ] をクリックします

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

    コミュニティ サイトのカスタマイズに利用できるデザインの例

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

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

    SharePoint で背景画像の外観を変更する

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

    外観の色、フォント、レイアウトを編集する

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

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

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

  8. サイト コンテンツに適用した変更がどのように表示されるかを完全にプレビューで確認する準備ができたら、[試す] を クリックします。 他のサイト ユーザーには、変更内容は表示されません。

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

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

    変更を保持する、または無視する

テーマを使用して、サイトの色、背景、フォント SharePoint する

  1. サイトで、[設定] タブ をクリック Office 365 の [設定] ボタン し、[外観の変更 ] をクリックします

    [外観の変更] が強調表示された [設定] メニュー

    [設定] タブ、[サイト Office 365 の [設定] ボタン の設定] の順にクリックし、[外観] 見出しの下にある [外観の変更] をクリックすることもできます

    [外観の変更] が強調表示された [サイトの設定] の [外観] セクション

    注: 

    • [サイトでの作業の開始] タイルがホーム ページに表示されている場合、[使用するスタイル] タイルをクリックできます。

    • [サイトでの作業の開始] タイルの [使用するスタイル] ボタン

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

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

    コミュニティ サイトのカスタマイズに利用できるデザインの例

  3. では、自分の好みに合わせたカスタマイズに入りましょう。

    • 背景画像を追加または変更するには、[変更] をクリックし、用意した画像をアップロードします。または、画像をコンピューターから [変更] コマンドの上のサムネイル画像にドラッグします。

      注: ドラッグ アンド ドロップが機能しない場合は、ブラウザー ソフトウェアの最新バージョンまたは Microsoft Office 2013 以上をインストールしてください。

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

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

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

    選択したテーマをカスタマイズする

    注: 

    • 外観がどのように変わるかはプレビュー領域ですぐに確認できます。 最初の状態に戻すには、[最初から戻す] を クリックします。 サイトロゴをクリックして [外観の変更] を終了し、サイトのホーム ページに戻る方法もあります。

    • インストールされている SharePoint のバージョンが異なる可能性があり、カスタマイズ方法も多種多様なので、サイト設計者は別の終了方法を提供している場合があります。 終了方法がわからない場合は、管理者にお問い合わせください。

  4. サイト コンテンツに適用した変更の外観をフル サイズでプレビューするには、[試す] をクリックします。 他のサイト ユーザーには、変更内容は表示されません。 この時点でプレビューに納得できない場合は、[やり直す] をクリックします。

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

注: 完了した場合またはもう一度変更を加える場合に元の場所に戻るには、画面上部の階層リンク ナビゲーションのいずれかをクリックします。

タイトルは、多くの場合、サイトの訪問者があなたのサイトを訪れたときに最初に見るものなので、自分のチームまたはプロジェクトの内容がわかるようなものに変更しておくことをお勧めします。 ロゴを追加すると、サイトを訪れた人が、目的のサイトに来ていることをひとめで確認できて便利です。

  1. サイトの SharePoint 、[設定] タブ をクリック Office 365 の [設定] ボタン し、[サイトの設定] をクリックします

  2. [サイトの設定] ページで、[外観] の下の [タイトル、説明、ロゴ] をクリックします。

    タイトル、説明、ロゴが選択されたサイト設定

    注: タイトル、説明、ロゴ 表示されない場合は、そのオプションを管理する権限が与えされていない可能性があります。 サイトの所有者権限またはデザイン権限が必要です。 組織では、サイト コレクション全体のデザインを定義し、これらのオプションを管理する権限を削除することもできます。 詳細については、「SharePoint のアクセス許可レベルについて」を参照してください。

  3. [タイトル] フィールドに新しいタイトルを入力します。
    新しいタイトルがサイトの各ページに表示されます。

    タイトル、説明、ロゴの設定ページ

  4. [説明] フィールドに新しい説明を入力します。 説明は、サイトには表示されず、検索結果ページに表示されます。

  5. ロゴを変更するには、次の手順を行います。

    • コンピューターからロゴをアップロードするには、[コンピューターから]、[参照] の順にクリックし、画像を探して [開く] をクリックします。

    • SharePoint からロゴを追加するには、[差出人] SharePoint画像が保存されているライブラリを参照し、画像を選択して [挿入] をクリックします。 (これは、ロゴが既にチーム サイトにアップロード済みである場合に使用します)。

  6. [OK] をクリックして変更を保存します。

サイトに表示されたロゴの外観が気に入らない場合、ロゴを修正し、上記の手順を繰り返してロゴを上書きします。

ヘルプを表示

Office のスキルを磨く
トレーニングの探索
新機能を最初に入手
Office Insider に参加する

この情報は役に立ちましたか?

ご意見をいただきありがとうございます。

フィードバックをお寄せいただき、ありがとうございます。Office サポートの担当者におつなぎいたします。

×