使用 SharePoint 頁面上的網頁組件

新增具有內容窗格 (的網頁組件)

1. 移至您要新增網頁組件的 頁面 。

2. 如果您沒有看到想要的網站頁面，請按一下 [快速啟動] 列上的 [ 網站內容 ]，在內容清單中，按一下 [網站頁面]，然後按一下您想要的頁面。

3. 如果頁面尚未處於編輯模式，請按一下頁面右上方的 編輯 。

4. 在右側工具箱 頂端，您會看到可供選擇的網頁組件精選清單。
   

5. 若要檢視所有網頁組件，請選取 [ 查看所有網頁組件]。 在 [ 搜尋 ] 方塊中輸入，輕鬆找到您要尋找的內容，然後選取或按一下網頁組件並將其拖曳到畫布上。
   

6. 按一下 以取得清單檢視，或按一下 以取得格點檢視。 您也可以排序網頁組件，並從下拉式清單中依類別篩選它們。
   

新增網頁組件 (，而沒有內容窗格)

1. 移至您要新增網頁組件的 頁面 。

2. 如果您沒有看到想要的網站頁面，請按一下 [快速啟動] 列上的 [ 網站內容 ]，在內容清單中，按一下 [網站頁面]，然後按一下您想要的頁面。

3. 如果頁面尚未處於編輯模式，請按一下頁面右上方的 編輯 。

4. 將滑鼠游標移到現有網頁組件的上方或下方，即可顯示包含以圓圈圈出的 [+] 符號的線條，如下所示：

   

5. 按兩下 [+ ]，您會看到可供選擇的網頁組件清單。 若要輕鬆地尋找您要尋找的網頁組件，請開始在 [搜尋] 方塊中輸入。

   

6. 按一下 以取得清單檢視，或按一下 以取得格點檢視。 您也可以排序網頁組件，並從下拉式清單中依類別篩選它們。

   

移動或移除網頁組件

1. 如果您的頁面尚未處於編輯模式，請按一下頁面右上方的 編輯 。

2. 選取您要移動或移除的網頁組件，您會在網頁組件的左側看到一個小型工具列。

   若要移動網頁組件，請選取 [移動網頁組件] 按鈕 ，然後將網頁組件拖曳到頁面上您想要的位置。

   若要移除網頁組件，請選取 [刪除網頁組件] 按鈕 。 您也可以在鍵盤上選擇 DEL 進行刪除。

調整彈性區段中的網頁組件大小

1. 如果您的頁面尚未處於編輯模式，請按一下頁面右上方的 編輯。

2. 選取您要調整大小的網頁組件。

3. 選取網頁組件框線上的調整大小控制碼，然後將調整大小控制碼拖放至所需的網頁組件寬度。
   
   

   附註: 

   • 最小網頁組件寬度會因網頁組件而異。

   • 網頁組件的寬度選項會因網頁組件而異。 某些網頁組件可以調整為任何寬度，而其他網頁組件只有四個寬度選項。

   • 第三方或自訂網頁組件可以新增至彈性區段。 這些網頁組件可以調整大小，但預設只有四個寬度選項。 我們即將發行檔，其中包含如何更新自訂網頁組件的詳細數據，以便將其調整為任何寬度。

在彈性區段中重疊和分組網頁組件

1. 如果您的頁面尚未處於編輯模式，請按一下頁面右上方的 編輯 。 若要調整網頁組件與頁面上其他網頁組件重疊的方式，請按一下網頁組件工具列中的 [ 排列項目 ]。 然後從列表中選擇您想要的結果。
   
   

2. 若要一起編輯兩個或多個網頁組件，請選取一個網頁組件，然後按住 Control (Windows) 或 Option (Mac) 在鍵盤上選取其他網頁組件。 然後，您可以使用共用工具列來移動、排列、分組、複製或刪除網頁組件。
   
   

3. 如果您在 [排列專案] 下拉式清單下選取 [群組]，網頁元件群組將會保留。 未來，當您選取群組中的網頁組件時，將會選取群組。 然後，您可以再次按一下群組中的網頁組件，以選取並編輯群組中的個別網頁組件。
   
   

可用的網頁組件

以下是您可以在頁面上使用的網頁組件清單，以及每個網頁組件詳細資訊的連結。

作業

作業網頁元件會向學生顯示跨多個班級即將進行和到期作業的個人化檢視。 學生可以選取顯示的作業，以跳至該班級的「作業」App 中的特定作業。

代理連結

代理程式連結網頁元件可讓網站擁有者將代理程式放在 SharePoint 頁面上。 當您按一下連結時，代理程式會在主頁旁邊的窗格中開啟。 代理程式連結網頁元件可協助您在網站內尋找和使用代理程式，讓您在最需要的時間和地點更輕鬆地取得內容說明。

必應地圖

Bing 地圖服務網頁元件會將地圖新增至您的頁面。 只需輸入地址或知名名稱，您的地圖就會出現。 您可以選擇不同的地圖類型，例如道路或空中地圖。 您也可以變更縮放層級，或為地圖圖釘指定易記名稱。

按鈕

按鈕網頁組件可輕鬆地將按鈕新增至具有您自己的標籤和連結的頁面。

行動信號

行動號召網頁組件會為使用者建立具有行動號召的按鈕。

程式碼片段

程式碼片段網頁元件可以輕鬆地將程式碼顯示為頁面上的文字，供其他人使用或學習。 您可以選擇代碼語言和深色或淺色主題。 此網頁組件甚至會自動更正語法。

連接器

透過 連接器網頁組件，您可以在群組連線的小組網站頁面上，從您最愛的外部服務取得訊息、警示和通知。 例如，您可以顯示來自 Trello 和 Facebook 等服務的更新、在 RSS 摘要中發布新內容時的警報、來自 JIRA 或 GitHub 的通知，甚至是來自 Salesforce 和 Google Analytics 的摘要。

交談

交談網頁元件具有多種交談類型和更具互動式的使用者體驗。 Viva Engage 交談和Viva Engage醒目提示網頁元件會共同運作，以增強 Microsoft 365 頁面中新式 SharePoint 的共同作業。 當您想要使用者參與互動式交談而不離開 SharePoint 頁面時，請使用此網頁組件。

倒數計時器

倒 數計時器網頁組件 會顯示倒數計時 (或倒數) 事件。 您可以新增標題、設定日期格式、新增描述，以及帶有連結的號召性用語按鈕。

分隔線

分隔線網頁組件會在其他網頁組件之間插入一行，以協助分割頁面並使其更易於閱讀。

文件庫

文件庫網頁組件會顯示文件庫，您可以使用自己的標題、檢視和大小進行自訂。 具有適當許可權的使用者可以直接從網頁元件檢視或編輯檔案，也可以按一下 [ 查看全部] 移至完整的文件庫。

內嵌

內嵌網頁組件會在您頁面上顯示來自其他網站 （例如 YouTube 影片） 的內容。 視網站而定，您可以使用網站的位址或網站提供的內嵌程式碼。

事件

事件網頁元件可讓您在頁面上新增和顯示即將發生的事件。 您可以包含包含位置、線上會議資訊等的地圖。

Viva Connections 的摘要

Viva Connections 網頁元件的摘要旨在收集和顯示來自 SharePoint 上的來源、Viva Engage 和 Stream (在 SharePoint 上) 的內容，以 SharePoint 網站和 Viva Engage 社群為基礎，以單一個人化檢視體驗為基礎跟。

檔案和媒體

[檔案和媒體] 網頁元件會在頁面上插入檔案。 您可以插入的文件類型包括 Excel、 Word、 PowerPoint、Visio、.PDF、3D 模型、視頻等。

群組行事曆

群組行事曆網頁元件會將群組行事曆放在您的頁面上，讓讀者輕鬆看到。

主圖

主圖網頁組件是為頁面帶來焦點和視覺趣味的絕佳方式。 您最多可以在主圖網頁元件中顯示五個專案，並使用引人注目的影像、文字和連結來吸引每個專案的注意。 [主圖] 網頁組件預設會包含在通訊網站中，但您也可以將 [主圖] 網頁組件新增到其他頁面。

醒目提示的內容

醒 目提示內容網頁組件 會根據文件、頁面、新聞、影片、影像等 (內容類型動態顯示內容 ) 篩選或搜尋字串。 您也可以將搜尋範圍設定為網站或網站集合，並排序結果。

重點

使用 [醒目提示] 網頁元件，將 Viva Engage 體驗新增至您的 SharePoint 網站。 Viva Engage 醒目提示網頁元件可讓您提供作用中交談的快速概觀，以及特定群組或交談的目標入口網站。 Viva Engage [交談] 網頁元件可讓使用者檢視整個交談，並開始各種類型的新交談， (問題、投票和讚美) 。

影像

頁面上的影像網頁組件會在頁面上插入影像，來自您的網站、 OneDrive或硬碟。

圖像藝廊

影像庫網頁元件會共用頁面上的圖片集合。 只需使用檔案選擇器選取影像，或將它們拖曳到網頁元件上即可。 創建收藏後，您可以拖放圖像以根據需要重新排序它們。

Kindle 即時預覽

您有想要在頁面上推薦或推廣的書嗎？ Kindle 即時預覽網頁組件會共用 Kindle 書籍的預覽。

連結

[連結] 網頁組件會新增內部或外部頁面、視訊、影像或檔的連結。

清單

清單網頁組件會顯示清單，您可以使用自己的標題、檢視甚至大小進行自訂。 使用者可以檢視清單，或按一下「 查看全部」以移至完整清單。

清單屬性

清單屬性網頁組件會連線到相同頁面上的清單網頁組件，並根據使用者選取的內容顯示清單中的項目。

降價

Markdown 網頁元件會將文字新增至您的頁面，並可讓您使用 Markdown 語言來格式化它。

Microsoft Forms

Microsoft Forms 網頁元件可以在頁面上建立問卷、測驗和投票。 您也可以收集對表單的回應並顯示表單結果。

Microsoft PowerApps

Microsoft PowerApps 是一項服務，可讓您建置在瀏覽器、手機或平板電腦上執行的商務應用程式，而不需要編碼經驗。 使用服務建立或自訂應用程式之後，您可以使用 Microsoft PowerApps 網頁元件將它新增至 SharePoint 頁面。 只需輸入應用程式的網址或應用程式 ID，然後調整應用程式大小以適合頁面即可。

我的動態消息

[我的摘要] 網頁元件會根據在任何指定時間可能與目前使用者最相關的內容，顯示來自 Microsoft 365的內容組合。

新聞

新聞網頁部分可讓您的小組隨時掌握最新動態，並讓他們參與重要或有趣的故事。 您可以快速建立公告、人物新訊、狀態更新等吸睛的貼文，並在其中包含圖片和豐富的格式設定。

Office 365 連接器

Office 365 連接器網頁組件可讓您在群組連線的小組網站頁面上，從您最愛的外部服務取得訊息、警示和通知的簡單方法。 您可以顯示來自服務的更新、RSS 摘要中的警示、來自 JIRA 或 GitHub 的通知，甚至顯示來自 Salesforce 和 Google Analytics 的摘要。

組織圖圖表

使用 組織圖網頁組件 ，選擇要建置圖表的人員，以顯示視覺化組織圖。 您可以指定要顯示的報告層級數目。

頁面屬性

頁面屬性網頁組件提供頁面的詳細數據，例如標題、日期、內容類型等等。

人員

人員網頁元件會在您的頁面上顯示選取的人員群組及其設定檔。 它可用於聯繫信息、團隊信息、演示者等。

Planner

Planner 網頁元件會使用 Microsoft Planner 在頁面上新增小組的工作和指派。

Power BI 報表

Power BI 網頁組件可輕鬆地在您的頁面上內嵌互動式 Power BI 報表。 內嵌報告完全安全，因此您可以輕鬆建立安全的內部入口網站。

快速圖表

快速圖表網頁組件會將簡單的圖表新增至您的頁面。 輸入您的數據點、添加標籤、選擇您的圖表類型 (列或餅圖) 並發布。

快速連結

快速連結網頁組件會將專案「釘選」到您的頁面，以便輕鬆存取。

最近的文件

[最近使用的文件] 網頁組件會顯示最近新增或編輯的文件。

保存以備後用

[ 儲存以供稍後使用 網頁組件 ] 可讓使用者儲存頁面、新聞文章和檔，以便稍後使用此網頁組件在 SharePoint 中檢視。

網站活動

網站活動網頁組件會自動顯示您網站上最近的活動，例如上傳的檔案、進行的編輯、建立的清單和文件庫等等。 只要新增網站活動網頁組件，就會自動提取最新的活動。

網站

網站網頁 元件 可讓您在中樞網站使用中時自動顯示與中樞網站相關聯的網站 () ，或目前使用者最近的網站 (，這些網站與使用者的 SharePoint 首頁) 上顯示的網站相同。 您可以選取要顯示的特定網站，或根據中樞網站關聯或使用者經常使用的網站動態顯示網站。

空格字元

間隔器網頁組件可讓您控制頁面上的垂直空間。

Stream (經典)

Stream (傳統) 網頁組件會從組織的 Microsoft Stream (傳統) 視訊入口網站，直接在您的頁面上顯示視訊。

文字

文字網頁組件會將段落和表格新增至您的頁面。 可以使用格式選項，例如樣式、項目符號、縮排、突出顯示和鏈接。

天氣

天氣網頁組件會顯示頁面上的目前天氣。

世界時鐘

世界時鐘網頁組件顯示世界各地不同位置的時間。

YouTube

YouTube 網頁部分可以輕鬆地將 YouTube 視頻直接嵌入到您的頁面上。

您可以連線的網頁組件

您可以將某些網頁組件彼此連線，為頁面檢視器建立互動式和動態體驗。 例如，您可以將文件庫網頁元件連線到檔案和媒體檢視器網頁元件。 當使用者按一下 [文件庫] 清單中的檔案名稱時，[檔案和媒體] 檢視器會顯示該特定檔案的內容。 或者，將清單網頁元件或文件庫網頁元件連線到內嵌網頁元件，並新增各種動態體驗的自訂程式碼。

您可以連線的網頁組件包括：清單屬性網頁組件、檔案和媒體檢視器網頁組件，以及內嵌網頁組件。

如需資訊和範例，請參閱 在 SharePoint 中連線網頁組件。

網頁組件維護模式

您放在頁面上的網頁組件有問題嗎？ 請嘗試 使用 Web 組件維護模式 來協助針對問題進行疑難排解。