在 SharePoint 新頁面上新增節和欄

在 SharePoint 新頁面上新增具有欄的區段,以建立美觀且井然有序的版面配置。 若要並排顯示內容,您可以在每個區段中新增最多三欄。 如果您正在處理屬於通訊網站一部分的頁面,您可以新增全形欄,建立一個橫跨整個頁面的欄, (包括其邊緣) 。 您也可以堆疊具有不同欄數的多個區段。 您甚至可以在右側添加一個垂直部分,這非常適合顯示快速鏈接、聯繫人、天氣、倒數計時器等內容。

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

包含垂直區段的章節之頁面

注意

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

在頁面中新增章節版面配置

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

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

  3. 在章節框線上,您會看到有一條帶有圓圈 + 的線條,如下所示,其工具提示顯示 [新增區段]。 將游標停留在按鈕上。

    新增章節的按鈕

  4. 選取 [+ 區段]。

  5. 選取您想要的欄數。

    區段類型清單

注意

全形區段無法在屬於小組網站一部分的頁面上使用。 它僅適用於屬於通訊網站一部分的頁面。

新增章節範本

注意

節範本目前僅適用於 Microsoft 365 中的 SharePoint。 此功能不適用於 SharePoint Server 2019 和 SharePoint Server 訂閱版本。

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

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

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

    工具箱中列出的章節範本

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

    章節範本的完整清單

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

新增彈性區段

  1. 移至您要新增彈性區段的頁面。

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

  3. 在章節框線上,您會看到有一條帶有圓圈 + 的線條,如下所示,其工具提示顯示 [新增區段]。 將游標停留在按鈕上。

    新增章節的按鈕

  4. 選取 [+ 區段]。

    具有彈性章節的新章節工具箱

  5. 選取 [彈性]。

  6. 使用內容窗格中的 [工具箱工具箱] 圖示,將網頁組件新增至彈性區段。

  7. 選取剖面工具列中的 「編輯屬性 」,以編輯剖面屬性。

  8. 使用區段右下角的區段調整大小控點來調整區段大小。

    調整彈性節的控點大小

新增垂直章節

注意

垂直區段目前僅適用於 Microsoft 365 中的 SharePoint。 此功能不適用於 SharePoint Server 2019 和 SharePoint Server 訂閱版本。

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

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

  3. 在章節框線上,您會看到有一條帶有圓圈 + 的線條,如下所示,其工具提示顯示 [新增區段]。 將游標停留在按鈕上。

    新增章節的按鈕

  4. 選取 [+ 區段]。

  5. 選取 垂直區段。

    垂直區段在區段類型清單中醒目提示

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

    垂直章節的章節工具列

    垂直區段的屬性窗格

注意

  • 垂直區段目前僅位於頁面右側。
  • 垂直區段的長度會根據頁面上的內容進行調整,並隨著非垂直區段內容的長度而增加或縮小。
  • 您不能在同一頁上有全形欄和垂直章節。
  • 在窄型瀏覽器視窗中,垂直區段會移至頁面底部。 當您將視窗變寬時,垂直區段會回到頁面右側。 如果您的螢幕寬度小於 1024 像素,也會發生這種情況。 請嘗試在 [比例與版面配置] 下調整顯示設定。例如,在 [變更文字、應用程式及其他項目的大小] 下的下拉式清單中,選取 125% 或更低的值。

變更現有節

注意

當您有內容包含兩欄以上,然後減少欄數時,最右邊欄的內容會移至左邊的下一欄。 如果您縮減為一欄,則第二欄或第三欄的內容會移至第一欄的底部。

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

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

  3. 選取您要編輯的區段,然後在區段左上角的工具列中選取 [編輯屬性 ],或選取頁面右側的 [屬性 ] 圖示。

    區段工具列中醒目提示的 [編輯屬性] 按鈕。

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

    顯示更多可用設定的區段屬性窗格。

注意

  • 區段背景色彩會顯示在大部分網頁組件中,如左) 下方 (所示的文字網頁組件。 其他網頁組件會維護頁面的背景,而不是章節的背景。 基於協助工具的用途,[清單]、[文件庫] 和 [快速圖表] Web 組件一律會維持頁面背景。
  • 彈性章節的屬性窗格中不會列出章節版面配置。 彈性不會列在其他章節的版面配置選項中,因為我們不支援在彈性章節類型和其他章節類型之間切換。
  • 最終會允許顯示章節背景但目前無法顯示的網頁組件包括:網站活動、Yammer 交談、Yammer 重點項目、清單屬性、頁面屬性、群組行事曆、Bing 新聞和 Microsoft Power Apps。 為了獲得最佳結果,建議您不要針對包含這些網頁組件的區段使用區段背景色彩。

新增內容至章節

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

  2. 選取工具箱 工具箱 右側 內容窗格中的 圖示以尋找內容。 選取或拖放您想要的網頁組件,然後將內容新增至網頁組件。

    若要深入了解如何尋找及使用網頁組件,請參閱 使用網頁組件。

使區段可摺疊

注意

將區段設為可摺疊目前僅適用於 Microsoft 365 中的 SharePoint。 此功能不適用於 SharePoint Server 2019 和 SharePoint Server 訂閱版本。

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

  2. 選取您要設為可摺疊的章節,然後選取章節工具列中的 [ 編輯內容 ] 或頁面右側的 [內容 ]。

  3. 在 [區段屬性] 中的 [ 將此區段設為可摺疊] 底下,將切換開關開啟。

  4. 將開關切換到所需選項來決定是否要有章節 標題 。 如果是,請在區段頂端輸入名稱,然後調整 標題層級。

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

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

  7. 針對每個區段,將開關切換至所需選項,以決定是否展開或摺疊 預設顯示 。

    已啟用可摺疊設定的區段屬性窗格