Cree diseños atractivos y organizados agregando secciones con columnas en páginas modernas de SharePoint. Para mostrar el contenido en paralelo, puede agregar hasta tres columnas a cada sección. Si está trabajando en una página que forma parte de un sitio de comunicación, puede crear una columna que abarque toda la página (incluidos los bordes) agregando una columna de ancho completo. También puede apilar varias secciones con diferentes números de columnas. Incluso puedes agregar una sección vertical en el lado derecho, que es ideal para mostrar cosas como vínculos rápidos, contactos, el tiempo, temporizadores de cuenta atrás y mucho más.

El ejemplo siguiente tiene tres secciones de una columna a la izquierda y una sección vertical a la derecha:

Página con secciones que incluyen una sección vertical

Nota: Parte de la funcionalidad se introduce gradualmente para las organizaciones que han optado por el programa Versión dirigida. Esto significa que es posible que todavía no pueda ver esta característica o que la vea con un aspecto diferente a como se describe en los artículos de ayuda.

Agregar un diseño de sección a una página

  1. Vaya a la página donde desea agregar una sección.

  2. Si ya estás en modo de edición, selecciona Editar en la parte superior derecha de la página.

  3. En los bordes de la sección, verá una línea con un +, como este con una información sobre herramientas que dice Agregar una nueva sección. Mantenga el puntero sobre el botón.Botón para agregar una sección

  4. Seleccione + Sección.

  5. Seleccione el número de columnas que desee.Lista de tipos de sección

Nota: Las secciones de ancho completo no están disponibles en las páginas que forman parte de los sitios de grupo. Solo está disponible en las páginas que forman parte de los sitios de comunicación.

Agregar una plantilla de sección

Nota: Las plantillas de sección solo están disponibles actualmente en SharePoint en Microsoft 365. Esta característica no está disponible en SharePoint Server 2019 ni en SharePoint Server Subscription Edition.

  1. Vaya a la página donde quiera agregar una plantilla de sección.

  2. Si aún no está en modo de edición, seleccione Editar en la parte superior derecha de la página.

  3. Vaya al cuadro de herramientas Icono de Cuadro de herramientas en el panel de contenidoa la derecha. Verá dos plantillas de sección enumeradas en la parte inferior del cuadro de herramientas. Para usar una de estas, seleccione la plantilla.Plantillas de sección enumeradas en el cuadro de herramientas

  4. Para ver más plantillas de sección, seleccione Ver todas las plantillas de sección y, después, seleccione una plantilla que se adapte mejor a sus necesidades de la lista.Lista completa de plantillas de sección

  5. Una vez agregada esa plantilla a la página, inserte el contenido deseado en cada campo de la plantilla.

Agregar una sección vertical

Nota: Las secciones verticales solo están disponibles actualmente en SharePoint en Microsoft 365. Esta característica no está disponible en SharePoint Server 2019 ni en SharePoint Server Subscription Edition.

  1. Vaya a la página donde desea agregar una sección vertical.

  2. Si aún no está en modo de edición, seleccione Editar en la parte superior derecha de la página.

  3. En los bordes de la sección, verá una línea con un +, como este con una información sobre herramientas que dice Agregar una nueva sección. Mantenga el puntero sobre el botón.Botón para agregar una sección

  4. Seleccione + Sección.

  5. Seleccione Sección vertical. Sección vertical resaltada en la lista de tipos de sección

  6. En una ventana estrecha del explorador, se puede mover una sección vertical a la parte inferior o superior de la página. Elija si quiere que la sección vertical vaya a la parte superior o inferior de la página cuando la ventana del explorador se condensa a un tamaño menor seleccionando Editar propiedades en la barra de herramientas de sección.  Barra de herramientas Sección para sección vertical Panel Propiedades de una sección vertical

Notas: 

  • Las secciones verticales solo están disponibles actualmente en el lado derecho de la página.

  • La longitud de las secciones verticales se ajusta en función del contenido de la página, creciendo o reduciendo con la longitud del contenido en secciones no verticales.

  • No puede tener una columna de ancho completo y una sección vertical en la misma página.

  • En una ventana estrecha del explorador, se mueve una sección vertical a la parte inferior de la página. La sección vertical volverá al lado derecho de la página cuando haga que la ventana sea más ancha. Esto también puede ocurrir si el ancho de pantalla es inferior a 1024 px. Intenta ajustar la configuración de pantalla en Escala y diseño. Por ejemplo, en la lista desplegable en Cambiar el tamaño del texto, las aplicaciones y otros elementos, selecciona un valor del 125 % o inferior.

Cambiar una sección existente

Nota: Cuando tenga contenido en dos o más columnas y, a continuación, reduzca el número de columnas, el contenido de la parte derecha de la columna se moverá a la siguiente columna de la izquierda. Si reduce a una columna, el contenido de la segunda o tercera columna se moverá a la parte inferior de la primera columna.

  1. Vaya a la página donde desea cambiar una sección.

  2. Si aún no está en modo de edición, seleccione Editar en la parte superior derecha de la página.

  3. Seleccione la sección que desea editar y, a continuación, seleccione Editar propiedades en la barra de herramientas en la parte superior izquierda de la sección o seleccione el icono Propiedades en el lado derecho de la página.Botón Editar propiedades resaltado en la barra de herramientas de sección.

  4. En las propiedades de la sección, edite la sección eligiendo el número y el tipo de columnas que desee. También puede alinear el contenido de la sección y elegir un fondo de sección. Los cuatro colores de fondo principales se basan en el tema del sitio.Panel Propiedades de la sección

Notas: 

  • El color de fondo de la sección se muestra en la mayoría de los elementos web, como en el elemento web texto que se muestra a continuación (a la izquierda). Otros elementos web mantienen el fondo de la página en lugar de la sección. Con fines de accesibilidad, los elementos web Lista, Biblioteca de documentos y Gráfico rápido siempre mantendrán el fondo de la página.

  • Los elementos web que finalmente permitirán mostrar el fondo de sección, pero no hoy en día, son: Actividad del sitio, conversaciones de Yammer, elementos destacados de Yammer, Propiedades de lista, Propiedades de página, Calendario de grupo, Noticias de Bing y Microsoft Power Apps. Para obtener los mejores resultados, se recomienda no usar un color de fondo de sección para las secciones que contienen estos elementos web.

Agregar contenido a una columna

  1. Si aún no está en modo de edición, seleccione Editar en la parte superior derecha de la página.

  2. Seleccione Cuadro de herramientas Icono de Cuadro de herramientas en el panel de contenidoa la derecha para buscar contenido. Seleccione o arrastre y coloque el elemento web que desee y, a continuación, agregue contenido al elemento web.Para obtener más información sobre cómo buscar y usar elementos web, consulte Uso de elementos web.

Hacer que las secciones se contraan

Nota: Hacer que las secciones contraíbles actualmente solo está disponible en SharePoint en Microsoft 365. Esta característica no está disponible en SharePoint Server 2019 ni en SharePoint Server Subscription Edition.

  1. Si aún no está en modo de edición, seleccione Editar en la parte superior derecha de la página.

  2. Seleccione la sección que quiera contraer y, después, seleccione Editar propiedades en la barra de herramientas de la sección o Propiedades a la derecha de la página.

  3. En las propiedades de la sección, en Hacer que esta sección se pueda contraer, active el botón de alternancia.

  4. Decida si desea tener un título de sección cambiando el botón de alternancia a la opción deseada. Si es así, escriba el nombre en la parte superior de la sección y ajuste el nivel del título.

  5. Elija si desea activar o no la línea divisoria entre secciones activando o desactivando la opción Mostrar línea divisoria entre secciones.

  6. Elija la alineación del icono expandir o contraer seleccionando Izquierda o Derecha.

  7. Para cada sección, decida si la visualización predeterminada se expandirá o contraerá cambiando el botón de alternancia a la opción deseada.Panel propiedades de sección con la configuración contraíble habilitada

¿Necesita más ayuda?

¿Quiere más opciones?

Explore las ventajas de las suscripciones, examine los cursos de aprendizaje, aprenda a proteger su dispositivo y mucho más.

Las comunidades le ayudan a formular y responder preguntas, enviar comentarios y leer a expertos con conocimientos extensos.