Soluciones de personalización de marca y personalización de la página de SharePoint
Puede personalizar el aspecto de un sitio de SharePoint de dos maneras:
Con el motor de temas, para crear temas personalizados (apariencias compuestas en SharePoint y SharePoint Online). Como mínimo, los temas definen colores. Un tema completo define los colores, las fuentes, la imagen de fondo, la página maestra asociada y un archivo .preview que define la vista previa de la página .master. Puede usar el patrón de aprovisionamiento remoto para aplicar temas a los sitios.
Creando hojas de estilos CSS personalizadas para aplicarlas a los sitios de SharePoint Online. Puede usar un complemento de SharePoint y el patrón de aprovisionamiento remoto para aprovisionar los sitios de SharePoint de forma que usen CSS personalizadas.
Importante
Estas opciones de extensibilidad solo están disponibles para experiencias clásicas de SharePoint. No puede usar estas opciones con experiencias modernas en SharePoint Online, como con sitios de comunicación.
Los cambios de personalización de marca pueden ser de bajo coste o acarrear un coste y complejidad elevados. Se puede usar la interfaz de usuario para aplicar apariencias compuestas, lo que incluye la imagen de fondo, la paleta de colores, las fuentes, una página maestra y un archivo .preview asociado a esta página maestra. Puede usar el motor de temas de SharePoint para diseñar apariencias compuestas y aprovisionar sitios y, asimismo, crear CSS personalizadas para alterar la apariencia del sitio y sus elementos.
Importante
Se pueden crear páginas maestras personalizadas y otros elementos estructurales como parte de un proyecto de personalización de marca personalizado, pero el coste a largo plazo en concepto de soporte de esas páginas maestras personalizadas y otros elementos estructurales personalizados es elevado. La personalización de marca personalizada puede encarecer la aplicación de actualizaciones y el mantenimiento a largo plazo en la organización.
Esta sección se basa en su conocimiento de las herramientas y procedimientos de diseño y desarrollo de SharePoint para explicar cómo se personaliza el aspecto de un sitio de SharePoint.
Términos y conceptos
Tabla 1. Términos y conceptos clave relacionados con la personalización de marca de SharePoint
| Término o concepto | Definición | Más información |
|---|---|---|
| CSS alternativa | Archivo CSS distinto del predeterminado que se puede aplicar al aspecto del sitio. | Use una CSS alternativa para aplicar CSS personalizado a un sitio y a todos sus subsitios. |
| CSS | Lenguaje que indica a un navegador cómo tiene que representar los estilos de documento HTML o XML. CSS separa el contenido del documento (HTML o XML) del modo en que dicho contenido se muestra. | |
| Apariencia compuesta | Combinación de fuentes, una paleta de colores, una imagen de fondo y una página maestra asociada que se aplica al sitio. El esquema de fuente y las imágenes de color son opcionales. Esta es la ubicación predeterminada de las apariencias compuestas: carpeta Theme Gallery\15 | Las apariencias compuestas constituyen un buen método para cambiar la apariencia de los sitios sin realizar ningún cambio estructural en ellos. SharePoint incluye varias apariencias compuestas de forma predeterminada. Cuando un usuario aplica una apariencia compuesta, SharePoint aplica al sitio todos los elementos de diseño asociados a esa apariencia compuesta. |
| Elemento web Búsqueda de contenido | Representa el contenido de los resultados de búsqueda basados en una consulta especificada. | Elemento web Búsqueda de contenido de SharePoint |
| corev15.css | Archivo CSS que contiene la mayor parte de la funcionalidad principal de SharePoint. La siguiente es la ubicación predeterminada del archivo: carpeta _layouts\15 | |
| CSSRegistration | Referencia en una página maestra (como seattle.master) que carga la mayor parte de CSS que se aplica a prácticamente toda la interfaz de usuario predeterminada. | Use el control CSSRegistration de una página maestra para invalidar la CSS predeterminada. |
| Acción personalizada | Acciones con las que se personalizan las listas y la cinta de opciones en el web de host y se interactúa con ellas. | Crear acciones personalizadas para implementar complementos de SharePoint |
| Canales de dispositivo | Represente un único sitio de publicación de SharePoint de más de una forma usando canales únicos con los que representar contenido en dispositivos concretos. | Canales de dispositivos del Administrador de diseño de SharePoint |
| Plantillas para mostrar | Plantillas que los elementos web de búsqueda usan para mostrar los resultados de una consulta realizada al índice de búsqueda. | Plantillas para mostrar del Administrador de diseño de SharePoint |
| Representación de imágenes | Muestra versiones de distinto tamaño de una imagen en un sitio de publicación basado en la misma imagen de origen. | Representaciones de imágenes del Administrador de diseño de SharePoint |
| Metadatos administrados | Características de SharePoint que permiten definir términos, conjuntos de términos, grupos y etiquetas relativas a los términos. A veces denominados taxonomía. En SharePoint, el sistema de metadatos administrados es la base de la navegación administrada. | Navegación y metadatos administrados en SharePoint |
| Navegación administrada | Navegación de los sitios de publicación que se crea en función de los metadatos administrados. La navegación se crea a partir de un conjunto de términos específico del almacén de términos. | Navegación administrada en SharePoint |
| Página maestra | Página que estandariza el comportamiento y la presentación de las áreas de navegación izquierda y superior de una página de SharePoint. | Páginas maestras, la Galería de páginas maestras y diseños de página en SharePoint |
| Galería de páginas maestras | Biblioteca de documentos especial de SharePoint donde se almacenan de forma predeterminada todos los elementos de personalización de marca (páginas maestras, diseños de página, archivos JavaScript, CSS e imágenes). Cada sitio tiene su propia Galería de páginas maestras. Cuando cree elementos de personalización de marca personalizados, le recomendamos almacenar los activos personalizados en la estructura de archivos predeterminada de la Galería de páginas maestras. | Páginas maestras, la Galería de páginas maestras y diseños de página en SharePoint |
| Oslo.master | Página maestra en SharePoint. | Mueve la navegación actual a la misma posición que el área de navegación superior. |
| Control de contenido de página | Control en un sitio de publicación donde se puede agregar un elemento web. | |
| Diseño de página | Plantilla para una página de un sitio de publicación de SharePoint que permite disponer la información en la página de forma coherente. | |
| Inicio rápido | Administra los elementos de navegación en el lado izquierdo de la página de un sitio de colaboración. | Pueden agregar vínculos de encabezado para agrupar los elementos de navegación. |
| REST | Estilo de arquitectura sin estado donde se resumen los elementos arquitectónicos y se usan verbos HTTP para leer y escribir datos de las páginas web que contienen archivos XML. | Introducción al servicio REST para SharePoint |
| Web raíz | Primera página web de una colección de sitios. | También se conoce como raíz de la aplicación web. |
| Seattle.master | Página maestra predeterminada de los sitios de publicación y los sitios de grupo de SharePoint. | |
| Diseño de sitio | Vea página maestra. | El diseño de sitio combina la página maestra de un tema con su archivo .preview correspondiente. |
| Navegación estructurada | Estructura de navegación de los sitios de publicación que se basa en la jerarquía de sitios del sitio de publicación en cuestión. Puede agregar encabezados y vínculos para personalizar o reemplazar manualmente la navegación estructurada que SharePoint genera automáticamente. | Cómo: personalizar la navegación en SharePoint Server 2010 (ECM) |
| Tema | Sencilla forma de aplicar una personalización de marca ligera en un sitio de SharePoint. La ubicación predeterminada de los temas es la carpeta _themes del sitio. | Los temas constituyen una manera fácil de aplicar la personalización de marca en sitios de SharePoint. - Introducción a los temas de SharePoint - Implementar un tema personalizado en SharePoint |
| Motor de temas | Conjunto de archivos y funcionalidad que define la apariencia, el comportamiento y las asociaciones de archivo de las apariencias compuestas. | |
| Cadena de agente de usuario | Información que un navegador pasa a un sitio web con la que se identifica el software que realiza la solicitud desde el servidor. | Funciones de personalización de marca y diseño del Administrador de diseño de SharePoint |
| Acción personalizada de usuario | Propiedad CSOM que devuelve la colección de acciones personalizadas de un sitio web, una lista o una colección de sitios. La ubicación predeterminada es la siguiente: 15\TEMPLATE\FEATURES Por ejemplo: <HideCustomAction GroupId="Galleries" HideActionId="Themes" Location="Microsoft.SharePoint.SiteSettings"> |
- Clase UserCustomAction - Crear acciones personalizadas para implementar complementos de SharePoint - Cómo: trabajar con acciones de usuario personalizadas - Ubicaciones e identificadores de acción personalizada predeterminada |
En esta sección
| Artículo | Se explica cómo... |
|---|---|
| Usar las apariencias compuestas para la personalización de marca de sitios de Sharepoint | Aplicar apariencias compuestas (colores, fuentes y una imagen de fondo) en los sitios de SharePoint y SharePoint Online. |
| Usar el aprovisionamiento remoto para la personalización de marca de páginas de SharePoint | Usar el aprovisionamiento remoto para interactuar con temas en SharePoint. |
| Usar CSS para la personalización de marcas en páginas de SharePoint | Usar el aprovisionamiento remoto para interactuar con temas en SharePoint. |
| Personalizar una página de SharePoint con aprovisionamiento remoto y CSS | Usar CSS para personalizar campos de texto enriquecido y zonas de elementos web de SharePoint. |
| Actualizar la personalización de marca de páginas regiones y sitios existentes de SharePoint | Personalice y, luego, actualice la personalización de marca de sitios de SharePoint o regiones de páginas de SharePoint existentes, como la cinta de opciones, la navegación del sitio, el menú Configuración, la vista de árbol y el contenido de la página. |
| Personalizar sitios de OneDrive para la Empresa | Personalice la marca de sitios de OneDrive para la Empresa en Office 365 o mediante el modelo de complementos, según los requisitos de su organización. |
Vea también
- Recursos de la comunidad de desarrolladores de SharePoint (SharePoint PnP)
- Modelos y prácticas de Office 365 Developer en GitHub
- Páginas de SharePoint y el modelo de página
- Prácticas y herramientas de desarrollo y diseño de SharePoint
- Metadatos, navegación del sitio y características de publicación del sitio de SharePoint
- Soluciones de marca y aprovisionamiento de sitios de SharePoint