新增、編輯、最小化或刪除傳統頁面的網頁組件
Applies ToSharePoint Server 訂閱版本 SharePoint Server 2019 SharePoint Server 2016 SharePoint Server 2013 企業版 SharePoint Foundation 2013 SharePoint Server 2010

若要自定義 Microsot SharePoint 網站上的頁面,您可以新增或變更網頁元件。 網頁組件可讓您在頁面中加入各種不同的功能,例如,不需撰寫程式碼即可在頁面上顯示文件庫與圖表。

附註:  如果您正在使用 SharePoint 在 Microsoft 365 中,請參 閱在現代化頁面上使用網頁元件

新增網頁組件至頁面

您至少要加入網站預設的 <網站名稱> 成員 SharePoint 群組取得其權限,才可編輯頁面。

  1. 流覽至您要編輯網頁元件的頁面。 如果 [ 頁面] 索引 標籤出現在頂端,請按兩下 [ 頁面 ],然後按兩下 [ 編輯]。 您也可以按下頁面右上角的 [ 編輯 ] 命令。 編輯

    如果 [ 頁面] 索引標籤 或 [ 編輯] 命令都不存在,請按兩下 [ 設定 Office 365 設定按鈕 ,然後按兩下 [編輯頁面]

    附註: [編輯] 命令停用,這表示您不具有編輯頁面的權限。 請連絡系統管理員。

  2. 在頁面中按一下要新增網頁組件的位置,然後按一下 [插入] 索引標籤,再按一下 [網頁組件]。

    插入網頁組件

  3. 在 [類別] 底下,選取 [應用程式] 等類別,選取您要新增至頁面的網頁元件,例如 [ 網站資產],然後按兩下 [ 新增]。 當您選取網頁元件時,網頁元件的相關信息會顯示在 [ 關於] 部分中

    網頁組件類別

  4. 當您完成編輯頁面時,請在 [ 文字格式 ] 索引標籤上,按兩下 [ 儲存]

您可以設定為預設最小化頁面上的網頁組件。 如果頁面外觀太過擁擠,即可執行這項動作。 頁面讀者可以在閱讀該頁面時還原網頁組件。 當他們關閉再開啟頁面時,網頁組件仍會呈現最小化的狀態。

  1. 流覽至您要編輯網頁元件的頁面。 如果 [ 頁面] 索引 標籤出現在頂端,請按兩下 [ 頁面 ],然後按兩下 [ 編輯]。 您也可以按下頁面右上角的 [ 編輯 ] 命令。 編輯

    如果 [ 頁面] 索引標籤 或 [ 編輯] 命令都不存在,請按兩下 [ 設定 Office 365 設定按鈕 ,然後按兩下 [編輯頁面]

  2. 在頁面上,指向網頁元件,按兩下網頁元件系結方塊右側角落的向下箭號 網頁組件編輯向下箭號 ,然後按兩下 [ 最小化]。 您還原清單或文件庫的方式相同。

    醒目提示最小化的網頁元件功能表

  3. 當您完成編輯頁面時,請在 [ 文字格式 ] 索引標籤上,按兩下 [ 儲存]

    下圖是網站摘 網頁元件最小化的頁面範例。

    最小化的網頁組件

  1. 流覽至您要編輯網頁元件的頁面。 如果 [ 頁面] 索引 標籤出現在頂端,請按兩下 [ 頁面 ],然後按兩下 [ 編輯]。 您也可以按下頁面右上角的 [ 編輯 ] 命令。 編輯

    如果 [ 頁面] 索引標籤 或 [ 編輯] 命令都不存在,請按兩下 [ 設定 Office 365 設定按鈕 ,然後按兩下 [編輯頁面]

  2. 在頁面上指向網頁元件,按兩下網頁元件系結方塊右側角落的向下箭號 網頁組件編輯向下箭號 ,然後按兩下 [編輯網頁元件]

    醒目提示的網頁組件編輯功能表
  3. 您會在畫面右側看到網頁元件編輯列。 您可以從這裡變更檢視、外觀、版面配置及許多其他屬性。 如果您在頁面上編輯網頁元件的方式是向下移動,您可能需要向上卷動以查看網頁元件編輯列。

附註:  這個程序並不會刪除網站中的網頁組件。 它只會從頁面中刪除

  1. 在頁面上尋找並按兩下 [ 編輯] 命令。

  2. 指向您要從頁面移除的網頁元件,按下向下箭號,然後按兩下 [刪除]

    刪除網頁組件

  3. 當您完成編輯頁面時,請在 [ 文字格式 ] 索引標籤上,按兩下 [ 儲存]

如果您是 SharePoint 開發人員,並想要建立自己的網頁元件,請查看這些連結。

需要更多協助嗎?

想要其他選項嗎?

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

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