Modernisieren des Websitebrandings

Artikel
04/08/2023

Wichtig

Modernisierungstools und alle anderen PnP-Komponenten sind Open-Source-Werkzeuge, die von einer aktiven Community unterstützt werden. Es gibt keine SLA für die Unterstützung von Open Source-Tools durch offizielle Microsoft-Supportkanäle.

Auf der modernen Benutzeroberfläche von SharePoint wird das Branding anders durchgeführt als im klassischen SharePoint. Benutzerdefinierte Masterseiten oder alternative CSS-Konfigurationen (die mit der neuen, modernen Benutzeroberfläche nicht mehr kompatibel sind) werden schlicht ignoriert. Sie können festlegen, dass diese Konfigurationen für Ihre modernisierte Website beibehalten werden sollen, sodass sie weiterhin auf einer Seite, die in einer klassischen Benutzeroberfläche angezeigt wird, angewandt werden. Es ist jedoch übersichtlicher, die OOB-Gestaltungsvorlagen zurückzusetzen und die alternative CSS-Konfiguration zu entfernen.

Neben diesen Gestaltungsvorlagen und alternativen CSS-Einstellungen haben Sie möglicherweise ein klassisches benutzerdefiniertes Design verwendet. Diese klassischen, benutzerdefinierten Designs funktionieren sowohl auf klassischen als auch auf modernen Websites. Zukunftssicherer ist jedoch das neue, von einem Mandanten gesteuerte SharePoint-Design, das natürlich ebenfalls für klassische und moderne Websites verwendet werden kann.

Ermitteln von Websites, die Gestaltungsvorlagen oder alternative CSS verwenden

Wenn Sie herausfinden möchten, welche Websites eine benutzerdefinierte Gestaltungsvorlage oder alternative CSS-Optionen verwenden, sollten Sie den SharePoint-Modernisierungsscanner ausführen. Dieses Tool führt eine umfassende Analyse aller Websites in Ihrem Mandanten durch und erstellt Berichte mit Einzelheiten zu den Websites, die nicht kompatible Gestaltungsvorlagen oder alternative CSS-Einstellungen enthalten. Anhand der Scannerausgabe können Sie diese Websites korrigieren.

So stellen Sie die Standardkonfiguration wieder her

Das folgende PnP-PowerShell-Skript zeigt, wie Sie die Standardkonfiguration wiederherstellen:

$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()

Hinweis

PnP PowerShell ist eine Open Source-Lösung mit aktiver Community, die Support dafür bietet. Es gibt keine SLA für den Support des Open-Source-Tools durch Microsoft.

Verwenden eines von einem Mandanten gesteuerten SharePoint-Designs

SharePoint stellt Ihnen eine Reihe von integrierten Standarddesigns zur Verfügung. Wenn Sie jedoch das Branding Ihres Unternehmens bekanntmachen möchten, sollten Sie ein Unternehmensdesign erstellen und die integrierten Designs ausblenden. Nach Abschluss der Konfiguration können Ihre Benutzer nur aus den von Ihnen konfigurierten, unternehmenseigenen SharePoint-Designs wählen. Ein solches unternehmenseigenes SharePoint-Design können Sie programmgesteuert als Teil des Modernisierungsprozesses festlegen.

Hinzufügen eines unternehmenseigenen SharePoint-Designs

Nachfolgend finden Sie ein Beispiel für ein PnP-PowerShell-Skript zum Hinzufügen eines unternehmenseigenen SharePoint-Designs:

$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

Verwenden des unternehmenseigenen SharePoint-Designs

Nutzen Sie das folgende Skript, um ein unternehmenseigenes SharePoint-Design zu verwenden:

$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"