Okrem toho, že obsah je prehľadne usporiadaný a štruktúrovaný, mal by byť aj vizuálne príťažlivý. Moderné stránky v SharePointe^(SharePoint) ponúkajú túto skúsenosť. V dnešnom príspevku sa naučíme, ako pridať sekcie a stĺpce na SharePoint Modern Page .

Pridajte^(Add) sekcie a stĺpce na modernú stránku SharePointu^{(SharePoint Modern Page)}

Modernú stránku SharePoint^{(SharePoint Modern Page)} si môžete prispôsobiť takto:

Pridajte na stránku sekciu so stĺpcami
Pridajte vertikálnu časť
Zmeňte existujúcu sekciu
Pridajte obsah do stĺpca.

Teraz pristúpime k vytvoreniu atraktívneho obsahu usporiadaním rozložení a pridaním sekcií so stĺpcami na moderné stránky SharePointu .^(SharePoint)

1] Pridajte^(Add) na stránku sekciu so stĺpcami

Prejdite na stránku, na ktorú chcete umiestniť alebo pridať stĺpce.

Vyberte možnosť „ Upraviť^(Edit) “, ktorá je viditeľná v pravom hornom rohu stránky.

Teraz umiestnite kurzor myši pod oblasť názvu stránky alebo nad alebo pod existujúcu webovú časť. Mal by sa zobraziť riadok so zakrúžkovaným + a mal by zobraziť nasledujúcu možnosť – „ Pridať novú sekciu^{(Add a new section)} “.

Kliknite na kruh. Potom v časti „ Rozloženie sekcie^{(Section layout)} “ vyberte požadovaný počet stĺpcov. Prípadne, ak sa nachádzate na stránke, ktorá je súčasťou komunikačnej^{(Communication)} lokality, vyberte stĺpec s plnou šírkou tak, aby pokrýval celú stránku.

2] Pridajte zvislú časť

Prejdite na stránku, na ktorú chcete pridať vertikálnu sekciu.

Presuňte kurzor myši pod oblasť názvu stránky úplne doľava alebo nad alebo pod existujúcu webovú časť. Ako predtým, vyberte ' Pridať novú sekciu^{(Add a new section)} .'

Moderná stránka SharePointu

Kliknite na kruh a v časti „ Rozloženie sekcie^{(Section layout)} “ vyberte položku „ Vertikálna sekcia^{(Vertical section)} “.

Upozorňujeme, že vertikálne^(Vertical) sekcie sú momentálne dostupné iba na pravej strane stránky. Jeho dĺžka sa prispôsobuje na základe obsahu na stránke, rastie alebo zmenšuje s dĺžkou obsahu v nevertikálnych sekciách.

Po druhé, v úzkom okne prehliadača sa vertikálna časť presunie do spodnej časti stránky. Keď sa rozhodnete toto prispôsobiť (zväčšiť veľkosť okna), vertikálna časť sa vráti na pravú stranu stránky. Môže sa to stať aj vtedy, ak je šírka obrazovky menšia ako 1024 pixelov. Preto je vhodné upraviť nastavenia zobrazenia v časti „ Mierka a rozloženie^{(Scale and layout)} “. Napríklad v rozbaľovacej ponuke v časti „ Zmeniť veľkosť textu, aplikácií a iných položiek^{(Change the size of text, apps, and other items)} “ vyberte hodnotu 125 % alebo nižšiu.

3] Zmeňte existujúcu sekciu

Ak by ste chceli začleniť určité zmeny do existujúcej sekcie, prejdite na stránku, kde chcete vykonať zmeny.

Ak ešte nie ste v režime úprav, kliknite na „ Upraviť^(Edit) “ v pravom hornom rohu stránky.

Tu si všimnete, že každá časť stránky je označená bodkovanou čiarou. Vyberte sekciu, do ktorej chcete pridať stĺpce, a potom kliknite na položku Upraviť^(Edit) sekciu na ľavej strane stránky.

Teraz v paneli nástrojov „ Sekcia^(Section) “ na pravej strane vyberte požadovaný počet a typ stĺpcov.

Ak by ste si chceli sekciu ešte viac prispôsobiť, teda aby sekcia vyzerala viac vizuálne alebo atraktívnejšie, zvoľte farbu pozadia sekcie. Dostupné farby sú založené na téme vašej stránky.

Pre dosiahnutie najlepších výsledkov sa odporúča nepoužívať farbu pozadia sekcie pre sekcie, ktoré obsahujú tieto webové časti.

4] Pridajte obsah do stĺpca

Ak chcete teraz pridať svoj obsah do stĺpca, uistite sa, že ste v režime úprav^(Edit) .

Ďalej prejdite do stĺpca, do ktorého chcete pridať obsah. Umiestnite kurzor myši na stĺpec a kliknite na znamienko^(Circled) plus v krúžku používané na pridanie modernej webovej časti na stránku.

Vyberte webovú časť, ktorú chcete pridať do stĺpca, a potom do webovej časti pridajte svoj obsah.

Pozri tiež, keď máte obsah v dvoch alebo viacerých stĺpcoch a rozhodnete sa ho skrátiť, tj zmenšiť počet stĺpcov, obsah v stĺpci úplne vpravo sa presunie do ďalšieho stĺpca naľavo. Podobne^(Likewise) , keď to isté zmenšíte len na jeden stĺpec, obsah v druhom alebo treťom stĺpci sa presunie na koniec prvého stĺpca.

(zdroj obrázkov – Office.com)

Týmto spôsobom môžete pridať sekcie a stĺpce na modernú stránku SharePointu^(SharePoint) , aby vyzerala organizovanejšie.

Add sections and columns on a SharePoint Modern Page

Apart frоm having cоntent nеatly arranged and structured, it should be visually appеaling. Modern page experience in SharePoint offers this experіence. Іn today’s post, wе are going to learn how to add sections and сolumns 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.

Cyprián Bielik

About the author

Som webový vývojár s viac ako 10 ročnými skúsenosťami, z toho 8 rokov ako profesionálny softvérový inžinier. Mám tiež skúsenosti s vývojom mobilných aplikácií a hier pre stolné aj mobilné zariadenia. Vo voľnom čase rád hrám videohry a pozerám filmy, počúvam hudbu, čítam knihy a venujem sa záhradke.

Pridajte sekcie a stĺpce na modernú stránku SharePointu

Pridajte^(Add) sekcie a stĺpce na modernú stránku SharePointu^{(SharePoint Modern Page)}