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

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

注: 最新のヘルプ コンテンツをできるだけ早く、お客様がお使いの言語で提供したいと考えております。 このページは、自動翻訳によって翻訳されているため、文章校正のエラーや不正確な情報が含まれている可能性があります。 私たちの目的は、このコンテンツがお客様の役に立つようにすることです。 お客様にとって役立つ情報であったかどうかを、このページの下部でお知らせください。 簡単に参照できるように、こちらに英語の記事があります。

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

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

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

テーマを使用して、ユーザーのz0z_サイトの色を変更する

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

注: 

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

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

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

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

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

    注: 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Megamenu

    SharePoint メガメニュー

    css

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

    注: 

    • megamenu style は、_ z1z_ またはコミュニケーションサイトに関連付けられたz0z_ hub サイトでのみ利用できます。

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

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

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

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

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

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

    SharePoint サイトのフッター

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

テーマを使用して、ユーザーのz0z_サイトの色を変更する

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

注: 

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

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

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

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

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

    注: 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

テーマを使用して、自分のz0z_サイトの色、背景、またはフォントを変更する

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

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

    [設定] (z0z_)をクリックし、[サイトの設定] をクリックし、[外観] 見出しの [外観の変更] をクリックすることもできます。

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

    注: 

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

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

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

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

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

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

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

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

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

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

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

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

    注: 

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

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

  4. サイトコンテンツに適用したときに変更内容がどのように表示されるかを完全なプレビューで確認するには、[試してみる] をクリックします。 他のサイト ユーザーには、変更内容は表示されません。 この時点でプレビューに納得できない場合は、[やり直す] をクリックします。

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

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

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

  1. ユーザーのz0z_サイトで、[設定](z1z_)をクリックし、[サイトの設定] をクリックします。

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

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

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

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

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

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

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

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

    • SharePoint からロゴを追加するには、[ z0z_から] をクリックして、画像が保存されているライブラリを参照し、画像を選択して [挿入] をクリックします。 (これは、既にロゴがチームサイトにアップロードされていることを前提としています)。

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

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

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

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

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

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

×