Compartir a través de


Modernizar la personalización de marca de un sitio

Importante

Las herramientas de modernización y todos los demás componentes PnP son herramientas de código abierto sostenidas por una comunidad activa que proporciona soporte técnico. Los canales oficiales de soporte técnico de Microsoft no ofrecen ningún contrato de nivel de servicio para herramientas de código abierto.

La interfaz de usuario moderna de SharePoint controla la personalización de marca de forma diferente a cómo se hacía en la versión clásica de SharePoint. En particular, se ignora la página maestra personalizada o las configuraciones CSS alternativas (que son compatibles con la interfaz de usuario moderna) Puede optar por dejar estas configuraciones sin modificar en su sitio modernizado para que aún se aplique a una página que se muestra en una interfaz de usuario clásica, pero es mejor que cambie las páginas maestras OOB y quite la configuración CSS alternativa.

Junto con estas páginas maestras y la configuración CSS alternativa, podría haber usado un tema personalizado clásico. Estos temas personalizados clásicos funcionan en las páginas clásicas y modernas, pero el modelo más preparado para el futuro es el nuevo tema de SharePoint controlado por el espacio empresarial que, por supuesto, se aplica a las páginas clásicas y modernas.

Detectar los sitios que usen las páginas maestras o configuración CSS alternativa

El enfoque recomendado para averiguar qué sitios usan una página maestra personalizada o la configuración de CSS alternativa es ejecutar el analizador de modernización de SharePoint. Esta herramienta realiza un análisis en profundidad de todos los sitios de su espacio empresarial y crea informes que le proporcionan detalles sobre los sitios que siguen teniendo páginas maestras o configuraciones de CSS alternativas incompatibles. Según el resultado del analizador, puede corregir estos sitios.

Regresar a la configuración predeterminada

A continuación, encontrará un script de PnP PowerShell que muestra cómo revertir a la configuración predeterminada:

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

Nota:

PnP PowerShell es una solución de código abierto con una comunidad activa que ofrece su soporte. No hay ningún contrato de nivel de servicio para el soporte de la herramienta de código abierto de Microsoft.

Usar un tema de SharePoint controlado por el espacio empresarial

SharePoint ofrece una serie de temas predeterminados listos para usar, pero, si quiere insertar la personalización de marca de su empresa, le recomendamos que cree el tema de su empresa y oculte los temas predefinidos. Una vez que se completa la configuración, los usuarios solo pueden seleccionar entre los temas de SharePoint de la empresa que ha configurado y, mediante programación, puede establecer esos temas como parte del proceso de modernización.

Agregar un tema de SharePoint de compañía

A continuación se incluye un script de PnP PowerShell de ejemplo que muestra cómo agregar un tema de SharePoint de compañía:

$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

Usar su tema de SharePoint de compañía

Para usar su tema de SharePoint de compañía, use el siguiente script:

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

Consulte también