Oprócz ładnie ułożonej i uporządkowanej treści, powinna być atrakcyjna wizualnie. Nowoczesne środowisko strony w programie SharePoint^(SharePoint) oferuje to środowisko. W dzisiejszym poście dowiemy się, jak dodawać sekcje i kolumny do nowoczesnej strony programu SharePoint^{(SharePoint Modern Page)} .

Dodaj^(Add) sekcje i kolumny na nowoczesnej stronie SharePoint^{(SharePoint Modern Page)}

Możesz dostosować stronę SharePoint Modern^{(SharePoint Modern Page)} w następujący sposób:

Dodaj sekcję z kolumnami do strony
Dodaj sekcję pionową
Zmień istniejącą sekcję
Dodaj zawartość do kolumny.

Teraz przystąpimy do tworzenia atrakcyjnych treści, organizując układy i dodając sekcje z kolumnami na nowoczesnych stronach SharePoint .

1] Dodaj^(Add) sekcję z kolumnami do strony

Przejdź do strony, na której chcesz umieścić lub dodać kolumny.

Wybierz opcję „ Edytuj^(Edit) ” widoczną w prawym górnym rogu strony.

Teraz umieść wskaźnik myszy poniżej obszaru tytułu strony lub powyżej lub poniżej istniejącego składnika Web Part. Powinna pojawić się linia z zakreślonym + i wyświetlić opcję – „ Dodaj nową sekcję^{(Add a new section)} ”.

Kliknij krąg. Następnie w sekcji „ Układ sekcji^{(Section layout)} ” wybierz żądaną liczbę kolumn. Alternatywnie, jeśli jesteś na stronie, która jest częścią witryny komunikacyjnej^{(Communication)} , wybierz kolumnę o pełnej szerokości, aby obejmowała całą stronę.

2] Dodaj sekcję pionową

Przejdź do strony, na której chcesz dodać sekcję pionową.

Przesuń kursor myszy poniżej obszaru tytułu strony po lewej stronie lub powyżej lub poniżej istniejącego składnika Web Part. Tak jak wcześniej, wybierz opcję „ Dodaj nową sekcję^{(Add a new section)} ”.

Nowoczesna strona SharePoint

Kliknij kółko iz ' Układ sekcji^{(Section layout)} ' wybierz ' Przekrój pionowy^{(Vertical section)} '.

Należy pamiętać, że sekcje pionowe^(Vertical) są obecnie dostępne tylko po prawej stronie strony. Jej długość dopasowywana jest na podstawie treści na stronie, powiększając się lub zmniejszając wraz z długością treści w sekcjach niepionowych.

Po drugie, w wąskim oknie przeglądarki pionowa sekcja zostanie przeniesiona na dół strony. Gdy zdecydujesz się dostosować to (rozszerzyć rozmiar okna), sekcja pionowa powróci do prawej strony strony. Może się to również zdarzyć, jeśli szerokość ekranu jest mniejsza niż 1024 piksele. Dlatego zaleca się dostosowanie ustawień wyświetlania w ' Skala i układ^{(Scale and layout)} '. Na przykład w menu „ Zmień rozmiar tekstu, aplikacji i innych elementów^{(Change the size of text, apps, and other items)} ” wybierz wartość 125% lub niższą.

3] Zmień istniejącą sekcję

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.

Zobacz także, jeśli masz treść w dwóch lub więcej kolumnach i zdecydujesz się ją skrócić, tj. zmniejszyć liczbę kolumn, treść z prawej kolumny zostanie przeniesiona do następnej kolumny po lewej stronie. Podobnie^(Likewise) , gdy zmniejszysz to samo do jednej kolumny, zawartość drugiej lub trzeciej kolumny zostanie przeniesiona na dół pierwszej kolumny.

(źródło obrazu – Office.com)

W ten sposób możesz dodać sekcje i kolumny na nowoczesnej stronie programu SharePoint^(SharePoint) i sprawić, by wyglądała na bardziej zorganizowaną.

Add sections and columns on a SharePoint Modern Page

Αpart from having content neatlу arranged and structured, it should be visually appealing. Modern page experience in SharePoint offers this experience. In todаy’s pоst, we are going to learn how tо add sections аnd 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.

Mieszko Woźniak

About the author

Jestem inżynierem Windows, ios, pdf, błędów, gadżetów z ponad 10-letnim doświadczeniem. Pracowałem nad wieloma wysokiej jakości aplikacjami i frameworkami Windows, takimi jak OneDrive dla Firm, Office 365 i nie tylko. Moja ostatnia praca obejmowała opracowanie czytnika PDF dla platformy Windows i pracę nad tym, aby komunikaty o błędach były bardziej zrozumiałe dla użytkowników. Dodatkowo od kilku lat jestem zaangażowany w rozwój platformy ios i dobrze znam zarówno jej funkcje, jak i dziwactwa.

Dodaj sekcje i kolumny na nowoczesnej stronie SharePoint

Dodaj^(Add) sekcje i kolumny na nowoczesnej stronie SharePoint^{(SharePoint Modern Page)}