Behalve dat de inhoud netjes geordend en gestructureerd moet zijn, moet het visueel aantrekkelijk zijn. Moderne pagina-ervaring in SharePoint biedt deze ervaring. In het bericht van vandaag gaan we leren hoe u secties en kolommen kunt toevoegen aan een moderne SharePoint-pagina^{(SharePoint Modern Page)} .

^(Add)Secties en kolommen toevoegen op een moderne SharePoint-pagina^{(SharePoint Modern Page)}

U kunt ervoor kiezen om SharePoint Modern Page als volgt aan te passen:

Een sectie met kolommen toevoegen aan een pagina
Een verticale sectie toevoegen
Een bestaande sectie wijzigen
Inhoud aan een kolom toevoegen.

Nu gaan we verder met het maken van aantrekkelijke inhoud door lay-outs te organiseren en secties met kolommen toe te voegen op moderne SharePoint - pagina's.

1] Voeg^(Add) een sectie met kolommen toe aan een pagina

Ga naar de pagina waar u kolommen wilt plaatsen of toevoegen.

Kies de optie ' Bewerken^(Edit) ', zichtbaar in de rechterbovenhoek van de pagina.

Beweeg nu uw muis onder het titelgebied van de pagina of boven of onder een bestaand webonderdeel. Er zou een regel met een omcirkelde + moeten verschijnen en de volgende optie moeten weergeven: ' Een nieuwe sectie toevoegen^{(Add a new section)} '.

Klik op de cirkel. Selecteer vervolgens onder ' Sectie-indeling^{(Section layout)} ' het gewenste aantal kolommen. Als u zich op een pagina bevindt die deel uitmaakt van een communicatiesite^{(Communication)} , kunt u ook een kolom over de volledige breedte selecteren om de hele pagina te beslaan.

2] Een verticale sectie toevoegen

Ga naar de pagina waar u een verticale sectie wilt toevoegen.

Beweeg uw muiscursor onder het titelgebied van de pagina helemaal naar links, of boven of onder een bestaand webonderdeel. Selecteer zoals eerder ' Een nieuwe sectie toevoegen^{(Add a new section)} '.

Moderne SharePoint-pagina

Klik op de cirkel en kies bij ' Sectie layout^{(Section layout)} ' voor ' Verticale doorsnede^{(Vertical section)} '.

Houd er rekening mee dat verticale^(Vertical) secties momenteel alleen beschikbaar zijn aan de rechterkant van de pagina. De lengte wordt aangepast op basis van de inhoud op de pagina, groeit of krimpt met de lengte van de inhoud in niet-verticale secties.

Ten tweede wordt in een smal browservenster een verticaal gedeelte naar de onderkant van de pagina verplaatst. Wanneer u ervoor kiest om dit aan te passen (de venstergrootte vergroten), keert het verticale gedeelte terug naar de rechterkant van de pagina. Dit kan ook gebeuren als uw schermbreedte kleiner is dan 1024 pixels. Het is dus aan te raden om onder ' Schaal en indeling^{(Scale and layout)} ' de weergave-instellingen aan te passen. Selecteer bijvoorbeeld in de vervolgkeuzelijst onder ' De grootte van tekst, apps en andere items wijzigen^{(Change the size of text, apps, and other items)} ' een waarde van 125% of lager.

3] Een bestaande sectie wijzigen

Als u bepaalde wijzigingen in het bestaande gedeelte wilt opnemen, gaat u naar de pagina waar u wijzigingen wilt aanbrengen.

Als u zich nog niet in de bewerkingsmodus bevindt, klikt u op ' Bewerken^(Edit) ' rechtsboven op de pagina.

Hier ziet u dat elk gedeelte van een pagina is gemarkeerd met een stippellijn. Selecteer de sectie waaraan u kolommen wilt toevoegen en klik vervolgens op Sectie bewerken^(Edit) aan de linkerkant van de pagina.

Kies nu in de ' Sectie^(Section) ' toolbox aan de rechterkant het aantal en type kolommen dat u wilt.

Als u de sectie verder wilt aanpassen, dwz de sectie visueel aantrekkelijker of aantrekkelijker wilt maken, kiest u een achtergrondkleur voor de sectie. De beschikbare kleuren zijn gebaseerd op uw sitethema.

Voor de beste resultaten wordt aangeraden geen achtergrondkleur voor secties te gebruiken voor secties die deze webonderdelen bevatten.

4] Inhoud aan een kolom toevoegen

Als u uw inhoud nu aan de kolom wilt toevoegen, moet u ervoor zorgen dat u zich in de bewerkingsmodus^(Edit) bevindt.

Ga vervolgens naar de kolom waar u inhoud wilt toevoegen. Beweeg uw muiscursor over de kolom en klik op Omcirkeld^(Circled) plusteken dat wordt gebruikt om een modern webonderdeel aan een pagina toe te voegen.

Selecteer het webonderdeel dat u aan de kolom wilt toevoegen en voeg vervolgens uw inhoud toe aan het webonderdeel.

Zie ook, als je inhoud in twee of meer kolommen hebt, en je kiest ervoor om het kort te maken, dwz het aantal kolommen te verminderen, zal de inhoud in de meest rechtse kolom naar de volgende kolom aan de linkerkant worden verplaatst. Evenzo^(Likewise) , wanneer u hetzelfde reduceert tot slechts één kolom, wordt de inhoud in de tweede of derde kolom naar de onderkant van de eerste kolom verplaatst.

(Bron afbeelding - Office.com)

Op deze manier kunt u secties en kolommen toevoegen aan een moderne SharePoint -pagina en deze er overzichtelijker uit laten zien.

Add sections and columns on a SharePoint Modern Page

Apart from having content neatlу arranged and structured, it should be νisually appealіng. Modern pаge experience in ЅharePoint offеrs this experience. In today’s post, we are going to learn how to add sections and columns to a SharePoint Modern Page.

Add sections & columns on a SharePoint Modern Page

You can choose to customize SharePoint Modern Page as follows:

Add a section with columns to a page
Add a vertical section
Change an existing section
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.’

SharePoint Modern Page

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.

Jay Timmermans

About the author

Ik ben een softwareontwikkelaar met meer dan 10 jaar ervaring. Ik ben gespecialiseerd in Mac-programmering en heb duizenden regels code geschreven voor verschillende Mac-programma's, waaronder maar niet beperkt tot: TextEdit, GarageBand, iMovie en Inkscape. Ook heb ik ervaring met Linux en Windows ontwikkeling. Dankzij mijn vaardigheden als ontwikkelaar kan ik hoogwaardige, uitgebreide tutorials schrijven voor verschillende softwareontwikkelingsplatforms - van macOS tot Linux - waardoor mijn tutorials de perfecte keuze zijn voor diegenen die meer willen weten over de tools die ze gebruiken.

Secties en kolommen toevoegen aan een moderne SharePoint-pagina

^(Add)Secties en kolommen toevoegen op een moderne SharePoint-pagina^{(SharePoint Modern Page)}