A szépen elrendezett és felépített tartalom mellett vizuálisan is tetszetősnek kell lennie. A SharePoint^(SharePoint) modern oldalélménye ezt az élményt kínálja. A mai bejegyzésben megtudjuk, hogyan adhatunk szakaszokat és oszlopokat egy SharePoint Modern oldalhoz^{(SharePoint Modern Page)} .

^(Add)Szakaszok és oszlopok hozzáadása egy SharePoint Modern oldalhoz^{(SharePoint Modern Page)}

A SharePoint Modern oldal^{(SharePoint Modern Page)} testreszabása a következőképpen lehetséges:

Oszlopokkal rendelkező szakasz hozzáadása az oldalhoz
Adjon hozzá egy függőleges szakaszt
Meglévő szakasz módosítása
Tartalom hozzáadása egy oszlophoz.

Most folytatjuk a vonzó tartalom létrehozását az elrendezések rendszerezésével és oszlopokkal ellátott szakaszok hozzáadásával a SharePoint modern oldalain.

1] Oszlopokkal ellátott szakasz hozzáadása az oldalhoz^(Add)

Menjen arra az oldalra, amelyre oszlopokat szeretne elhelyezni vagy hozzáadni.

Válassza a " Szerkesztés^(Edit) " lehetőséget, amely az oldal jobb felső sarkában látható.

Most vigye az egeret az oldal címterülete alá, vagy egy meglévő webrész fölé vagy alá. A bekarikázott + jelű sornak fel kell bukkannia, és a következő opciót kell megjelenítenie – „ Új szakasz hozzáadása^{(Add a new section)} ”.

Kattintson a körre. Ezután a " Szakmens elrendezése^{(Section layout)} " alatt válassza ki a kívánt oszlopok számát. Alternatív megoldásként, ha olyan oldalon tartózkodik, amely egy kommunikációs^{(Communication)} webhely részét képezi, válasszon egy teljes szélességű oszlopot, amely a teljes oldalt lefedi.

2] Függőleges szakasz hozzáadása

Menjen arra az oldalra, amelyhez függőleges szakaszt szeretne hozzáadni.

Vigye az egérmutatót az oldal címterülete alá a bal szélre, vagy egy meglévő képernyő fölé vagy alá. Mint korábban, válassza az " Új szakasz hozzáadása^{(Add a new section)} " lehetőséget.

SharePoint modern oldal

Kattintson a körre, és a ' Metszet elrendezése^{(Section layout)} ' részben válassza a ' Függőleges metszet^{(Vertical section)} ' lehetőséget.

Felhívjuk szíves figyelmét, hogy a függőleges^(Vertical) szakaszok jelenleg csak az oldal jobb oldalán érhetők el. A hossza az oldal tartalma alapján módosul, a nem függőleges szakaszokban lévő tartalom hosszával együtt nő vagy csökken.

Másodszor, egy szűk böngészőablakban egy függőleges rész az oldal aljára kerül. Ha úgy dönt, hogy testreszabja ezt (az ablak méretének kibontása), a függőleges rész visszakerül az oldal jobb oldalára. Ez akkor is megtörténhet, ha a képernyő szélessége kisebb, mint 1024 pixel. Ezért célszerű a " Scale and layout " alatt módosítani a megjelenítési beállításokat. Például a „ Szöveg, alkalmazások és egyéb elemek méretének módosítása^{(Change the size of text, apps, and other items)} ” alatti legördülő menüben válasszon 125%-os vagy alacsonyabb értéket.

3] Meglévő szakasz módosítása

Ha bizonyos változtatásokat szeretne beépíteni a meglévő szakaszba, lépjen arra az oldalra, ahol módosítani szeretne.

Ha még nincs szerkesztési módban, kattintson a " Szerkesztés^(Edit) " lehetőségre az oldal jobb felső sarkában.

Itt észreveheti, hogy az oldal minden része szaggatott vonallal van megjelölve. Válassza ki azt a részt, amelyhez oszlopokat szeretne hozzáadni, majd kattintson az oldal bal oldalán található Szakasz szerkesztése lehetőségre.^(Edit)

Most a jobb oldalon található "Szakció" eszköztárban válassza ki a kívánt oszlopok számát és típusát .^(Section)

Ha szeretné a szakaszt tovább testre szabni, azaz látványosabbá vagy vonzóbbá tenni a részt, válasszon egy háttérszínt. Az elérhető színek a webhely témáján alapulnak.

A legjobb eredmény elérése érdekében javasolt, hogy ne használjon szakaszháttérszínt az ezeket a hálórészeket tartalmazó szakaszokhoz.

4] Tartalom hozzáadása egy oszlophoz

Ha most szeretné hozzáadni a tartalmat az oszlophoz, győződjön meg arról, hogy a Szerkesztés^(Edit) módban van.

Ezután lépjen arra az oszlopra, amelyhez tartalmat szeretne hozzáadni. Vigye az egérmutatót az oszlop fölé, és kattintson a Bekarikázott^(Circled) pluszjelre, amellyel modern webrészt adhat az oldalhoz.

Válassza ki az oszlophoz hozzáadni kívánt kijelzőt, majd adja hozzá a tartalmat a kijelzőhöz.

Nézze meg azt is, ha két vagy több oszlopban van tartalom, és úgy dönt, hogy rövidre vágja, azaz csökkenti az oszlopok számát, a jobb oldali oszlop tartalom a bal oldali következő oszlopba kerül. Hasonlóképpen^(Likewise) , ha ugyanazt csak egy oszlopra csökkenti, a második vagy harmadik oszlop tartalma az első oszlop aljára kerül.

(Kép forrása – Office.com)

Így szakaszokat és oszlopokat adhat hozzá egy modern SharePoint - oldalhoz, és rendezettebbé teheti azt.

Add sections and columns on a SharePoint Modern Page

Apart from having content neаtly arranged and structured, it should be visually appealing. Modern page experience in SharePoint offers this experience. In today’s post, we arе 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.

Míra Veres

About the author

Szoftvermérnök vagyok, több mint 10 éves tapasztalattal Apple iOS és Edge eszközökön. Hardvertervezésben szerzett tapasztalatom szenvedélyesen érdekelt, hogy ügyfeleink eszközei a lehető legmegbízhatóbbak és gördülékenyebbek legyenek. Az elmúlt néhány évben írtam kódot, és megtanultam a Git, a Vim és a Node.js használatát.

Szakaszok és oszlopok hozzáadása egy SharePoint Modern oldalhoz

^(Add)Szakaszok és oszlopok hozzáadása egy SharePoint Modern oldalhoz^{(SharePoint Modern Page)}