除了内容整齐排列和结构外,它还应该具有视觉吸引力。SharePoint中的新式页面体验提供了这种体验。在今天的博文中,我们将学习如何将部分和列添加到SharePoint 新式页面(SharePoint Modern Page)。
(Add)在SharePoint 新式页面上(SharePoint Modern Page)添加部分和列
您可以选择自定义SharePoint 新式页面(SharePoint Modern Page),如下所示:
- 将带有列的部分添加到页面
- 添加垂直部分
- 更改现有部分
- 将内容添加到列。
现在,我们将继续通过在SharePoint现代页面上组织布局和添加带有列的部分来创建有吸引力的内容。
1]在页面中添加(Add)一个带有列的部分
转到您要放置或添加列的页面。
选择“编辑(Edit)”选项,在页面右上角可见。
现在,将鼠标悬停在页面标题区域下方或现有 Web 部件上方或下方。应弹出带有圆圈 + 的行并显示以下选项 - '添加新部分(Add a new section)'。
点击圆圈。然后,在“部分布局(Section layout)”下,选择所需的列数。或者,如果您在属于通信(Communication)站点的页面上,请选择一个全宽列以跨越整个页面。
2]添加垂直部分
转到您要添加垂直部分的页面。
将鼠标光标移动到页面标题区域下方的最左侧,或者现有 Web 部件的上方或下方。如前所述,选择“添加新部分(Add a new section)”。
单击圆圈并从“截面布局(Section layout)”中选择“垂直截面(Vertical section)”。
请注意,垂直(Vertical)部分目前仅在页面右侧可用。它的长度根据页面上的内容进行调整,随着非垂直部分的内容长度增加或缩小。
其次,在一个狭窄的浏览器窗口中,一个垂直部分将被移动到页面底部。当您选择自定义此(扩展窗口大小)时,垂直部分将返回到页面的右侧。如果您的屏幕宽度小于 1024 像素,也会发生这种情况。因此,建议在“比例和布局(Scale and layout)”下调整显示设置。例如,在“更改文本、应用程序和其他项目的大小(Change the size of text, apps, and other items)”下的下拉菜单中,选择 125% 或更低的值。
3]更改现有部分
如果您想在现有部分中加入某些更改,请转到您要进行更改的页面。
如果您尚未处于编辑模式,请单击页面右上角的“编辑(Edit)”。
在这里,您会注意到页面的每个部分都用虚线标记。选择要添加列的部分,然后单击页面左侧的编辑部分。(Edit)
现在,在右侧的“部分”工具箱中,选择所需的列数和类型。(Section)
如果您想进一步自定义该部分,即使该部分看起来更具视觉吸引力或更具吸引力,请选择一个部分背景颜色。可用颜色取决于您的站点主题。
为获得最佳效果,建议不要对包含这些 Web 部件的部分使用部分背景颜色。
4]将内容添加到列
如果您现在想将内容添加到列中,请确保您处于编辑(Edit)模式。
接下来,转到要添加内容的列。将鼠标光标悬停在列上,然后单击用于将现代 Web 部件添加到页面的带圆圈的加号。(Circled)
选择要添加到列的 Web 部件,然后将内容添加到 Web 部件。
另请参阅,当您在两列或更多列中有内容时,您选择缩短它,即减少列数,最右侧列中的内容将移动到左侧的下一列。同样(Likewise),当您将其缩减为仅一列时,第二列或第三列中的内容将移至第一列的底部。
(图片来源——Office.com)
通过这种方式,您可以在SharePoint(SharePoint)新式页面上添加部分和列,并使其看起来更有条理。
Add sections and columns on a SharePoint Modern Page
Apаrt from having content neatly аrranged and structured, it should be visually apрealing. Modern page experience in SharePоint offers 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.’
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.