コンテンツをきちんと整理して構造化することは別として、視覚的に魅力的である必要があります。SharePointの最新のページエクスペリエンスは、このエクスペリエンスを提供します。今日の投稿では、SharePointモダンページ^{(SharePoint Modern Page)}にセクションと列を追加する方法を学習します。

^(Add)SharePointモダンページ^{(SharePoint Modern Page)}にセクションと列を追加する

次のように、 SharePointモダンページ^{(SharePoint Modern Page)}をカスタマイズすることを選択できます。

1. ページに列のあるセクションを追加する
2. 垂直セクションを追加します
3. 既存のセクションを変更する
4. 列にコンテンツを追加します。

次に、 SharePoint^(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パーツに追加します。

また、2つ以上の列にコンテンツがあり、それを短くすることを選択した場合、つまり列の数を減らす場合、右端の列のコンテンツは左側の次の列に移動します。同様^(Likewise)に、同じものを1列だけに減らすと、2列目または3列目のコンテンツが最初の列の一番下に移動します。

（画像ソース– Office.com）

このようにして、 SharePoint^(SharePoint)の最新のページにセクションと列を追加し、より整理された外観にすることができます。

Add sections and columns on a SharePoint Modern Page

Apart from having content neatly arranged and structured, it should be visually appealing. Modern page experience in SharePoint offers this experience. In today’s post, we are going to learn how to add sectіons 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:

1. Add a section with columns to a page
2. Add a vertical section
3. Change an existing section
4. 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.

Related posts

• 文書をSharePoint Siteにアップロードする方法

• SharePointにページを作成する方法

• SharePoint Alertsを管理する方法

• SharePoint search一部のユーザーの結果を返しません

• Web PartをMicrosoft SharePointに追加する方法

• 画像のResize、Decorate、Add Borders、Frames and Watermarks

• Add、Change、Author PropertyのAuthor PropertyのOffice document

• Picture ColorizerのPicture ColorizerのWindows 10を備えたBlack and White Photos

• カスタマイズ方法またはAdd Apps Windows 10 Lock Screenへ

• Rotate PDF、Share PDF、Add Notes Microsoft Edge PDF Viewerを使用する

• Add Disk Cleanup Hard Drivesの右クリックContext Menu

• Windows 10のContext MenuでダウンロードされたファイルのためのAdd Unblock option

• Add、Edit Payment Method、Remove Credit Card Windows Store

• Add Custom Search EngineからChrome or Edge browserへ

• 8GadgetPackを持つWindows 10のAdd Sidebar and Desktop Gadgets

• Classic SharePointページを追加して編集する方法

• SharePoint SharePointライブラリーでOffice文書を開けない

• SharePointで削除済みファイルを回復＆復元する方法

• Customize Folder CustomFoldersのアイコン、Change color、Add Emblems

• GIMPのAdd and Change Canvas background colorの方法