Además de tener un contenido bien organizado y estructurado, debe ser visualmente atractivo. La experiencia de página moderna en SharePoint ofrece esta experiencia. En la publicación de hoy, vamos a aprender cómo agregar secciones y columnas a una página moderna de SharePoint^{(SharePoint Modern Page)} .

Agregar^(Add) secciones y columnas en una página moderna de SharePoint^{(SharePoint Modern Page)}

Puede optar por personalizar la página moderna de SharePoint^{(SharePoint Modern Page)} de la siguiente manera:

1. Agregar una sección con columnas a una página
2. Agregar una sección vertical
3. Cambiar una sección existente
4. Agregar contenido a una columna.

Ahora, procederemos a crear contenido atractivo organizando diseños y agregando secciones con columnas en las páginas modernas de SharePoint .

1] Agregar^(Add) una sección con columnas a una página

Vaya a la página donde le gustaría colocar o agregar columnas.

Elija la opción ' Editar^(Edit) ', visible en la esquina superior derecha de la página.

Ahora, pase el mouse por debajo del área de título de la página o por encima o por debajo de un elemento web existente. Debería aparecer una línea con un círculo + y mostrar la siguiente opción: ' Agregar una nueva sección^{(Add a new section)} '.

Haz clic en el círculo. Luego, en ' Diseño de la sección^{(Section layout)} ', seleccione el número de columnas que desea. Como alternativa, si se encuentra en una página que forma parte de un sitio de comunicación^{(Communication)} , seleccione una columna de ancho completo para abarcar toda la página.

2] Añadir una sección vertical

Vaya a la página donde le gustaría agregar una sección vertical.

Mueva el cursor del mouse debajo del área de título de la página en el extremo izquierdo, o arriba o debajo de un elemento web existente. Como antes, seleccione ' Agregar una nueva sección^{(Add a new section)} '.

Haga clic en el círculo y en ' Diseño de la sección^{(Section layout)} ', seleccione ' Sección vertical^{(Vertical section)} '.

Tenga en cuenta que las secciones verticales^(Vertical) actualmente solo están disponibles en el lado derecho de la página. Su longitud se ajusta en función del contenido de la página, creciendo o reduciéndose con la longitud del contenido en secciones no verticales.

En segundo lugar, en una ventana estrecha del navegador, se moverá una sección vertical a la parte inferior de la página. Cuando elija personalizar esto (ampliar el tamaño de la ventana), la sección vertical volverá al lado derecho de la página. Esto también puede suceder si el ancho de su pantalla es inferior a 1024 píxeles. Por lo tanto, es recomendable ajustar la configuración de visualización en ' Escala y diseño^{(Scale and layout)} '. Por ejemplo, en el menú desplegable debajo de " Cambiar el tamaño del texto, las aplicaciones y otros elementos^{(Change the size of text, apps, and other items)} ", seleccione un valor del 125 % o menos.

3] Cambiar una sección existente

Si desea incorporar ciertos cambios en la sección existente, vaya a la página donde desea realizar los cambios.

Si aún no está en el modo de edición, haga clic en ' Editar^(Edit) ' en la parte superior derecha de la página.

Aquí, notará que 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, luego haga clic en Editar^(Edit) sección en el lado izquierdo de la página.

Ahora, en la caja de herramientas ' Sección^(Section) ' en el lado derecho, elija el número y tipo de columnas que desea.

Si desea personalizar aún más la sección, es decir, hacer que la sección parezca más atractiva visualmente o más atractiva, elija un color de fondo para la sección. Los colores disponibles se basan en el tema de su sitio.

Para obtener los mejores resultados, se recomienda no utilizar un color de fondo de sección para las secciones que contienen estos elementos web.

4] Agregar contenido a una columna

Si desea agregar su contenido a la columna ahora, asegúrese de estar en el modo de edición^(Edit) .

A continuación, vaya a la columna donde desea agregar contenido. Pase el cursor del mouse sobre la columna y haga clic en el signo más en un círculo^(Circled) que se usa para agregar un elemento web moderno a una página.

Seleccione el elemento web que desea agregar a la columna y luego agregue su contenido al elemento web.

También vea, cuando tiene contenido en dos o más columnas, y elige acortarlo, es decir, reducir el número de columnas, el contenido en la columna más a la derecha se moverá a la siguiente columna a la izquierda. Del mismo modo^(Likewise) , cuando reduce lo mismo a una sola columna, el contenido de la segunda o tercera columna se moverá al final de la primera columna.

(Fuente de la imagen – Office.com)

De esta forma, puede agregar secciones y columnas en una página moderna de SharePoint y hacer que se vea más organizada.^(SharePoint)

Add sections and columns on a SharePoint Modern Page

Apart from having content neatly arranged and structυred, it should be visually apрealing. Modern page experience in ЅharePoint offers this experienсe. In today’s post, we are going to learn how to аdd seсtions аnd columnѕ to a SharePoint Modern Page.

Add sections & columns on a SharePoint Modern Page

You can choose to customize SharePoint Modern Page as follows:

1. Add a section with columns to a page
2. Add a vertical section
3. Change an existing section
4. Add content to a column.

Now, we shall proceed to create attractive content by organizing layouts and adding sections with columns on SharePoint modern pages.

1] Add a section with columns to a page

Go to the page where you would like to place or add columns.

Choose ‘Edit’ option, visible in the top right corner of the page.

Now, hover your mouse below the title area of the page or above or below an existing web part. A line with a circled + should popup and display the following option – ‘Add a new section’.

Click the circle. Then, under ‘Section layout’, select the number of columns you want. Alternatively, if you are on a page that is part of a Communication site, select a full-width column to span the entire page.

2] Add a vertical section

Go to the page where you would like to add a vertical section.

Move your mouse cursor below the title area of the page to the far left, or above or below an existing web part. As earlier, select ‘Add a new section.’

Click the circle and from ‘Section layout’, choose ‘Vertical section’.

Kindly note that Vertical sections are currently available only on the right side of the page. Its length is adjusted based on the content on the page, growing or shrinking with the length of content in non-vertical sections.

Secondly, in a narrow browser window, a vertical section will be moved to the bottom of the page. When you choose to customize this (expand the window size) the vertical section will return to the right side of the page. This can also happen if your screen width is less than 1024 pixels. So, it is advisable to adjust display settings under ‘Scale and layout’. For example, in the drop-down under ‘Change the size of text, apps, and other items’, select a value of 125% or lower.

3] Change an existing section

If you would like to incorporate certain changes in the existing section, go to the page where you would like to make changes.

If you’re not in edit mode already, click ‘Edit’ at the top right of the page.

Here, you will notice that each section of a page is marked with a dotted line. Select the section you want to add columns to, then click Edit section on the left side of the page.

Now, in the ‘Section’ toolbox on the right side, choose the number and type of columns you want.

If you would like to customize the section furthermore, i.e., make the section appear more visually appealing or more attractive, choose a section background color. The available colors are based on your site theme.

For the best results, it is recommended not to use a section background color for sections that contain these web parts.

4] Add content to a column

If you would like to add your content to the column now, make sure you’re in the Edit mode.

Next, go to the column where you want to add content. Hover your mouse cursor over the column and click Circled plus sign used to add a modern web part to a page.

Select the web part you want to add to the column, and then add your content to the web part.

Also see, when you have content in two or more columns, and you choose to cut it short i.e., reduce the number of columns, the content in the right most column will move to the next column on the left. Likewise, when you reduce the same to just one column, content in the second or third columns will move to the bottom of the first column.

(Image source – Office.com)

This way you can add sections and columns on a SharePoint modern page and make it look more organized.

Related posts

• Cómo subir documentos a un SharePoint Site

• Cómo crear una página en SharePoint

• Cómo administrar SharePoint Alerts

• SharePoint search no devuelve los resultados para algunos usuarios

• Cómo agregar un Web Part en Microsoft SharePoint

• Cómo agregar y editar las páginas Classic SharePoint

• Add Unblock option para archivos descargados en Context Menu de Windows 10

• Add Sidebar and Desktop Gadgets en Windows 10 con 8gadgetPack

• Add Sound a PrntScrn Key y habilitar Alert para Screenshots

• Add Double Exposure Effect a imágenes usando estas herramientas en línea gratuitas

• Add Efectos de onda hermosa y animación a tus fotos con Reflet

• Add, Change, Remove Author de Author Property EN Office document

• Remove or Add EFS File ownership de Context Menu en Windows 10

• Cómo Add and Change Canvas background color en GIMP

• Cómo Add Home button A Chrome browser

• Add A Exclusion item A Windows Defender context MENU

• Cómo habilitar Versioning en SharePoint

• Add, eliminar o editar hipervínculos en PDF Files con PDF Link Editor

• Add or Remove Vertical Tabs Button en Toolbar en Edge browser

• Add Tabs a Windows 10 Explorer y otros Programs con TidyTabs