Compartir a través de

Creación de temas de sitio de SharePoint

  • Artículo

Los propietarios de sitios de SharePoint tienen nuevas opciones para aplicar colores y estilos personalizados a los sitios que sea más fácil definir y administrar los temas en colecciones de sitios.

Estas nuevas características incluyen:

  • La posibilidad de definir temas personalizados y que estén disponibles para los propietarios de sitios. Los temas se definen en un esquema JSON que almacena la configuración de colores y metadatos relacionados para cada tema.
  • Una herramienta Generador de tema en línea que puede usar para definir nuevos temas personalizados.
  • Actualmente está disponible un conjunto simplificado de temas predeterminados, con seis temas claros y dos temas oscuros.
  • Una paleta de colores actualizada con 12 colores claros y 6 colores oscuros, así como 16 temas adicionales.
  • Controlar qué temas están disponibles para su uso en las páginas de los sitios. Por ejemplo, puede definir temas personalizados según la marca o identidad de su organización, y convertirlos en los únicos temas disponibles en los sitios.

Estas funciones están disponibles para los administradores mediante cmdlets de PowerShell y para los desarrolladores de SharePoint con el modelo de objetos del lado cliente (CSOM) o la API de REST de SharePoint. Para obtener información sobre cómo aplicar temas personalizados a colecciones de sitios individuales vea Información general sobre scripts de sitio y diseños de sitio de SharePoint.

Para obtener información general sobre cómo trabajar con temas para personalizar el aspecto de los sitios, vea Cambiar la apariencia de su sitio de SharePoint.

Temas predeterminados

Los siguientes temas predefinidos están disponibles de forma predeterminada:

  • Verde azulado
  • Azul
  • Naranja
  • Rojo
  • Púrpura
  • Verde
  • Gris
  • Bígaro
  • Amarillo oscuro (tema invertido)
  • Azul oscuro (tema invertido)

Estos temas se han diseñado para facilitar la lectura, por lo que es posible que sean puntos de partida útiles para la creación de temas personalizados. Para más información sobre los temas predeterminados, vea Creación de temas de sitio de SharePoint: esquema de JSON.

Además de los temas predeterminados, puede seleccionar uno de los temas adicionales. Están disponibles las siguientes personalizaciones:

  • Temas claros: oro, verde azulado, azul oscuro, índigo, ciruela, gris cálido
  • Temas oscuros: rojo, verde, púrpura, gris

Seleccionar un tema moderno

Para seleccionar entre los temas disponibles para un sitio de SharePoint, elija el icono de engranaje (⚙️) en la esquina superior derecha de la pantalla, seleccione Cambiar el aspecto y, a continuación, seleccione tema. Se le mostrará una lista de temas para elegir, que pueden incluir temas predeterminados o temas personalizados según cómo se haya configurado el sitio.

En la imagen siguiente se muestra cómo se presentan los temas predeterminados en el cuadro de diálogo del selector de temas.

Imagen en la que se muestra una lista de temas predeterminados y oscuros (invertidos)

Al elegir un tema en la lista, las opciones de configuración de color se aplican al instante a la página para que pueda ver el aspecto que tendrá el tema seleccionado.

Una vez que haya encontrado un tema que quiera usar, elija Guardar para guardar la selección o elija Cancelar para volver al tema actual.

Trabajar con temas clásicos

Para seguir usando los temas clásicos, elija el vínculo a Clásico para cambiar las opciones de vista de la parte inferior del panel Cambiar el aspecto . Como la interfaz de usuario moderna de SharePoint difiere de la clásica, hay algunas limitaciones al usar los temas clásicos con las páginas modernas.

Al seleccionar un tema clásico, se genera un tema moderno a partir la configuración del tema clásico, que incluye la marca isInverted, la imagen de fondo y la configuración de color de ContentAccent1, PageBackground y BackgroundOverlay. Si isInverted se establece en True, los colores neutros tales como NeutralDark y NeutralLight se invertirán.

Para simplificar la experiencia, se recomienda usar los temas modernos con las páginas modernas. Si tiene que usar temas clásicos con páginas modernas, pruebe el sitio cuidadosamente para comprobar que el contenido es legible y accesible.

Solucionar problemas de tema personalizado

La experiencia de temas del sitio moderno se ha publicado también para plantillas de sitio clásicas. Aunque la nueva arquitectura de temas del lado cliente es más eficaz, si ha realizado personalizaciones en sitios clásicos que no se muestran correctamente después de cambiar el tema del sitio, puede optar por no utilizar la nueva experiencia de temas deshabilitando esta característica. Tenga en cuenta, esto solo se aplica a sitios clásicos donde tenga referencias de tema personalizado que no se procesan correctamente. Al deshabilitar esta opción a nivel de sitio deshabilitará los temas modernos y también perderá las ventajas de creación de temas que proporciona.

Para ello, debe utilizar un script de Windows PowerShell con un contenedor CSOM (modelo de objetos del lado cliente). Se recomienda utilizar el comando de la característica de activación de PnP PowerShell:

  1. Compruebe si cumple con los siguientes requisitos mínimos:

    • Es como mínimo un propietario de la colección de sitios en el sitio donde desea deshabilitar los temas modernos del sitio
    • Ha leído las Directivas de ejecución

  2. Descargue la versión más reciente de PowerShell de PnP.

    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.

  3. Escriba Connect-PnPOnline -Url <SiteUrl> -UseWebLogin (sustituyendo <SiteUrl> por la dirección URL del sitio del que quiere excluirse)

  4. Escriba sus credenciales cuando se le pida.

  5. Para excluirse del sitio debe habilitar una característica:

    • Escriba Get-PnPFeature -Scope Site -Identity 5138468E-3D76-4F72-9DE4-E029F1245A7B
    • Compruebe que no se obtiene nada en el comando anterior (esto confirma que la característica aún no está habilitada)
    • Escriba Enable-PnPFeature -Scope Site -Identity 5138468E-3D76-4F72-9DE4-E029F1245A7B
    • Escriba Get-PnPFeature -Scope Site -Identity 5138468E-3D76-4F72-9DE4-E029F1245A7B

  6. Compruebe que se obtiene lo siguiente:

    ClientSideThemingOptOut - 5138468e-3d76-4f72-9de4-e029f1245a7b

Para más información sobre Windows PowerShell, vea PowerShell.

Vea también