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

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

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

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

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

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

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

注: 

  • 一部の機能は、対象指定リリースプログラムにオプトインしている組織に段階的に導入されています。 つまり、この機能はまだ表示されない場合があります。または、このヘルプ記事で説明されている機能とは異なって見える場合があります。

  • サイトをカスタマイズするその他の方法については、「 SharePoint サイトをカスタマイズする」を参照してください。

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

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

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

    注: 

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

    • サブサイトのテーマを更新する場合や、管理者がサイトをクラシック環境に設定している場合は、 「クラシック環境のデザイン」セクションの指示に従ってください。

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

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

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

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

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

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

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

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

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

    SharePoint サイトのヘッダーレイアウト

  2. [標準ヘッダー] レイアウトまたは [コンパクト] オプションのいずれかを選択して、すべてのヘッダーコンテンツを1行に移動します。

  3. [変更] をクリックしてサイトのロゴを追加します。

  4. ヘッダーの背景を選択して、サイトヘッダーの背景色を変更します。

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

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

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

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

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

    Megamenu

    SharePoint メガメニュー

    Css

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

    注: 

    • Megamenu スタイルは、 Microsoft Teams またはコミュニケーションサイトに関連付けられた SharePoint ハブサイトでのみ利用できます。

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

    • Megamenu スタイルを使用すると、3番目のレベルに追加されたリンクは単一の縦方向リストとして表示されます。

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

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

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

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

    SharePoint サイトのフッター

  2. フッターの表示/非表示を切り替えて、サイトにフッターを追加します。

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

  4. フッターの名前を追加するには、 [オン] に切り替えて名前を入力します。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    変更を保持する、または意識しない

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

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

注: 

  • 一部の機能は、対象指定リリースプログラムにオプトインしている組織に段階的に導入されています。 つまり、この機能はまだ表示されない場合があります。または、このヘルプ記事で説明されている機能とは異なって見える場合があります。

  • サイトをカスタマイズするその他の方法については、「 SharePoint サイトをカスタマイズする」を参照してください。

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

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

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

    注: 

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

    • サブサイトのテーマを更新する場合や、管理者がサイトをクラシック環境に設定している場合は、 「クラシック環境のデザイン」セクションの指示に従ってください。

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

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

    使用するメインの色とアクセントの色を選び、[保存] をクリックして、サイトに適用します。 また、グレー (ニュートラル)、ライト (ソフト)、または濃い (強い) バージョンのメイン色をサイトのヘッダーに適用するかどうかを選択したり、既定の白のヘッダーの背景を残したりすることができます。 主要色とアクセントカラーの一覧は、カスタマイズする既定の 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 サポートの担当者におつなぎいたします。

×