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

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

在 SharePoint 新式頁面上新增含欄的章節,以建立引人注目、井然有序的版面配置。 若要並排顯示內容,您可以在每個區段中新增最多三個欄。 如果您使用的是通訊網站中的頁面,您可以新增全形欄來建立橫跨整個頁面(包括其邊緣)的欄。 您也可以使用不同的欄數來堆疊多個區段。 您甚至可以在右側新增垂直區段,以顯示快速連結、連絡人、天氣、遞減計時器等等等專案。

下列範例左邊有 3 1 欄區段,右側是垂直區段:

含章節的頁面(包括垂直區段)

附註: 在已加入宣告目標發行計畫的組織中,會逐漸推出一些功能。 這表示您可能還無法看到此功能,或看起來可能與說明文章中描述的不一樣。

在頁面上新增含欄的節

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

  2. 如果您還沒有處於 [編輯] 模式,請按一下頁面右上角的 [編輯]。

  3. 將滑鼠游標暫留在頁面標題區域的最左邊,或在現有網頁元件的上方或下方,您會看到一條線,您可以在其中顯示 [新增 ] 的工具提示(如下所示)。

    將游標暫留在網頁元件下方,即可查看 [新增節] 按鈕

  4. 按一下 [ 選取 [+ 新增節] 按鈕以新增節 ]。

  5. 在 [節版面配置] 底下,選取您想要的欄數,或者,如果您位於屬於通訊網站的頁面上,您可以選取全形欄來橫跨整個頁面(包括其邊緣)。

    區段版面配置

附註: 小組網站中的頁面無法使用全形欄。 它只適用于通訊網站中的頁面。

新增垂直區段

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

  2. 如果您還沒有處於 [編輯] 模式,請按一下頁面右上角的 [編輯]。

  3. 將滑鼠游標暫留在頁面標題區域的最左邊,或在現有網頁元件的上方或下方,您會看到一條線,您可以在其中顯示 [新增節] 的工具提示(如下所示):

    將游標暫留在網頁元件下方,即可查看 [新增節] 按鈕

  4. 按一下 [ 選取 [+ 新增節] 按鈕以新增節 ]。

  5. 選取 [節版面配置] 底下的 [垂直章節]。

    [區段版面配置] 窗格中的 [垂直] 區段

附註: 

  • 目前只有頁面右側提供垂直區段。

  • 垂直區段的長度會根據頁面上的內容來調整,並使用非垂直區段中的內容長度來增加或收縮。

  • 在同一頁面上不能有全形欄和垂直區段。

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

變更現有的節

附註: 當您有兩個或多個欄中的內容,然後減少欄數時,最右側欄中的內容會移至左邊的下一欄。 如果您縮小至一欄,第二列或第三欄中的內容將會移至第一欄的底端。

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

  2. 如果您還沒有處於 [編輯] 模式,請按一下頁面右上角的 [編輯]。

  3. 頁面的每個章節都會以虛線標示。 選取您要新增欄的節,然後按一下頁面左側的 [編輯節]。

    按一下 [編輯節] 按鈕開始編輯節

  4. 在右側的 [工具箱] 中,選擇您想要的欄數及類型,如果您想要讓該區段更具吸引力,請選擇章節背景色彩。 可用的色彩是以您的網站主題為基礎。

    [節版面配置] 窗格

附註: 章節背景色彩會透過大多數的網頁元件顯示,就像在下方顯示的文字網頁元件(左側)所示。 其他網頁元件會維持頁面的背景,而不是節。 針對協助工具用途,清單、文件庫及快速圖表網頁元件都將會維持頁面背景(例如下方的快速圖表網頁元件)。 最終允許透過章節背景顯示的網頁元件,但不是今天:網站活動、Yammer 交談、Yammer 醒目提示、清單內容、頁面屬性、群組行事曆、Bing 新聞及 Microsoft Power App。 為了獲得最佳結果,建議您不要針對包含這些網頁元件的節使用章節背景色彩。

章節背景中的文字網頁元件與快速圖表網頁元件範例

新增內容至欄

  1. 如果您還沒有處於 [編輯] 模式,請按一下頁面右上角的 [編輯]。

  2. 移至您要新增內容的欄。

  3. 將滑鼠游標暫留在該列上方,然後按一下 [ 用於將現代化網頁組件新增至頁面的圓形加號 ]。

  4. 選取您要新增至欄的網頁元件,然後將您的內容新增到網頁元件。 瞭解如何使用網頁元件

增進您的 Office 技巧
探索訓練
優先取得新功能
加入 Office 測試人員

這項資訊有幫助嗎?

感謝您的意見反應!

感謝您的意見反應! 我們將協助您與我們的其中一個 Office 支援專員連絡以深入了解您的意見。

×