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

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

SharePoint サイトは短時間でカスタマイズでき、プロフェッショナルなスタイルとブランドを反映することができます。サイトをカスタマイズするには、自分がサイトを作成したユーザーであるか、または少なくともサイトをデザインする権限を持っている必要があります。

ヒント: 従業員数が少ない小規模な企業では、OneDrive for Business と Office 365 のチーム サイトを同時に使用して、ファイル共有とオンラインでの共同作業を効果的にセットアップできます。その後、このチュートリアルに従って、Office 365 のチーム サイトをカスタマイズして、ストレージと共同作業の機能をさらに活用できるようにします。

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

現在、サイト用に 6 個用意されている既定のテーマから選ぶか、クラシック環境デザインのいずれかから選ぶことができます。

注: 先行リリース プログラムを購入した組織には、一部の機能が段階的に追加されます。つまり、このような機能は、まだ表示されなかったり、ヘルプ記事に記載されている内容と異なったりする場合があります。

既定のテーマ

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

    外観の変更

  2. 希望する外観を選択し、[保存] をクリックします。表示されている外観が気に入らず、最初の状態に戻したい場合は、[キャンセル] をクリックします。

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

注記: 

  • 画面が上記の画像と一致しない場合は、管理者がサイトをクラシック環境に設定しているということです。いずれかのクラシック環境テーマを使用するには、以下の手順に従います。

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

クラシック環境デザイン

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

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

  3. 選択肢の中から外観を選びます。色や画像が完全には気に入らなくても心配しないでください。これらの設定は、次の手順で変更できます。

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

    注: この設定は、管理者がサイトをクラシック環境に設定している場合にのみ表示されます。

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

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

    注: この設定は、管理者がサイトをクラシック環境に設定している場合にのみ表示されます。

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

    注: この設定は、管理者がサイトをクラシック環境に設定している場合にのみ表示されます。

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

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

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

SharePoint サイトのロゴ、タイトル、および説明を変更する

ロゴ、名前や説明などのサイトの他の設定を変更するには、「Manage your SharePoint team site settings (SharePoint チーム サイトの設定を管理する)」を参照してください。

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

    [サイトの設定] の [外観] オプションを変更します。

    ヒント: 

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

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

    • 別の方法として、チーム サイトで [設定]、[外観の変更] の順にクリックすることもできます。

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

  2. 選択肢の中から別の外観を選びます。色や画像が完全には気に入らなくても心配しないでください。これらの設定は、次の手順で変更できます。

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

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

      注:  ドラッグ アンド ドロップが機能しない場合は、ブラウザー ソフトウェアの最新バージョンまたは Microsoft Office 2013 以上をインストールしてください。ドラッグ アンド ドロップを使用するには、Office 2013 以上または最新バージョンの Internet Explorer、Firefox または Chrome が必要です。Windows 10 では現在 Microsoft Edge ブラウザーはサポートされていませんが、Internet Explorer 11 はサポートされています。

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

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

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

      ヒント: 

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

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

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

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

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

これでサイトの外観を変更できたので、次は、簡単に行えるもう少し踏み込んだカスタマイズを行ってみましょう。ここからは、サイトのタイトル、説明、およびロゴを更新する方法を説明します。

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

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

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

    [サイトの設定] の [タイトル、説明、ロゴ] オプション

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

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

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

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

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

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

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

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

カスタマイズについて簡単に説明しましたが、サイトをより効果的に使用するために、次の手順を検討してください。

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

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

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

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

×