使用 SharePoint 頁面上的網頁組件

新增網頁組件

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

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

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

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

   

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

   

6. 按一下 清單檢視或格線檢視的 。 您也可以排序網頁元件，並依下拉式清單中的類別篩選網頁元件。

   

移動或移除網頁元件

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

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

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

   若要移除網頁元件，請選取 [ 刪除網頁元件 ] 按鈕 。 您也可以選取鍵盤上的 DEL 來刪除。

可用的網頁元件

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

作業

[ 作業] 網頁元件 會向學生顯示一個個人化的檢視，讓學生查看他們跨多個班級的預定和到期作業。 學生可以在該班級的 [作業] 應用程式中，選取顯示的作業以跳至其特定作業。 

Bing 地圖服務

Bing 地圖服務網頁元件會在您的頁面上新增地圖。 只要輸入位址或已知名稱，就會顯示您的地圖。 您可以選擇不同的地圖類型，例如道路或空照圖。 您也可以變更縮放比例，或為地圖釘選取好記的名稱。

按鈕圖像

按鈕網頁元件可輕鬆地在頁面上新增含有您專屬標籤和連結的按鈕。

撥號至動作

[ 撥號至動作] 網頁元件 會建立一個按鈕，其中包含使用者的動作通話。

代碼程式碼片段

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

連接器

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

倒數計時器

倒數計時器網頁元件會顯示計數 (或計數) 事件。 您可以新增標題、設定日期格式、新增描述，以及含有連結的 [通話至動作] 按鈕。

分隔線

[分隔線] 網頁元件會在其他網頁元件之間插入一條線，以協助分隔您的頁面並讓頁面更容易閱讀。

文件庫

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

內嵌

[內嵌] 網頁元件會顯示來自 YouTube 影片等其他網站的內容。 視網站而定，您可以使用網站的位址或網站提供的內嵌程式碼。

事件

[ 事件] 網頁元件 可讓您在頁面上新增並顯示即將到來的活動。 您甚至可以包含含有位置、線上會議資訊等功能的地圖。

檔案檢視器

[檔案檢視器] 網頁元件會在您的頁面上插入檔案。 您可以插入的檔案類型包括 Excel、Word、PowerPoint、Visio。PDF、3D 模型、影片等。

群組行事曆

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

主圖

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

醒目提示的內容

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

影像

頁面上的 [圖像] 網頁元件會從您的網站、 OneDrive或硬碟插入圖像。

圖像藝廊

圖像 庫網頁元件 會在頁面上共用圖片集合。 只要選取含有檔案選擇器的影像，或將它們拖曳到網頁元件即可。 建立集錦之後，您可以視需要拖放影像以重新排序。

Kindle 立即預覽

您想在頁面上推薦或升階書籍嗎？ Kindle 立即預覽網頁元件共用 Kindle 書籍的預覽。

連結

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

清單

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

清單屬性

List 屬性網頁元件會連線到同一頁面上的清單網頁元件，並根據使用者選取的專案顯示清單中的專案。

Markdown

Markdown 網頁元件會將文字新增至您的頁面，並使用 Markdown 語言設定其格式。

Microsoft Forms

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

我的摘要

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

新聞

[ 新聞] 網頁元件 能讓您的團隊掌握最新動向，並以重要或有趣的報導吸引他們。 您可以快速建立公告、人物新訊、狀態更新等吸睛的貼文，並在其中包含圖片和豐富的格式設定。

組織圖圖表

使用此網頁元件可選擇要建立圖表的人員，以顯示視覺化的 組織結構 。 您可以指定您要顯示多少報告層級。 

頁面內容

[頁面內容] 網頁元件會提供頁面的相關詳細資料，例如標題、日期、內容類型等。

人員

人員網頁元件會在您的頁面上顯示一組選取的人員及其設定檔。 它可用於連絡人資訊、小組資訊、簡報者等等。

Planner

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

PowerApps

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

Power BI 報表

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

快速圖表

快速圖表網頁元件會將簡單的圖表新增至您的頁面。 輸入您的資料點、新增標籤、挑選圖表類型 -- 直條圖或圓形圖 -- 併發布。

快速連結

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

最近的檔

[ 最近的檔] 網頁元件 會顯示最近新增或編輯的檔。

儲存以供稍後使用

使用者可以「儲存」頁面、新訊文章和檔，以便稍後在 SharePoint 中檢視。 然後，他們可以使用 [儲存 以供稍後 使用] 網頁元件輕鬆檢視儲存的內容。

網站活動

[網站活動] 網頁元件會自動顯示您網站上最近的活動，例如上傳的檔案、所做的編輯、建立的清單和文件庫等等。 只要新增網頁元件，系統就會自動取出最新的活動。

網站

網站網頁元件會在頁面上展示網站。 您可以選取要顯示的特定網站，或是讓網站根據中樞網站關聯或使用者常用的網站動態顯示。

空格字元

空格鍵網頁元件可讓您控制頁面上的垂直空間。

串流 (傳統)

Stream (傳統) 網頁元件會直接在您的頁面上顯示來自您組織傳統) Microsoft Stream (影片入口網站的影片。

文字

[文字] 網頁元件會將段落和表格新增至您的頁面。 您可以使用格式設定選項，例如樣式、專案符號、縮排、醒目提示和連結。

Twitter

Twitter 網頁元件會在您的頁面上顯示與您或您的觀眾相關的推文。

天氣

[ 天氣] 網頁元件 會在您的頁面上顯示目前的天氣。

世界時鐘

[世界時鐘] 網頁元件會顯示世界各地不同位置的時間。

Yammer

如果您的組織有使用中的 Yammer 網路 (例如：www.yammer.com/contoso.com) ， Yammer 網頁元件 會在您的頁面上內嵌 Yammer 交談，藉此加強共同作業。

YouTube

YouTube 網頁元件可輕鬆地在您的頁面上內嵌 YouTube 影片。

您可以連線的網頁元件

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

您可以連線的網頁元件包括：清單內容網頁元件、檔案檢視器網頁元件和內嵌網頁元件。

如需相關資訊和範例，請參閱 連接 SharePoint 中的網頁元件。

網頁元件維護模式

您在頁面上放置的網頁元件有問題嗎？ 嘗試 使用網頁元件維護模式 來協助疑難排解問題。