Actualizar de CSS y temas personalizados a SharePoint
Obtenga información sobre los problemas de actualización con las personalizaciones de temas, como CSS personalizado y páginas maestras personalizadas, y cómo actualizar las personalizaciones para que funcionen en SharePoint.
Introducción a las personalizaciones de temas y a los sitios de SharePoint actualizados
La experiencia de temas en SharePoint se ha rediseñado para simplificar el proceso de personalización de sitios cambiando el diseño del sitio, la paleta de colores, la combinación de fuentes y la imagen de fondo. Se ha rediseñado la interfaz de usuario de temas y hay un conjunto de temas relacionados con nuevos formatos de archivo. Los temas personalizados creados en SharePoint 2010 no se pueden usar en sitios de SharePoint; debe volver a crearlos. Es posible que los archivos CSS personalizados no funcionen correctamente en sitios de SharePoint hasta que se actualicen para trabajar con las nuevas páginas maestras, ranuras de color y otros cambios de temas.
En este artículo se describen los problemas que pueden surgir al intentar usar temas personalizados SharePoint 2010, SharePoint 2010 CSS y CSS personalizado con la nueva experiencia de creación de temas. También explica los cambios que debe realizar en los temas personalizados de SharePoint 2010, CSS de SharePoint 2010 y CSS personalizado si desea usarlos en sitios de SharePoint.
Nota:
[!NOTA] temas de SharePoint 2010 pueden usarse en las colecciones de sitios que se ejecutan en modo 2010. Para obtener más información sobre los modos de recopilación de sitios, vea Planear actualizaciones de colecciones de sitios en SharePoint o Planear la actualización a SharePoint.
Para obtener más información sobre los temas, vea Introducción a los temas para SharePoint.
Temas personalizados de SharePoint 2010 en SharePoint
En SharePoint 2010, los temas se almacenan en archivos THMX. En SharePoint, hay un conjunto de nuevos formatos de archivo relacionados con los temas. Paletas de colores y combinaciones de fuentes se almacenan en archivos XML independientes (.spcolor y spfont de archivos, respectivamente).
No se puede actualizar un archivo THMX de SharePoint 2010 a SharePoint. Si aplicó un tema personalizado al sitio de SharePoint 2010, al actualizar a SharePoint, los archivos de tema permanecen en su lugar, pero el tema ya no se aplica al sitio y el sitio vuelve al tema predeterminado. Si desea usar las personalizaciones de temas de SharePoint 2010 en sitios de SharePoint, debe volver a crearlas mediante la guía de temas de SharePoint.
Para obtener más información sobre cómo crear personalizaciones de temas, vea Cómo: Implementar un tema personalizado en SharePoint y Paletas de colores y fuentes en SharePoint. También puede usar la herramienta de paleta de colores de SharePoint que le ayudarán a crear los diseños de SharePoint. Puede descargar la herramienta de paleta de colores de SharePoint desde el Centro de descarga de Microsoft.
Propina: Puede abrir un archivo THMX en PowerPoint para ver cómo se definen los colores en el tema personalizado y, a continuación, usar la herramienta de paleta de colores para volver a crear los colores como un archivo de paleta de colores (un archivo .spcolor). Una paleta de colores es la combinación de colores que se usan en un sitio de SharePoint.
También puede decidir usar uno de los temas preinstalados de SharePoint. Para obtener más información, vea Elegir un tema para el sitio de publicación en Office.com.
Actualización de las páginas maestras personalizadas
Al actualizar un sitio de SharePoint 2010 a SharePoint, el sitio está configurado para usar la página maestra predeterminada para SharePoint. Si tenía una página maestra personalizada para el sitio de SharePoint 2010, sigue residiendo en el sitio y puede aplicarla al sitio de SharePoint. Puede usar la interfaz de usuario de SharePoint o la clase SPWeb para aplicar la página principal personalizada para el sitio actualizado. Para obtener más información sobre cómo cambiar la página maestra, vea Cómo: Aplicar una página maestra a un sitio en SharePoint.
Tenga en cuenta lo siguiente antes de decidir si desea aplicar la página maestra personalizada de SharePoint 2010 al sitio de SharePoint actualizado:
Si la página maestra personalizada depende de los archivos CSS personalizados: Aplicar la página principal personalizada para el sitio actualizado, debe devolver el sitio a su experiencia de 2010 original. Sin embargo, no podrá aplicar un tema de SharePoint al sitio.
Si desea usar la página maestra personalizada y los archivos CSS personalizados junto con la experiencia de creación de temas de SharePoint, debe actualizar los archivos CSS para usar las nuevas ranuras de color de SharePoint. Si desea obtener acceso a la página principal personalizada desde la interfaz de usuario de temas, también debe crear un archivo de vista previa de página maestra. Para obtener más información, vea Cómo: Crear un archivo de vista previa de página maestra en SharePoint.
Si la página maestra personalizada depende de los archivos CSS de SharePoint 2010: Los archivos CSS han cambiado significativamente de SharePoint 2010 a SharePoint. En muchos casos, deberá volver a trabajar en la página maestra para que pueda trabajar con las nuevas clases antes de poder aplicar correctamente en el sitio actualizado. Para obtener más información acerca de las clases CSS, vea la sección uso de la web de host CSS en aplicaciones para SharePoint en Directrices de diseño de los complementos para la experiencia de usuario de SharePoint.
CSS de SharePoint 2010 y archivos CSS personalizados
No se pueden usar archivos CSS y archivos CSS personalizados de SharePoint 2010 sin modificar en sitios de SharePoint. A continuación se describen los cambios de SharePoint que se aplican a los archivos CSS y CSS personalizados de SharePoint 2010:
Ranuras de color. El número de ranuras de color disponibles ha aumentado significativamente en SharePoint. Debe actualizar las ranuras de color en archivos CSS SharePoint 2010 antes de que se pueden usar en la nueva experiencia de creación de temas. Para obtener más información, vea la sección Asignación de ranuras de color en Paletas de colores y fuentes en SharePoint.
Ranuras de fuente. Debe revisar la lista de ranuras de fuente disponibles y comprobar que los archivos CSS que desea usar en SharePoint usan las ranuras de fuente correctas. Para obtener más información, vea la sección Ranuras de fuente en Paletas de colores y fuentes en SharePoint.
Nueva anotación. SharePoint tiene una nueva anotación que le permite reemplazar la imagen de fondo. Para obtener más información, vea How to: Make custom CSS files themable in SharePoint (Cómo: Hacer que los archivos CSS personalizados sean personalizables en SharePoint).
Las nuevas clases. Es posible que tenga que actualizar los archivos CSS para trabajar con las nuevas clases en SharePoint. Para obtener más información acerca de las clases CSS (también denominado estilos CSS), vea la sección uso de la web de host CSS en aplicaciones para SharePoint en Directrices de diseño de los complementos para la experiencia de usuario de SharePoint.