Microsoft lanzó la experiencia de página «Modern» para los sitios de equipo en SharePoint Online en otoño de 2016, y más recientemente para SharePoint Server 2019. La experiencia de página Modern incluye la capacidad de añadir partes web directamente dentro de la página. A partir de junio de 2019, cuando se está escribiendo este artículo, hay 55 partes web integradas disponibles para agregar a una página moderna de SharePoint, y se agregan más regularmente.
Puede ver una descripción general de las partes web modernas en esta página de Microsoft, que incluye enlaces para obtener más información sobre cada parte web. Este artículo es el primero de una serie semanal que se publicará cada miércoles, en la que daremos detalles adicionales sobre cada web part y ejemplos de su uso. Pero primero, un poco sobre las páginas Modern de SharePoint…
Para personalizar una página Modern en SharePoint, primero coloque la página en el modo Editar, utilizando el enlace Editar en el lado derecho de la barra de menú de acción. .
Personalización de la cabecera de la página
En el área del título de la página, puede reemplazar la cabecera genérica predeterminada haciendo clic en el icono Imagen y cargando su propia imagen.
Alternativamente, puede buscar en la web imágenes adecuadas. Realmente hay una selección bastante buena de imágenes genéricas de tamaño adecuado en diferentes categorías, o puedes introducir un texto de búsqueda para obtener imágenes de cualquier cosa que te guste de la web. Tenga en cuenta, sin embargo, que es posible que desee utilizar el filtro Creative Commons Only para asegurarse de que no está violando los derechos de autor de la imagen.
Después de subir la imagen, aparecerá un icono en el centro de la cabecera que le permite mover el centro de enfoque para su imagen, ya que el área de la cabecera es bastante amplia y corta.
También puedes modificar el estilo del área de título – por ejemplo para mostrar un bloque de título en el centro, y añadir texto por encima del título.
¡Estas son algunas formas geniales de hacer una página propia! En la captura de pantalla siguiente, he utilizado una imagen del vídeo promocional de la Conferencia de SharePoint de 2019 y he seleccionado el estilo de título de bloque de color.
Las secciones de una página de SharePoint moderno le permiten crear áreas con una variedad de diseños en los que añadir partes web. Cuando edite por primera vez una página, verá un + en la esquina inferior izquierda del área de encabezamiento – esto le permite añadir una nueva sección además del área de edición por defecto que es el ancho de la página. Al hacer clic en el + se abre un cuadro de diálogo de Diseño de sección en el que puede seleccionar el número y la disposición de las columnas para esta sección.
Se dará cuenta de que algunos contenidos encajan mejor en uno u otro diseño; mencionaremos algunas de esas consideraciones a medida que avancemos en esta serie. Ten en cuenta que si tu página está en un sitio de Comunicación, verás un diseño adicional llamado Full-width, que abarca todo el ancho de la página incluyendo los bordes.
Actualización de agosto de 2019: Un nuevo tipo de sección, Vertical, está ahora disponible. Esto le da una columna vertical en el lado derecho de la página. La altura de la columna se basa en la cantidad de otro contenido en la página. Este podría ser un buen lugar para añadir un número de partes web más pequeñas, como sus partes web del tiempo o del reloj – cualquier cosa que desee apilar por separado del resto de la página.
Después de seleccionar un diseño, verá que aparecen nuevos iconos a la izquierda de la sección. Estos iconos le permiten editar, mover o eliminar la sección.
Si selecciona Editar la sección, aparece un panel de Sección a la derecha, donde puede cambiar el diseño, o elegir añadir un sombreado de fondo para diferenciarlo del resto de la página.
Actualización de agosto de 2019: Ahora hay una opción para duplicar una sección, que copia literalmente toda la sección, incluido su contenido, justo debajo de la sección actual. Esto le permite replicar fácilmente un conjunto de partes web y, a continuación, solo tiene que cambiar la configuración de cada parte web para mostrar un contenido diferente.
Una página de SharePoint no sería nada sin partes web; muestran contenido a las personas que ven la página. Como diseñador de la página, puede agregar y organizar estas partes web dentro del diseño de la página para presentar la información que desea que la gente vea.
Después de hacer clic en Editar en la página, verá un pequeño icono + cerca del centro de la página debajo del área de encabezado de la página…
Al hacer clic en el + se abre un cuadro de diálogo que le permite seleccionar una parte web para agregar.
Cada web part tiene sus propios ajustes de configuración, que es lo que trataremos en esta serie de blogs. Pero cualquier web part siempre tendrá al menos las opciones de editarla, moverla o eliminarla.
Generalmente, al seleccionar Editar se abrirá un panel a la derecha que contendrá configuraciones específicas de esa web part. Si selecciona Mover, podrá arrastrar la parte web a otra sección o columna de la página, o simplemente reordenar las partes web dentro de una sección. Y Eliminar, por supuesto, le pedirá que se asegure de que eso es lo que quiere hacer.
Actualización de agosto de 2019: Además de las funciones Editar, Mover y Eliminar, ahora también puede Duplicar una parte web individual. Esto copia la parte web, incluyendo su configuración, justo debajo de la parte web actual. Por supuesto, puedes moverla a donde quieras. La idea detrás de esto sería si quieres tener otra de la misma parte web pero con diferente contenido o diferente alcance, etc. Así que usted podría simplemente ajustar la copia para ser ligeramente diferente.
Como usted es probablemente consciente, las cosas están cambiando a menudo en SharePoint Online, por lo que puede haber características adicionales de las páginas modernas disponibles cuando usted lee esto, pero esto debería darle una idea de las opciones disponibles para usted.
En esta serie de blogs pasaremos por cada una de las partes web incorporadas de SharePoint (agrupando algunas similares), por lo que terminarás con un recurso completo para crear páginas de SharePoint útiles y atractivas sin necesidad de comprar nada adicional ni hacer ningún tipo de codificación.
¡Esperamos acompañarte en este recorrido!
Bing Maps y MSN Weather web parts
Botón y Call to Action web parts
Biblioteca de documentos y Visor de archivos web parts
Embed, Kindle, y YouTube web parts
Eventos, Calendario de grupo, y Temporizador de cuenta atrás web parts
Contenido destacado web part
Imagen y Galería de imágenes web parts
Héroe, Link, y enlaces rápidos
Lista y propiedades de la lista
Parte web de Microsoft Forms
Parte web de noticias
Parte web de propiedades de la página
Parte web de personas
Planificador
Parte web de Power BI
Parte web de PowerApps
Documentos recientes y partes web de actividad del sitio
Parte web de gráfico rápido
Parte web de sitios
Stream y partes web de Office 365 Video
Text, Markdown, Code Snippet, Divider y Spacer web parts
Twitter web part
Yammer Conversations y Highlights web parts
Partes web que requieren un conector de Office 365
Lightning Tools Modern web parts