Iniciar sesión con Microsoft
Iniciar sesión o crear una cuenta
Hola:
Seleccione una cuenta diferente.
Tiene varias cuentas
Elija la cuenta con la que desea iniciar sesión.
Agregar secciones y columnas en una página moderna de SharePoint

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 columnas.

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

  3. Desplace el mouse debajo del área de título de la página en el extremo izquierdo, o encima o debajo de un elemento web existente en el extremo izquierdo de la página, y verá una línea con un +, como este con una sugerencia de herramienta que dice Agregar una nueva sección.

    captura de pantalla del icono agregar una sección

  4. Seleccione captura de pantalla del icono agregar sección.

  5. En Diseño de sección, seleccione el número de columnas que desee o, si se encuentra en una página que forma parte de un sitio de comunicación, puede seleccionar una columna de ancho completo para abarcar toda la página (incluidos los bordes).

    Captura de pantalla del panel de diseño de sección

Nota: La columna de ancho completo no está disponible 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: Agregar una plantilla de sección solo está disponible actualmente en SharePoint en Microsoft 365. Esta característica no está disponible en SharePoint Server 2019 ni en SharePoint Server Edición de Suscripción.

  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. Desplace el mouse debajo del área de título de la página en el extremo izquierdo, o encima o debajo de un elemento web existente en el extremo izquierdo de la página, y verá una línea con un +, como este con una sugerencia de herramienta que dice Agregar una nueva sección:

    captura de pantalla del icono agregar una sección

  4. Seleccione captura de pantalla del icono agregar sección.

  5. En el panel que se abre, seleccione la pestaña Plantillas. 

    captura de pantalla del panel Agregar plantilla de sección

  6. En la lista de plantillas, elija la plantilla que mejor se adapte a sus necesidades. 

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

Obtenga más información sobre el uso de plantillas de sección para páginas de SharePoint.

Agregar una sección vertical

Nota: Agregar una sección vertical actualmente solo está disponible en SharePoint en Microsoft 365. Esta característica no está disponible en SharePoint Server 2019 ni en SharePoint Server Edición de Suscripción.

  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. Desplace el mouse debajo del área de título de la página en el extremo izquierdo, o encima o debajo de un elemento web existente en el extremo izquierdo de la página, y verá una línea con un +, como este con una sugerencia de herramienta que dice Agregar una nueva sección:

    captura de pantalla del icono agregar una sección

  4. Seleccione captura de pantalla del icono agregar sección.

  5. En Diseño de sección, seleccione Sección vertical.

    Captura de pantalla de la opción de sección vertical resaltada

  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 sección

    captura de pantalla del icono editar sección

    captura de pantalla del panel de edición de secciones verticales

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. Cada sección de una página está marcada con una línea de puntos. Seleccione la sección a la que desea agregar columnas y, a continuación, seleccione Editar sección en el lado izquierdo de la página.

    Haga clic en el botón Editar sección para empezar a editar una sección

  4. En el cuadro de herramientas Sección de la derecha, elija el número y el tipo de columnas que desee y, si desea hacer que la sección destaque, o hacer que la página sea más atractiva, elija un color de fondo de sección. Los colores disponibles se basan en el tema del sitio.

    Panel Diseño de 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 (un ejemplo es el elemento web Gráfico rápido que aparece a continuación).

  • 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.

    Ejemplo de elemento web Texto y elemento web Gráfico rápido en un fondo de sección

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. Vaya a la columna en la que desea agregar contenido.

  3. Pase el mouse por la columna y seleccione Se emplea el signo más en un círculo para agregar un elemento web moderno a una página.

  4. Seleccione el elemento web que desea agregar a la columna y, a continuación, agregue el contenido al elemento web. Obtenga información sobre el 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 Edición de Suscripción.

Haga que las secciones se contraan en el panel Formato de sección. 

captura de pantalla de secciones contraíbles en páginas de SharePoint

  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 desea contraer y, a continuación, seleccione Editar sección en el lado izquierdo de la página.

  3. En el panel Formato de sección, en Hacer que esta sección se pueda contraer, active el botón de alternancia.

  4. Agregue un nombre para mostrar de sección para identificar la sección, elija si desea habilitar o no la línea divisoria entre secciones al activar o desactivar la opción Mostrar línea divisoria entre secciones .

  5. Elija la alineación del icono Expandir o contraer seleccionando Izquierda o Derecha.

  6. Para cada sección, decida si la pantalla predeterminada se expandirá o contraerá cambiando el botón de alternancia a la opción deseada.

captura de pantalla del panel de formato de sección

¿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.

¿Le ha sido útil esta información?

¿Cuál es tu grado de satisfacción con la calidad del lenguaje?
¿Qué ha afectado a su experiencia?
Si presiona Enviar, sus comentarios se usarán para mejorar los productos y servicios de Microsoft. El administrador de TI podrá recopilar estos datos. Declaración de privacidad.

¡Gracias por sus comentarios!

×