Personalización de SharePoint

  • Artículo

En versiones anteriores de SharePoint, era posible realizar cambios en un entorno de SharePoint implementando código personalizado que se ejecutaría en el entorno físico del servidor de SharePoint. Los cambios realizados en SharePoint que no requerían la implementación de código personalizado se denominaban "personalizaciones", ya que los cambios no cambiaban fundamentalmente el funcionamiento del producto, sino que configuraban el producto existente de una manera única. Algunos ejemplos de personalización de SharePoint Server han incluido la implementación de elementos personalizados de personalización de marca, como páginas maestras y hojas de estilos en una colección de sitios; implementar elementos web preconfigurados en una galería de elementos web; crear flujos de trabajo personalizados en SharePoint Designer; cambiar la apariencia de los formularios de lista mediante InfoPath; y mucho más. Debido a la naturaleza compartida de la infraestructura de SharePoint, Microsoft no permite la implementación de código personalizado en su entorno. Como resultado, el concepto de personalizar SharePoint en lugar de implementar código personalizado ya no es un paradigma relevante. Sin embargo, sigue siendo útil pensar en formas en que SharePoint se puede personalizar o configurar de forma única en un sentido más amplio de la palabra.

El propósito de este documento es ayudarle a comprender cómo puede personalizar el entorno de SharePoint mediante herramientas y técnicas modernas.

Personalización de marca

Los sitios modernos de SharePoint le permiten cambiar el aspecto del sitio modificando elementos como el logotipo del sitio y los colores usados en todo el sitio. La personalización de marca del sitio de SharePoint puede ayudarle a hacer coincidir un sitio con una marca, así como a ayudar a los usuarios a diferenciar entre varios sitios de SharePoint. Aunque hay varias opciones de temas disponibles de forma predeterminada, también es posible especificar colores de tema únicos proporcionando a SharePoint un archivo de configuración personalizado. Los sitios de SharePoint antiguos y "clásicos" permiten a los administradores aplicar diseños de página y personalización de marca personalizados a un sitio de SharePoint mediante la aplicación de una página maestra personalizada, la aplicación de un tema personalizado a un sitio, la implementación de diseños de página personalizados, etc. Dado que los sitios clásicos no son tan rápidos y fáciles de usar para dispositivos móviles como los sitios modernos, Microsoft recomienda usar sitios modernos en el futuro.

La navegación ayuda a los usuarios a encontrar la información que necesitan rápidamente proporcionando vínculos a información pertinente de forma persistente. Planear la estrategia de navegación en sitios modernos es un elemento crítico en la facilidad de uso del entorno de SharePoint. Los sitios modernos de SharePoint proporcionan un modelo simplificado para agregar elementos de navegación mediante el explorador. La posición de la navegación viene determinada por el tipo de sitio que se está viendo, el tamaño de la pantalla de un usuario y si la opción megamenú se ha habilitado para el sitio. Además, los sitios modernos pueden aprovechar la navegación del sitio central.

Tenga en cuenta que las versiones anteriores de SharePoint permitían generar dinámicamente elementos de navegación mediante los proveedores de navegación de metadatos administrados y navegación estructurados. Estas opciones ya no están disponibles en sitios modernos. Sin embargo, si usa un sitio clásico con páginas modernas, puede seguir usando estos proveedores y las páginas modernas reflejarán los vínculos de navegación correctos. En términos de diseño, dado que los sitios modernos no permiten personalizar la página maestra o la hoja de estilos del sitio, no es posible mover la posición de los elementos de navegación en la página como se podría hacer en sitios de SharePoint clásicos.

Contenido de la página

Casi todas las versiones de SharePoint han tenido una manera de crear diseños personalizados para páginas web, ya sea seleccionando una página de elementos web, un diseño de página wiki o un diseño de página de publicación. Los sitios modernos también proporcionan una funcionalidad similar. Sin embargo, en lugar de proporcionar un diseño estático que proporcione un número conjunto de regiones modificables en la página, las páginas modernas proporcionan la capacidad de que los editores de páginas "apilan" diseños de columna fila a fila. Los editores de páginas también pueden elegir varias opciones relacionadas con cómo se muestra la región de título de la página . Por último, la manera más fundamental de personalizar una página moderna es colocar contenido personalizado en la página. Para ello, agregue elementos web modernos a la página. Tenga en cuenta que los elementos web usados en sitios web clásicos no funcionarán en sitios modernos. Sin embargo, es posible crear e implementar elementos web personalizados ("del lado cliente") creados mediante el SharePoint Framework.

Flujos de trabajo

Se recomienda usar Power Automate para configurar y ejecutar todos los flujos de trabajo en el entorno de Microsoft 365, incluido SharePoint. Por ejemplo, es posible crear flujos de trabajo de aprobación únicos para el contenido almacenado en SharePoint. Además, es posible usar Power Automate como motor de flujo de trabajo predeterminado para aprobar el contenido de la página de SharePoint, directamente desde la interfaz de usuario de SharePoint. Los flujos se pueden desencadenar mediante acciones de SharePoint (por ejemplo, cuando se crea un elemento en una lista) o realizar acciones dentro de SharePoint (como actualizar un elemento de lista). Aunque todavía se admiten flujos de trabajo de SharePoint Designer, se deben crear nuevos flujos de trabajo mediante Power Automate.

Forms

Power Apps se puede usar para crear formularios personalizados para usarlos en sitios modernos de SharePoint. Hay varias maneras de usar estos formularios de Power Apps en el sitio de SharePoint:

Puede insertar un formulario de Power App en una página moderna mediante el elemento web de Power Apps.

Los formularios creados anteriormente con InfoPath y hospedados en SharePoint mediante InfoPath Forms Services deben convertirse en formularios de Power Apps, ya que Microsoft ha anunciado el desuso de InfoPath.

Microsoft Forms también se puede usar para crear fácilmente formas ligeras. Al igual que Power Apps, es posible insertar un formulario de Microsoft Form en una página mediante el elemento web Microsoft Forms.

Personalización del sitio de SharePoint mediante programación

Las versiones heredadas de SharePoint Server se basaban en paquetes de soluciones para implementar contenido y realizar cambios de configuración en sitios de SharePoint. Todavía es posible aprovisionar sitios mediante programación , así como personalizar sitios de equipo, listas y bibliotecas, y páginas de sitio. Hay varios métodos para realizar cambios mediante programación en el entorno de SharePoint, incluido el uso de las API de patrones y prácticas para desarrolladores de Office, la CLI de Microsoft 365, microsoft Graph API, el SharePoint Framework, etc.

Use el SharePoint Framework (SPFx) para representar elementos web personalizados en una página moderna de SharePoint. Además, las extensiones de SPFx proporcionan la capacidad de agregar scripts a las páginas, crear vistas modificadas de datos y exponer nuevos comandos en la interfaz de usuario de SharePoint. Los paquetes de aplicaciones SPFx se pueden implementar en sitios de SharePoint mediante el Catálogo de aplicaciones de SharePoint.

Uso de aplicaciones y soluciones de terceros

No solo puede implementar aplicaciones personalizadas en su entorno, sino que también puede obtener aplicaciones de la Tienda SharePoint. Para obtener más información, vea Usar el sitio aplicación para que las aplicaciones empresariales personalizadas estén disponibles para su entorno de SharePoint y Agregar una aplicación a un sitio.

Si desea cambiar la configuración de si los usuarios del sitio pueden adquirir o no aplicaciones de la Tienda SharePoint, vea Configurar opciones para la Tienda SharePoint.

Si está interesado en explorar servicios o aplicaciones de asociados de Microsoft que están disponibles para SharePoint, examine las aplicaciones de Microsoft 365 en Microsoft AppSource. También hay muchas soluciones de código abierto desarrolladas por la comunidad colectiva de SharePoint, incluidos Microsoft, MVP, asociados y clientes en el sitio de GitHub Patrones y prácticas para desarrolladores de Microsoft 365.

Ejemplos de enfoques de personalización modernos

En la tabla siguiente se proporciona un ejemplo de métodos anteriores para personalizar sitios junto con un enfoque recomendado actual:

Herencia Moderno
Implementación de la personalización de marca mediante páginas maestras personalizadas, diseños de página y temas Use la opción "aplicar un aspecto" para personalizar elementos de personalización de marca como logotipo, encabezado, pie de página y colores
Uso de proveedores de navegación personalizados, como la navegación estructurada o la navegación de metadatos administrados, para generar dinámicamente elementos de navegación Especificar manualmente vínculos de navegación
Crear una página wiki y elegir una opción de diseño de texto para modificar el diseño de la página Cree una página moderna y agregue diseños de sección a la página para organizar elementos web en la página.
Creación de un flujo de trabajo con SharePoint Designer Creación de un flujo de trabajo mediante Power Automate
Personalización de un formulario de SharePoint mediante InfoPath Personalización de un formulario de SharePoint mediante una aplicación power
Implementación de un elemento web en un sitio mediante una solución de espacio aislado Uso del catálogo de aplicaciones de SharePoint para implementar un elemento web del lado cliente en un sitio