Microsoft 365 に関するお役立ち情報

【SharePoint】サイトのテンプレート適用と外観を変更してデザインを整えよう

作成者: まぁさん|2023/06/29

SharePoint で社内ポータルサイトを作成するときに、サイトテンプレートを使用し簡単にサイトを作成することが可能です。SharePoint は、デザイン面おいて出来ることに制約がありますが、そういったこともテンプレートを使用すれば、気になることもありません。また、サイトのテーマカラーの変更やヘッダー部分の変更など、外観の設定をすることでデザインを整えることができます。
ここでは、サイトテンプレートの使用方法と外観の設定の変更方法についてご説明していきます。

 

●この記事の目次

  1. サイトテンプレートを適用する
  2. 外観の変更をする方法
    2-1. テーマ
    2-2. ヘッダー
    2-3. ナビゲーション
    2-4. フッター
  3. まとめ

 

 

サイトテンプレートを適用する

サイトテンプレートを適用する方法についてご説明します。
サイトテンプレートは、マイクロソフトや所属している組織が提供するテンプレートを利用することで、簡単にサイトの構成やデザインを設定することができます。

サイトテンプレートを適用するときは、右上の「設定(図中①)」と吹き出しが出るアイコンをクリックします。表示されるメニューから「サイトテンプレートを適用(図中②)」をクリックします。

表示される画面の上部に「Microsoft から(図中③)」と「所属している組織から(図中④)」の2つのタブが表示されます。

「Microsoft から(図中⑤)」を選択すると、Microsoft から提供される、危機管理、人事等、10種類を超えるサイトテンプレートが表示されます。それぞれ、サイトの目的により必要な Web パーツやコンテンツのサンプルが提供されており、デザイン性も高いテンプレートになっています。

「所属している組織から(図中⑥)」を選択すると、組織からテンプレートが提供されている場合は表示されますが、提供されているケースは稀です。

作成する目的や好きなデザインでテンプレートを選択すると、サイトの機能や画面イメージが表示されるので、確認後に「テンプレートを使用(図中⑦)」と書かれたボタンをクリックします。テンプレートの適用には少し時間がかかりますが、選択したテンプレートの適用されたサイトが表示されます。



外観の変更をする方法

色やヘッダーといったデザインに影響を与える要素を変更する方法についてご説明します。

外観を変更するときは、右上にある「設定(図中①)」と吹き出しが出るアイコンをクリックします。表示されるナビゲーションから「外観の変更(図中②)」をクリックします。



テーマ

外観の変更画面から「テーマ(図中①)」をクリックします。

テーマは、ボタンの色や背景の色、文字の色、リンクの色等の組み合わせです。選択されているテーマが一番上に表示されます。「カスタマイズ(図中②)​​​」と書かれたリンクをクリックするとメインの色(図中③)とアクセントカラー(図中④)をカスタマイズすることができます。

会社でオリジナルのテーマが提供されている場合は、会社のテーマ(図中⑤)の下に表示されます。

SharePoint テーマ(図中⑥)の下に10種類のテーマが表示されるので、好きな色の組み合わせを選択します。設定が完了したら保存ボタン(図中⑦)をクリックします。他の外観の設定を行う場合は、テーマの左にある矢印(図中⑧)をクリックします。



ヘッダー

外観の変更画面から「ヘッダー(図中①)」をクリックします。

「レイアウト(図中②)」の下で「ミニマル(図中③)」「コンパクト(図中④)」「標準(図中⑤)」「拡張(図中⑥)」の中から好きなレイアウトを選択します。「拡張」を選択するとヘッダー画像を設定することができます。

「アップロード(図中⑦)」と書かれたリンクをクリックすると、画像をアップロードできます。事前に 1920px × 100px の画像を準備しておくときれいに表示されます。

「背景(図中⑧)」の下で4種類中から背景の色を選択します。「表示(図中⑨)」の下でサイトのタイトルの表示/非表示を切り替えることができます。

またサイトのロゴを指定することができます。
「変更(図中⑩)」と書かれたリンクをクリックすると、画像をアップロードできます。設定が完了したら保存ボタン(図中⑪)をクリックします。​​​​​​​他の外観の設定を行う場合は、ヘッダーの左にある矢印(図中⑫)をクリックします。



ナビゲーション

外観の変更画面から「ナビゲーション(図中①)」をクリックします。

メニューのスタイル(図中②)は、「メガメニュー(図中③)」と「カスケード(図中④)」の2種類から選択できます。

メガメニュー(図中⑤)は2階層目以降が大きな吹き出し(図中⑥)で表示されるスタイルです。3階層目も含めて一気に見ることができます。

カスケード(図中⑦)は、2階層目にマウスカーソルを合わせると3階層目が表示される(図中⑧)スタイルです。

また、「サイトナビゲーションの可視化(図中⑨)」の下にあるトグルボタン(図中⑩)を「オフ」にすると、ナビゲーションを消すことができます。設定が完了したら保存ボタン(図中⑪)をクリックします。他の外観の設定を行う場合は、ナビゲーションの左にある矢印(図中⑫)をクリックします。



フッター

外観の変更画面から「フッター(図中①)」をクリックします。

「有効にする(図中②)」の下でフッターのオン/オフ(図中③)を切り替えることができます。

「レイアウト(図中④)」の下で「シンプル(図中⑤)」「拡張(図中⑥)」の中から好きなレイアウトを選択します。

「ロゴ(図中⑦)」の下でサイトのロゴを指定することができます。「変更(図中⑧)」と書かれたリンクをクリックすると、画像をアップロードできます。

「表示名(図中⑨)」の下で記入したサイト名やメッセージを表示することができます。背景(図中⑩)の下で4種類中から背景の色を選択します。設定が完了したら保存ボタン(図中⑪)をクリックします。



まとめ

今回は、SharePoint のサイトページのデザインの変更方法についてご説明しました。
SharePoint で作成したポータルサイトは、あらゆる社内情報を一元管理でき、ドキュメントを含む情報共有も行えるサイトになります。
「情報を展開できること」、「簡単に情報が探せること」を考え、サイトページ作成を行うことが大切になります。

ポータルサイトを作成したが、見やすくレイアウトやデザインを変更したいなど、お困りのことがありましたら、ぜひ弊社へご相談ください。
Microsft365を知り尽くした弊社のコンサルタントが丁寧にご説明させていただきます。

SharePoint の関連ブログ一覧は こちら
関連サービス:
Microsoft 365 導入支援サービス