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

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

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

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

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

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

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

注: 

  • 一部の機能は、対象となるリリースプログラムにオプトインした組織に段階的に導入されています。これは、この機能がまだ表示されていない場合、または、サポート記事で説明した内容と異なる場合があることを意味します。

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

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

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

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

    注: 

    • 管理者は、[サイトのテーマ] を設定して、会社が承認したテーマのリストのみを表示することができます。その場合は、既定のSharePointテーマは表示されません。

    • サブサイトでテーマを更新している場合、または管理者が従来のエクスペリエンスに設定したサイトを使用している場合は、 「従来のエクスペリエンスデザイン」の手順に従ってください。

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

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

    目的の色とアクセントの色を選び、[保存] をクリックしてサイトに適用します。また、サイトのヘッダーに灰色 (ニュートラル)、淡色 (Soft)、または dark (強い) バージョンを適用するかどうかを選ぶこともできます。または、既定のホワイトヘッダーの背景を保持することができます。 メインカラーとアクセントカラーのリストは、カスタマイズするために選択した既定のSharePointテーマによって異なります。

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

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

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

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

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

  2. [外観の変更] パネルで [ヘッダー ] をクリックし、次のいずれかのオプションを選択します。

    • 既定

      Defautl サイトヘッダー

    • 標準

      標準のサイトヘッダー

    • コンパクト

      コンパクトなサイトヘッダー

    • 最低限

      最小限のサイトヘッダー

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

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

管理者が従来のエクスペリエンスに設定されているサイトを使用している場合、またはサブサイトのテーマを変更している場合は、次の手順に従って、 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 サポートの担当者におつなぎいたします。

×