SharePoint サイトのブランディング

[アーティクル]
03/08/2023

SharePoint のモダンエクスペリエンスでは、会社や組織のブランドに合うよう、サイトの外観の変更、および操作方法の変更がより簡単になりました。多くの場合、ロゴ、配色、ナビゲーションをカスタマイズするのに、コードの記述は必要ありません。ブランド設定の適用は、個別のサイト、サイトのグループ、または組織内のすべてのサイトに対して行えます。

ブランド化サイト

注:

SharePoint サイトをブランディングしても、Microsoft 365 サービスの全体的な外観は変わりません。 Microsoft 365 のブランディングの詳細については、「組織で使用する Microsoft 365 のテーマをカスタマイズする」を参照してください。

クラシックエクスペリエンスのサイトのブランディング

従来の SharePoint エクスペリエンスには、organizationのブランドに合わせてカスタマイズするためにかなりの量のカスタマイズが必要になる既定のテーマのセットがあります。また、応答が遅く、さまざまなデバイスでのエクスペリエンスに一貫性がありません。ほぼすべてのサイトのブランディングでは、カスタムマスターページや、代わりの CSS 構成を使用しなければなりません。マスターページはとても柔軟ですが、問題が発生することがあります。たとえば、SharePoint の更新で、マスターページのカスタマイズが機能しなくなったり、または期待どおりに機能しない場合があります。モダンユーザーインターフェースに対応していないため、クラシックエクスペリエンスモードで実行しない限り SharePoint はカスタマイズに応答しません。この状況を回避するには、推奨される最新の方法のみを使用して SharePoint サイトをブランド化します。

モダンサイトのブランディング

SharePoint には、すべてのデバイスで応答性がよく、きれいに表示される既定のサイトテーマの更新設定が含まれます。サイトのテーマを使用すると、サイトのロゴや配色をブランドに合わせてカスタマイズできます。サイトテンプレートは、サイトに固有のレイアウトやその他の機能を提供します。カスタムテーマまたはサイトテンプレートを使用すると、SharePoint の更新時に何か破壊的な問題を気にすることなく、より多くのブランド化を実現できます。カスタムテーマを使用すると、既定以外の配色を作成できます。カスタムサイトテンプレートを使用すると、サイトのテーマや、サイトナビゲーション、既定のアプリケーション、その他の設定などのカスタマイズを制御できます。カスタムテーマまたはサイトテンプレートは、既存のサイトまたはサイトのグループに作成または適用されるときに、新しいサイトに適用できます。

ハブサイトのブランディング

SharePoint のハブサイトをブランディングすると、サイトを設定することができ、そのサイトブランディングはすべての関連するサイトに適用されます。これには、ハブサイトで使用されるすべてのサイトテーマまたはサイトテンプレートが含まれます。これにより、共通のナビゲーションとサイト間のブランディングを適用し、強調したい要素を強調表示するアクセントカラーを使用することができます。

注:

SharePoint のカスタムテーマとロゴは、カスタムテーマが適用されているハブに関連付けられているグループに接続されたチームサイトには自動的には適用されません。グループに接続されたチームサイトの場合は、カスタムテーマまたはロゴを手動で適用する必要があります。

クラシックエクスペリエンスとモダンエクスペリエンス

クラシックエクスペリエンスでのサイトのブランド化と最新の SharePoint エクスペリエンスでのブランド化の違いの概要を次に示します。

クラシックエクスペリエンス	モダンエクスペリエンス
反応しない OOB テーマのカスタマイズ	すべてのデバイスで表示がクリアで、ブランドに合わせてカスタマイズできる、応答性の高いテーマ
カスタムマスターページとモダンエクスペリエンスでは応答しない CSS を使用します	ヘッダーとフッターを追加するには、SharePoint Frameworkを使用します。サイトテンプレートとテナント設定には、いくつかのカスタムオプションが用意されています

はじめに

SharePoint で、クラシックエクスペリエンスサイトをブランディングする前に考慮すべき点は次のとおりです。

すべてのサイトで一貫したブランドが必要ですか？それとも、組織内の部署、部門、グループでそれぞれ異なるブランドが必要ですか？
現在のすべてのサイトのリストや、使用するサイトテンプレート、マスターページや CSS へのカスタマイズをまとめて、これらのうちどのカスタマイズを保持する必要があるのかを決定します。 SharePoint "Modern" ユーザーインターフェイスエクスペリエンススキャナーを実行すると、organization内のすべてのサイトを詳細に分析し、互換性のないマスターページまたは代替 CSS 設定を持つサイトの詳細を示すレポートを作成できます。発行サイトのような、クラシックサイトテンプレートでは SharePoint でのブランディングの処理方法が異なります。発生したカスタムテーマの問題をトラブルシューティングする必要があります。
どのような領域 (ロゴ、色、フォント、ヘッダー/フッター、ナビゲーション) をカスタマイズしますか？
組織内で、サイトをブランディングできるのは誰ですか？これらの変更を行うには、サイトデザイナーのアクセス許可以上であることを確認する必要があります。