Udover at have indhold pænt arrangeret og struktureret, skal det være visuelt tiltalende. Moderne sideoplevelse i SharePoint tilbyder denne oplevelse. I dagens indlæg skal vi lære, hvordan du tilføjer sektioner og kolonner til en SharePoint Modern-side^{(SharePoint Modern Page)} .

Tilføj^(Add) sektioner og kolonner på en SharePoint Modern-side^{(SharePoint Modern Page)}

Du kan vælge at tilpasse SharePoint Modern Page som følger:

Tilføj en sektion med kolonner til en side
Tilføj en lodret sektion
Skift en eksisterende sektion
Tilføj indhold til en kolonne.

Nu vil vi fortsætte med at skabe attraktivt indhold ved at organisere layouts og tilføje sektioner med kolonner på SharePoint moderne sider.

1] Tilføj^(Add) en sektion med kolonner til en side

Gå til siden, hvor du vil placere eller tilføje kolonner.

Vælg ' Rediger^(Edit) ' mulighed, synlig i øverste højre hjørne af siden.

Hold nu musen under titelområdet på siden eller over eller under en eksisterende webdel. En linje med et cirklet + skulle poppe op og vise følgende valgmulighed – ' Tilføj en ny sektion^{(Add a new section)} '.

Klik på cirklen. Vælg derefter det ønskede antal kolonner under ' Sektionslayout '. ^{(Section layout)}Alternativt, hvis du er på en side, der er en del af et kommunikationswebsted^{(Communication)} , skal du vælge en kolonne i fuld bredde for at spænde over hele siden.

2] Tilføj en lodret sektion

Gå til siden, hvor du gerne vil tilføje en lodret sektion.

Flyt din musemarkør under titelområdet på siden yderst til venstre eller over eller under en eksisterende webdel. Som tidligere skal du vælge ' Tilføj en ny sektion^{(Add a new section)} .'

SharePoint moderne side

Klik på cirklen og vælg ' Lodret sektion ' fra ' ^{(Vertical section)}Sektionslayout^{(Section layout)} '.

Bemærk venligst, at lodrette^(Vertical) sektioner i øjeblikket kun er tilgængelige på højre side af siden. Dens længde justeres baseret på indholdet på siden, vokser eller krymper med længden af indholdet i ikke-lodrette sektioner.

For det andet, i et smalt browservindue, vil en lodret sektion blive flyttet til bunden af siden. Når du vælger at tilpasse dette (udvid vinduesstørrelsen), vil den lodrette sektion vende tilbage til højre side af siden. Dette kan også ske, hvis din skærmbredde er mindre end 1024 pixels. Så det er tilrådeligt at justere skærmindstillinger under ' Skala og layout^{(Scale and layout)} '. Vælg f.eks. en værdi på 125 % eller lavere i rullemenuen under ' Skift størrelse på tekst, apps og andre elementer^{(Change the size of text, apps, and other items)} '.

3] Skift en eksisterende sektion

Hvis du ønsker at inkorporere visse ændringer i den eksisterende sektion, skal du gå til siden, hvor du gerne vil foretage ændringer.

Hvis du ikke allerede er i redigeringstilstand, skal du klikke på ' Rediger^(Edit) ' øverst til højre på siden.

Her vil du bemærke, at hver sektion af en side er markeret med en stiplet linje. Vælg den sektion, du vil tilføje kolonner til, og klik derefter på Rediger^(Edit) sektion i venstre side af siden.

Vælg nu det antal og den type kolonner, du ønsker i værktøjskassen ' Sektion ' i højre side.^(Section)

Hvis du gerne vil tilpasse sektionen yderligere, dvs. få sektionen til at fremstå mere visuelt tiltalende eller mere attraktiv, skal du vælge en sektionsbaggrundsfarve. De tilgængelige farver er baseret på dit webstedstema.

For de bedste resultater anbefales det ikke at bruge en sektionsbaggrundsfarve til sektioner, der indeholder disse webdele.

4] Tilføj indhold til en kolonne

Hvis du gerne vil tilføje dit indhold til kolonnen nu, skal du sørge for, at du er i redigeringstilstand^(Edit) .

Gå derefter til den kolonne, hvor du vil tilføje indhold. Hold musemarkøren over kolonnen, og klik på Cirklet^(Circled) plustegn, der bruges til at tilføje en moderne webdel til en side.

Vælg den webdel, du vil tilføje til kolonnen, og tilføj derefter dit indhold til webdelen.

Se også, når du har indhold i to eller flere kolonner, og du vælger at afkorte det, dvs. reducere antallet af kolonner, vil indholdet i kolonnen længst til højre flyttes til næste kolonne til venstre. På samme måde^(Likewise) , når du reducerer det samme til kun én kolonne, flyttes indholdet i den anden eller tredje kolonne til bunden af den første kolonne.

(Billedkilde – Office.com)

På denne måde kan du tilføje sektioner og kolonner på en moderne SharePoint -side og få den til at se mere organiseret ud.^(SharePoint)

Add sections and columns on a SharePoint Modern Page

Apart from having content neatly arranged and structurеd, it should be visually apрealіng. Modern page experience іn SharePoint offers this expеrience. 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.

Saga Fransson

About the author

Jeg er softwareingeniør med erfaring i Xbox Explorer, Microsoft Excel og Windows 8.1 Explorer. I min fritid kan jeg godt lide at spille videospil og se tv. Jeg har en grad fra University of Utah og arbejder i øjeblikket som softwareingeniør for en international virksomhed.

Tilføj sektioner og kolonner på en SharePoint Modern-side

Tilføj^(Add) sektioner og kolonner på en SharePoint Modern-side^{(SharePoint Modern Page)}