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

  • [アーティクル]

重要

モダン化ツールと他のすべての PnP コンポーネントは、それらをサポートしてくれるアクティブなコミュニティによって支援されているオープン ソース ツールです。 公式の Microsoft サポート チャネルのオープン ソース ツール用の SLA ではありません。

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

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

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

どのサイトがカスタム マスター ページを使用するか、または代替的な CSS オプションを使用するかを識別するには、SharePoint Modernization スキャナーを使用することをお勧めします。 このツールは、テナント内のすべてのサイトを詳細に分析し、互換性のないマスター ページや代替 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()

注:

PnP PowerShell はオープン ソース ソリューションであり、アクティブなコミュニティでサポートが提供されています。 Microsoft からのオープン ソース ツールのサポート SLA はありません。

テナント制御型の 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"

関連項目