在 SharePoint 新式頁面上新增節和欄

在 SharePoint 新式頁面上新增含有欄的節,以建立美觀且井然有序的版面配置。 若要並排顯示內容,您最多可以在每個區段新增三欄。 如果您使用的頁面屬於通訊網站的一部分,您可以建立橫跨整個頁面的欄, (包括其邊緣) ,方法是新增全角欄。 您也可以堆疊多個不同欄數的區段。 您甚至可以在右側新增垂直區段,以便顯示快速鏈接、連絡人、天氣、倒數定時器等專案。

下列範例左側有三個單欄區段,右側有一個垂直區段:

包含垂直節的節頁面

附註: 部分功能會逐步提供給選擇加入「已設定目標發行計劃」的組織。 這表示您可能還無法看到此功能,或看起來可能與說明文章中描述的不一樣。

新增節版面配置至頁面

  1. 移至您要新增節的頁面。

  2. 如果您已經在編輯模式中記筆記,請選取頁面右上角的 [編輯 ]。

  3. 在節框線上,您會看到一條圓圈 +的線條,像這樣會顯示 [新增區段] 的工具提示。將游標暫留在按鈕上。 新增節的按鈕

  4. 選取 + 節。

  5. 選取您要的欄數。 節類型清單

附註: 在屬於小組網站的頁面上無法使用全角節。 它只能在屬於通訊網站的頁面上使用。

新增節範本

附註: 章節範本目前僅適用於 Microsoft 365 中的 SharePoint。 SharePoint Server 2019和 SharePoint Server 訂閱版本 中無法使用此功能。

  1. 移至您要新增節範本的頁面。

  2. 如果您尚未處於編輯模式,請選取頁面右上角的 [編輯 ]。

  3. 流覽至右側的工具箱 內容窗格中的工具箱圖示。 您會在工具箱底部看到兩個節範本。 若要使用其中一個範本,請選取範本。 工具箱中列出的節範本

  4. 若要查看更多節範本,請選 取 [查看所有節範本],然後從清單中選取最符合您需求的範本。 節範本的完整清單

  5. 將該範本新增至頁面后,將所需的內容插入範本的每個欄位。

新增垂直區段

附註: 垂直區段目前僅適用於 Microsoft 365 的 SharePoint。 SharePoint Server 2019和 SharePoint Server 訂閱版本 中無法使用此功能。

  1. 移至您要新增垂直節的頁面。

  2. 如果您尚未處於編輯模式,請選取頁面右上角的 [編輯 ]。

  3. 在節框線上,您會看到一條圓圈 +的線條,像這樣會顯示 [新增區段] 的工具提示。將游標暫留在按鈕上。 新增節的按鈕

  4. 選取 + 節。

  5. 選取 [垂直] 區段。 節類型清單中醒目提示的垂直區段

  6. 在窄瀏覽器視窗中,可將垂直區段移至頁面底部或頂端。 選取節工具列中的 [編輯 屬性],選擇當瀏覽器視窗縮小為較小的大小時,選擇垂直區段是移至頁面頂端還是底部。  垂直區段的節工具列 垂直區段的 [內容] 窗格

附註: 

  • 垂直區段目前僅適用於頁面右側。

  • 垂直區段的長度會根據頁面上的內容來調整,並隨著非垂直節中內容的長度而增加或縮小。

  • 您無法在同一頁上擁有全角欄和垂直區段。

  • 在窄瀏覽器視窗中,垂直區段會移至頁面底部。 當您讓視窗變寬時,垂直區段會回到頁面右側。 如果您的螢幕寬度小於 1024 px,也可能會發生這種情況。 嘗試在 [縮放比例與版面配置] 底下調整顯示設置。 例如,在 [變更文字、應用程式及其他專案的大小] 下拉式清單中,選取 125% 或更低的值。

變更現有的節

附註: 當您將內容放在兩欄或多欄,然後減少欄數時,最右邊大部分欄的內容會移至左側的下一欄。 如果您縮減為一欄,第二欄或第三欄的內容會移至第一欄的底部。

  1. 移至您要變更節的頁面。

  2. 如果您尚未處於編輯模式,請選取頁面右上角的 [編輯 ]。

  3. 選取您要編輯的節,然後選取節左上角工具列中的 [編輯屬性 ],或選取頁面右側的 [內容 ] 圖示。 區段工具列中醒目提示的 [編輯內容] 按鈕。

  4. 在節屬性中,選擇您想要的欄數和類型來編輯您的節。 您也可以對齊節中的內容,並選擇或上傳節背景。 前四種背景色彩是根據您的網站主題而定。 系統會自動新增重疊,讓文字在漸層色彩或影像設定為背景時更容易閱讀。 顯示更多可用設定的 [節內容] 窗格。

附註: 

  • 區段背景色彩會顯示在大部分網頁元件,如顯示在左) 下方 (文字網頁元件中。 其他網頁元件則會維護頁面背景,而非節。 為了輔助功能目的,[列表]、[文檔庫] 和 [快速圖表] 網頁元件一律會維護頁面背景。

  • 最終允許區段背景顯示的網頁元件,但目前不會顯示:網站活動、Yammer 交談、Yammer 醒目提示、清單內容、頁面內容、群組行事歷、Bing 新聞,以及 power Apps Microsoft。 為獲得最佳結果,建議您不要針對包含這些網頁元件的節使用節背景色彩。

新增內容至欄

  1. 如果您尚未處於編輯模式,請選取頁面右上角的 [編輯]。

  2. 選取右側的 [工具箱 內容窗格中的工具箱圖示] 以尋找內容。 選取或拖放您想要的網頁元件,然後將內容新增至網頁元件。若要深入瞭解如何尋找及使用網頁元件,請參閱 使用網頁元件。

讓節可折疊

附註: 目前僅在 Microsoft 365 的 SharePoint 中提供可折疊的節。 SharePoint Server 2019和 SharePoint Server 訂閱版本 中無法使用此功能。

  1. 如果您尚未處於編輯模式,請選取頁面右上角的 [編輯]。

  2. 選取您要折疊的節,然後在頁面右側的節工具列或 [內容] 中選取 [編輯屬性]。

  3. 在 [節內容] 的 [使此區段可折迭] 底下,開啟切換開關。

  4. 將切換開關切換到所要的選項,以決定是否要有節 標題 。 若是如此,請在節頂端輸入名稱,然後調整 標題標題層級。

  5. 切換開啟或關閉區段之間的顯示分隔線,選擇是否要啟用區段之間的分隔線

  6. 選取 [左] 或 [右],選擇展開/折圖示對齊方式。

  7. 針對每個區段,將切換開關切換到所要的選項,以決定 [預設] 顯示器 是否會展開或折疊。 啟用可折疊設定的 [節內容] 窗格

Need more help?

Want more options?

探索訂閱權益、瀏覽訓練課程、瞭解如何保護您的裝置等等。

社群可協助您詢問並回答問題、提供意見反應,以及聆聽來自具有豐富知識的專家意見。