技術情報ブログ

Artisanトップ
技術情報ブログ
【新機能紹介】SharePoint：サイトのブランド化ってなに？

SharePoint: 2025.05.20

【新機能紹介】SharePoint：サイトのブランド化ってなに？

アプリ開発の調査にかかる
時間を削減したい

内製化支援サービス

アプリを自分たちで
作成できるようになりたい

DX人材育成プログラム

プロに開発を依頼したい

アプリ開発導入支援サービス

機能拡張サービス

X-SP Feature

デザイン拡張サービス

X-SP Design

モダン化から運用管理までサポート

構築支援サービス

こんにちは。アーティサン株式会社の小刀稱（ことね）です。

SharePointを用いて社内ポータルサイト（グループウェア）を運用されている企業は多いかと思います。
弊社も、従来からSharePointの構築を支援しております。

また、最近では、X-SP Design | SharePoint デザイン拡張サービスを立ち上げております。

X-SP Design | SharePoint デザイン拡張サービス

SharePointのデザインをさらに向上させるサービス「X(クロス)-SP」を刷新し、より洗練されたデザインを提供します。

まずは資料をみる(X-SP Design)

ところで、SharePointの設定画面上、最近サイトのブランド化という項目が追加されたことをご存知でしょうか？

今回は新機能紹介ということで、サイトのブランド化がどういう機能なのか調査した結果を紹介します。

おわりに（ついでに X-SP Design の紹介）

「サイトのブランド化」でできること

サイトのブランド化機能を使うことで、以下２つのことができるようになりました。

フォントの作成・適用

SharePoint上のフォントを変更する事ができるようになりました。
また、カスタムのフォントパッケージを作成し、SharePointに適用することもできます。
テーマの作成・適用

SharePointの設定画面上からカスタムテーマ（色）を作成できるようになりました。
実は従来からSharePointのカスタムテーマは作成することは可能でした。

ただ、設定画面上から対応ができず、ローカルでカスタムテーマ用の設定ファイルを作成し、PowerShellでアップロードする必要がありました。。。

普段からPowerShellを使っている方も少ないと思いますし、SharePoint Online 管理シェルのインストールが必要だったりと、なかなかハードルが高かったのではないかと思います。

Fluent UI Theme Designer
SharePoint サイトのテーマ: PowerShell コマンドレット

本機能を用いることで、画面上から設定できるようになったため、従来と比べて格段にハードルが下がったと思います。

以降では、それぞれの設定手順について紹介します。

設定手順（フォント編）

はじめに、フォントの作成・適用についてです。

手順としては、以下となります。

ブランドセンターの作成（最初の１回だけ）
フォントを追加
フォントパッケージの作成
フォントパッケージの適用

ブランドセンターの作成（最初の１回だけ）

はじめに、ブランドセンターを作成します。

ブランドセンターとは？

ブランドセンターとは、組織内の色・フォント・画像・およびその他の資産を集中管理する場所みたいです。

詳細については、以下のURLを参照してください。
SharePoint ブランドセンター

ブランドセンターは組織内で１つしか許可されておらず、グローバル管理者にて設定する必要があります。

組織内でまだブランドセンターを作成していない場合は、以降の手順を実行してください。

M365 管理センター→設定→組織設定→ブランドセンターをクリック
ブランドセンターの設定を行います。

詳細な手順については、以下URLを参考にしてください。
ブランドセンターの設定

フォントを追加

ブランドセンターが作成されたら、フォントを追加します。
※本手順もグローバル管理者にて行う必要があります。

設定方法は以下です。

ブランドセンターへアクセス

（https://<テナント名>.sharepoint.com/sites/<ブランドセンター名（デフォルト：BrandGuide）>/_layouts/15/brandcenter.aspx）
ブランドフォント → アップロードからフォントをアップロード

現在サポートされているフォントファイルの種類は以下４つでした。

拡張子
.tff
.otf
.woff
.woff2

フォントパッケージの作成

続いて、フォントパッケージを作成します。

注意

フォントパッケージは、ブランドセンターで作成する方法と、各SharePointサイトで作成する方法の２種類があります。

ブランドセンターで作成すると、組織内に存在するすべてのSharePointサイトから、作成したフォントパッケージを選択できるようになります。

一方、各SharePointサイトで作成した場合は、そのサイト内でのみフォントパッケージを選択可能です。

ブランドセンターからフォントパッケージを作成する方法は以下のとおりです。
※本手順もグローバル管理者にて行う必要があります。

ブランドセンターへアクセス

（https://<テナント名>.sharepoint.com/sites/<ブランドセンター名（デフォルト：BrandGuide）>/_layouts/15/brandcenter.aspx）
ブランドの適用→SharePointをクリック
フォントパッケージの追加から以下を設定
- 表示フォント
- コンテンツのフォント
- タイトル
- 見出し
- 本文
- インタラクティブ
- フォントパッケージ名

また、各SharePointサイトからフォントパッケージを追加する方法は以下のとおりです。
※こちらの手順は、各SharePointサイトの管理者にて対応可能です。

SharePointの設定→サイトブランド化をクリック
フォントパッケージタブの＋新しいフォントパッケージをクリック

以降の手順は、ブランドセンターの場合と同様です。

フォントパッケージの適用

最後に、作成したフォントパッケージを適用します。
※本手順は、各サイトの管理者にて対応可能です。

設定方法は以下です。

SharePointの設定 → 外観の変更 → フォントをクリック

※ちなみに、ブランドセンターが作成されていない場合は、「フォント」の項目は表示されません。
フォントパッケージを選択

ブランドセンターから作成したフォントパッケージ or 各SharePointサイトで作成したフォントパッケージ or Microsoft標準のフォントパッケージからお好きなフォントを選択できます。

設定は以上となります。

設定手順（テーマ編）

ブランドセンターの作成（任意）
テーマの作成
テーマの適用

ブランドセンターの作成（任意）

フォントパッケージと同じように、組織内のすべてのSharePointサイトに、作成したテーマを選択肢として表示させたい場合には、ブランドセンターからテーマを作成する必要があります。

一方、１つのSharePointサイト内のみで使用するテーマを作成する場合には、ブランドセンターから作成する必要はありません。

ブランドセンターの作成手順については、ブランドセンターの作成（最初の１回だけ）

テーマの作成

次に、カスタムテーマを作成します。

ブランドセンターからテーマを作成する方法は以下のとおりです。
※本手順は、グローバル管理者にて行う必要があります。

ブランドセンターへアクセス

（https://<テナント名>.sharepoint.com/sites/<ブランドセンター名（デフォルト：BrandGuide）>/_layouts/15/brandcenter.aspx）
ブランドの適用→SharePointをクリック
テーマ→＋新しいテーマをクリック
テーマの作成画面上から以下を設定
- プライマリカラー
- テキストの色
- 背景色
- ダークテーマ
- アクセントカラー
- テーマ名