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

SharePoint のモダン ユーザー インターフェイスでは、従来の SharePoint とは異なる方法でブランディングを処理します。特に、カスタム マスター ページや代替 CSS コンフィギュレーション (モダン ユーザー インターフェイスでは非互換) は完全に無視されます。 従来のユーザー インターフェイスで表示されているページに適用されるように、モダン化したサイトにこれらの構成を残しておくことも選択できますが、OOB マスター ページに戻って、代替 CSS コンフィギュレーションを削除する方がよりすっきりになります。

これらのマスター ページや代替 CSS 設定に加えて、従来のカスタム テーマを使用することもできます。 従来のカスタム テーマは従来のページでもモダン ページでも動きますが、同様に従来のページにもモダン ページにも適用できるテナント制御型の新しい SharePoint テーマの方がより将来性のあるモデルです。

マスター ページまたは別の CSS を使用してサイトを検出する

Microsoft 365 評価ツールのクラシック評価を使用し、カスタム マスター ページ、代替 CSS、または互換性のないユーザーのカスタム操作を使用するサイトを識別するための機能拡張コンポーネントを含めます。 評価の出力を使用して、修復を計画します。

既定の構成に戻す

次の PnP PowerShell スクリプトは、既定の構成に戻す方法を示します。

$minimumVersion = New-Object System.Version("2.24.1803.0")
if (-not (Get-InstalledModule -Name SharePointPnPPowerShellOnline -MinimumVersion $minimumVersion -ErrorAction Ignore))
{
    Install-Module SharePointPnPPowerShellOnline -MinimumVersion $minimumVersion -Scope CurrentUser
}
Import-Module SharePointPnPPowerShellOnline -DisableNameChecking -MinimumVersion $minimumVersion

Connect-PnPOnline -Url "<your site url>"

# Set out-of-the-box master page
Set-PnPMasterPage -MasterPageSiteRelativeUrl _catalogs/masterpage/seattle.master -CustomMasterPageSiteRelativeUrl _catalogs/masterpage/seattle.master

# Remove the alternate CSS setting
$web = Get-PnPWeb -Includes AlternateCssUrl
$web.AlternateCssUrl = ""
$web.Context.ExecuteQuery()

テナント制御型の SharePoint テーマを使用する

SharePoint には、すぐに使用可能な一連の既定テーマが用意されていますが、会社のブランディングを促進することが必要な場合は、自社のテーマを作成し、既定のテーマは非表示にすることをお勧めします。 この構成が完了すると、ユーザーは公正済みの会社の SharePoint テーマからのみ選択できるようになります。また、モダン化の一環として、そのような会社の SharePoint テーマをプログラム設定することもできます。

会社の SharePoint テーマを追加する

次は、会社の SharePoint テーマを追加する方法を示すサンプル PnP PowerShell スクリプトです。

$minimumVersion = New-Object System.Version("2.24.1803.0")
if (-not (Get-InstalledModule -Name SharePointPnPPowerShellOnline -MinimumVersion $minimumVersion -ErrorAction Ignore))
{
    Install-Module SharePointPnPPowerShellOnline -MinimumVersion $minimumVersion -Scope CurrentUser
}
Import-Module SharePointPnPPowerShellOnline -DisableNameChecking -MinimumVersion $minimumVersion

Connect-PnPOnline -Url "<your tenant admin url>"

# Define your company theme colors
$themepalette = @{
      "themePrimary" = "#00ffff";
      "themeLighterAlt" = "#f3fcfc";
      "themeLighter" = "#daffff";
      "themeLight" = "#affefe";
      "themeTertiary" = "#76ffff";
      "themeSecondary" = "#39ffff";
      "themeDarkAlt" = "#00c4c4";
      "themeDark" = "#009090";
      "themeDarker" = "#005252";
      "neutralLighterAlt" = "#f8f8f8";
      "neutralLighter" = "#f4f4f4";
      "neutralLight" = "#eaeaea";
      "neutralQuaternaryAlt" = "#dadada";
      "neutralQuaternary" = "#d0d0d0";
      "neutralTertiaryAlt" = "#c8c8c8";
      "neutralTertiary" = "#a6a6a6";
      "neutralSecondaryAlt" = "#767676";
      "neutralSecondary" = "#666666";
      "neutralPrimary" = "#333";
      "neutralPrimaryAlt" = "#3c3c3c";
      "neutralDark" = "#212121";
      "black" = "#000000";
      "white" = "#fff";
      "primaryBackground" = "#fff";
      "primaryText" = "#333"
     }

# Add the company theme
Add-PnPTenantTheme -Identity "CustomCompanyTheme" -Palette $themepalette -IsInverted:$false

会社の SharePoint テーマを使う

会社の SharePoint テーマを使うには、次のスクリプトを使用できます。

$minimumVersion = New-Object System.Version("2.24.1803.0")
if (-not (Get-InstalledModule -Name SharePointPnPPowerShellOnline -MinimumVersion $minimumVersion -ErrorAction Ignore))
{
    Install-Module SharePointPnPPowerShellOnline -MinimumVersion $minimumVersion -Scope CurrentUser
}
Import-Module SharePointPnPPowerShellOnline -DisableNameChecking -MinimumVersion $minimumVersion

Connect-PnPOnline -Url "<your site url>"

# Set the company theme
Set-PnPWebTheme -Theme "CustomCompanyTheme"

関連項目

• SharePoint サイトのテーマ
• 従来の SharePoint サイトをモダン化する