使用 SharePoint 頁面上的網頁組件
套用到
當你 在網站上新增現代頁面時,你就是新增並自訂網頁部分,這些是你頁面的基石。 你可以使用本文列出的網頁部分,新增 文字、 圖片、 檔案、 影片、動態內容等。
附註:
-
部分功能會逐步引入給已選擇加入 目標發布計畫的組織。 這表示你可能還沒看到這個功能,或者它看起來和說明文章中描述的不同。
-
本文中的網頁部分尚未提供給經典頁面使用。
用內容窗格新增一個網頁零件 ()
-
請前往你想新增網頁部分的 頁面 。
-
如果你找不到想要的網站頁面,請在快速啟動欄中的內容列表中點選 網站內容 ,點選 網站頁面,然後點擊你想要的頁面。
-
如果頁面尚未進入編輯模式,請點擊頁面右上角的 編輯 。
-
在右側工具箱
頂端,你會看到一份精選的網頁零件清單。 -
要查看所有網頁部分,請選擇 「查看所有網頁部分」。 只要在 搜尋 框輸入,然後選取或點擊拖曳網頁部分到畫布上,就能輕鬆找到你想要的內容。
-
點擊
可查看清單視圖,點擊 可查看格狀視圖。 你也可以從下拉選單中排序網頁部分並依類別篩選。
新增一個網頁零件 (,但沒有內容面板)
-
請前往你想新增網頁部分的 頁面 。
-
如果你找不到想要的網站頁面,請在快速啟動欄中的內容列表中點選 網站內容 ,點選 網站頁面,然後點擊你想要的頁面。
-
如果頁面尚未進入編輯模式,請點擊頁面右上角的 編輯 。
-
將滑鼠游標移到現有網頁組件的上方或下方,即可顯示包含以圓圈圈出的 [+] 符號的線條,如下所示:
-
點擊 + 你會看到一份可選擇的網頁零件清單。 為了輕鬆找到你想要的網頁部分,請開始在 搜尋 框中輸入。
-
點擊
可查看清單視圖,點擊 可查看格狀視圖。 你也可以從下拉選單中排序網頁部分並依類別篩選。
附註: 這種新增網頁零件的方法無法在彈性區段中提供。 你必須使用內容面板工具箱
移動或移除網狀部分
-
如果你的頁面還沒進入編輯模式,請點擊頁面右上角的 編輯 。
-
選擇你想移動或移除的網頁零件,你會在網頁零件左側看到一個小工具列。
要移動網頁部分,請選擇「 移動網頁部分 」按鈕
,然後將網頁部分拖到你想要的位置。要移除網頁零件,請選擇 刪除網頁零件 按鈕
。 你也可以選擇鍵盤上的 DEL 來刪除。
調整彈性區塊的網頁部分大小
-
如果你的頁面還沒進入編輯模式,請點擊頁面右上角的編輯。
-
選擇你想調整大小的網頁部分。
-
在網頁部分邊框選擇一個調整大小的握柄,然後拖曳調整大小的握柄到想要的網狀部分寬度。
附註:
-
不同網頁部分的最小寬度會有所不同。
-
網體零件的寬度選項因網件而異。 有些網狀零件可以調整到任意寬度,而有些則只有四寬度選項。
-
第三方或自訂網頁部分可以加入彈性區塊。 這些網狀部分可以調整大小,但預設只有四個寬度選項。 我們很快會發布文件,說明如何更新自訂網頁部分,使其能調整為任意寬度。
-
重疊與將網狀部分分組成柔性區段
-
如果你的頁面還沒進入編輯模式,請點擊頁面右上角的 編輯 。 要調整網頁部分與頁面上其他部分的重疊方式,請點擊網頁部分工具列中的 「排序項目 」。 然後從清單中選擇你想要的結果。
-
要同時編輯兩個或多個網頁部分,選擇一個網頁部分,然後在鍵盤上按 住 Control (Windows) 或 Mac () 選項 ,同時選擇其他網頁部分。 接著你可以使用共用工具列移動、排列、分組、複製或刪除這些網頁部分。
-
如果你在「排序項目」下拉選單選擇群組,網頁零件群組會持續存在。 未來當你在群組中選擇網頁部分時,該群組也會被選取。 接著你可以再次點擊群組中的網頁部分,選擇並編輯該群組中的個別網頁零件。
可用的網頁部分
以下是你可以在頁面上使用的網頁部分清單,以及每個網頁部分的更多資訊連結。
作業
作業網頁部分會為學生展示他們即將完成及多門課作業的個人化視圖。 學生可以在作業應用程式中選擇顯示的作業,跳轉到該課程的指定作業。
附註: 作業網頁部分僅提供給 EDU 客戶。
林克特工
代理連結網頁部分允許網站擁有者將代理放在 SharePoint 頁面上。 點擊連結後,代理人會在主頁旁的窗格中開啟。 代理連結網頁部分幫助你在網站上找到並使用代理,讓你在最需要的時候和地點更容易獲得情境幫助。
按鈕圖像
按鈕網頁部分可以輕鬆在你的頁面上加上一個帶有標籤和連結的按鈕。
附註: 按鈕網頁部分在 SharePoint Server 2019中無法取得。
行動信號
行動 呼籲網頁部分 會為使用者建立一個按鈕,裡面有行動呼籲。
附註: 行動呼籲網頁部分在 SharePoint Server 2019中無法提供。
程式碼摘要
程式碼摘要網頁部分輕鬆將程式碼以文字形式顯示在你的頁面上,供他人使用或學習。 你可以選擇程式碼語言和深色或淺色主題。 這個網頁部分甚至能自動修正語法。
附註: 程式碼摘要網頁部分在 SharePoint Server 2019中無法取得。
連接器
透過 Connectors 網頁部分,你可以在群組連結的團隊網站頁面上接收來自你喜愛外部服務的訊息、警示和通知。 例如,你可以顯示 Trello 和 Facebook 等服務的更新;RSS 訂閱源中發布新內容時的提醒;JIRA 或 GitHub 的通知;甚至是 Salesforce 和 Google Analytics 的摘要。
附註: Connectors 網頁部分僅在群組連結的團隊網站上提供。 它在通訊網站或 SharePoint Server 2019任何網站上都無法取得。
交談
對話網頁部分具備多種對話類型及更具互動性的使用者體驗。 Viva Engage 對話與Viva Engage重點網頁部分協同合作,提升您現代 SharePoint in Microsoft 365 頁面上的協作。 當你希望使用者能參與互動對話而不離開你的 SharePoint 頁面時,可以使用這個網頁部分。
倒數計時器
倒 數計時器網頁部分 會顯示 (倒數計時) 事件。 你可以新增標題、設定日期格式、添加描述,以及帶有連結的行動呼籲按鈕。
附註: 倒數計時器網頁部分在 SharePoint Server 2019中無法取得。
分隔線
分隔器網頁部分會在其他網頁部分之間插入一條線,幫助拆分頁面並讓閱讀更順暢。
文件庫
文件庫網頁部分顯示一個你可以自訂標題、檢視和大小的文件庫。 擁有適當權限的使用者可直接從網頁部分查看或編輯檔案,或點擊 「全部」進入完整文件庫。
內嵌
嵌入網頁部分會顯示你頁面上其他網站的內容,例如YouTube影片。 根據網站不同,你可以使用該網站的網址或嵌入網站提供的程式碼。
事件
活動 網頁部分 允許你在頁面上新增並展示即將舉辦的活動。 你可以附上包含地點地圖、線上會議資訊等資訊。
Viva Connections 的訂閱
Viva Connections 的訂閱源網頁部分設計用來收集並顯示來自 SharePoint Viva Engage 和 Stream (的 SharePoint) 上的內容,形成一個基於您追蹤的 SharePoint 網站與Viva Engage社群的個人化瀏覽體驗。
檔案與媒體
檔案與媒體網頁部分會在你的頁面上插入檔案。 你可以插入的檔案類型包括 Excel、 Word、 PowerPoint、Visio 等。PDF、3D 模型、影片等。
附註: 注意:在 SharePoint Server 2019中,可插入的檔案類型僅限於 Word、Excel和PowerPoint, (特別是 .doc、.docx。 XLS、.xlsx、.pot、.potx、.ppt 和 .pptx) 。
群組行事曆
群組行事曆網頁部分會直接在你的頁面上放置群組行事曆,讓讀者輕鬆瀏覽。
附註: 群組行事曆網頁部分在 SharePoint Server 2019中無法使用。
主圖
英雄網頁部分是為你的頁面帶來焦點和視覺趣味的絕佳方式。 你可以在英雄網頁部分展示最多五個項目,並使用引人注目的圖片、文字和連結來吸引注意。 [主圖] 網頁組件預設會包含在通訊網站中,但您也可以將 [主圖] 網頁組件新增到其他頁面。
醒目提示的內容
重點內容網頁部分會根據文件、頁面、新聞、影片、圖片等 (篩選或搜尋字串動態顯示內容 ) 。 你也可以將搜尋範圍設為網站或網站集合,並排序結果。
重點
使用 Highlights 網頁部分,將 Viva Engage 體驗加入您的 SharePoint 網站。 Viva Engage Highlights 網頁部分讓你能快速瀏覽活躍對話,並提供針對特定群組或對話的入口。 Viva Engage對話網頁部分允許用戶瀏覽完整對話,並開啟各種問題、投票 (讚美) 新對話。
影像
頁面 上的圖片網頁部分 會在頁面上插入圖片,無論是來自你的網站、 OneDrive或硬碟。
圖像藝廊
圖片庫網站部分會在頁面上分享圖片集合。 只要用檔案選擇器選取圖片,或拖到網頁部分即可。 建立完收藏後,你可以拖放圖片,根據需要重新排序。
Kindle 即時預覽
你有想推薦或推廣的書籍嗎? Kindle 即時預覽網頁部分分享了一本 Kindle 書籍的預覽。
附註: Kindle 即時預覽網頁部分在 SharePoint Server 2019上無法使用。
連結
連結網頁部分會新增連結至內部或外部頁面、影片、圖片或文件。
附註: Link 網頁部分在 SharePoint Server 2019中無法取得。
清單
清單網頁部分會顯示一個清單,你可以自訂標題、視圖甚至大小。 使用者可以查看該清單,或點擊 「全部」進入完整清單。
列表屬性
List properties 網頁部分會連接到同一頁面的 List 網頁部分,並根據使用者選擇的項目顯示清單中的項目。
附註: SharePoint Server 2019上無法取得「清單屬性」網頁部分。
地圖
「使用地圖」網頁部分會為你的頁面新增地圖。 只要輸入地址或知名姓名,地圖就會顯示出來。 你可以選擇不同的地圖類型,例如道路或衛星地圖。 你也可以調整縮放等級,或給地圖標記取個友善的名字。
附註: 地圖網頁部分在 SharePoint Server 2019中無法提供。
折扣
Markdown 網頁部分會為你的頁面新增文字,並允許你用 Markdown 語言格式化。
附註: Markdown 網頁部分在 SharePoint Server 2019中無法取得。
Microsoft Forms
Microsoft Forms 網頁部分可以在頁面上建立問卷調查、測驗和投票。 你也可以收集表格的回應並展示表格結果。
附註: Microsoft Forms網頁部分在 SharePoint Server 2019中無法取得。
Microsoft PowerApps
Microsoft PowerApps 是一項服務,讓你能在瀏覽器、手機或平板上建立商業應用程式,且不需要任何程式設計經驗。 當你使用該服務建立或自訂應用程式後,就可以將它加入 SharePoint 頁面,並附上 Microsoft PowerApps 網頁部分。 只要輸入應用程式的網址或應用程式 ID,然後調整應用程式大小以符合頁面大小即可。
附註: PowerApps網頁部分在 SharePoint Server 2019中無法取得。
我的動態
「我的動態」網頁部分會根據目前使用者最可能相關的內容,從 Microsoft 365中混合而成。
重要: 我的 Feed 網頁部分很快就要退休了。 從 2025 年 3 月 12 日起,您將無法再新增「我的動態」網頁部分實例。 自 2025 年 4 月 14 日起,現有的 My Feed 網頁部分將停止顯示內容,改為顯示錯誤訊息。
新聞
新聞網路部分讓你的團隊掌握最新資訊,並以重要或有趣的故事吸引他們。 您可以快速建立公告、人物新訊、狀態更新等吸睛的貼文,並在其中包含圖片和豐富的格式設定。
Office 365 連接器
Office 365 連接器網頁部分提供一個簡單的方式,讓你能在群組連結的團隊網站頁面中,從你喜愛的外部服務接收訊息、提醒和通知。 你可以顯示服務更新、RSS 訂閱通知、JIRA 或 GitHub 的通知,甚至顯示 Salesforce 和 Google Analytics 的摘要。
組織圖圖表
使用 組織圖網頁部分 ,透過選擇一個人來建立圖表,即可展示視覺化的組織圖。 你可以指定想要顯示多少報告層級。
頁面屬性
頁面屬性部分提供頁面的詳細資訊,例如標題、日期、內容類型等。
附註: 頁面屬性網頁部分無法在 SharePoint Server 2019中提供。
人員
People 網頁部分會在你的頁面上顯示一群特定的人及其個人資料。 它可用於聯絡資訊、團隊資訊、演講者等資訊。
Planner
Planner 網頁部分會用 Microsoft Planner 將團隊的任務和分配加入頁面。
附註: 規劃工具網頁部分僅在群組連結的團隊網站上提供。 它在通訊網站或 SharePoint Server 2019任何網站上都無法取得。
Power BI 報告
Power BI 網頁部分可以輕鬆地在您的頁面嵌入互動式 Power BI 報告。 內嵌的報告完全安全,讓你可以輕鬆建立安全的內部入口網站。
附註: Power BI 網頁部分無法在 SharePoint Server 2019中提供。
快速圖表
快速圖表網頁部分為你的頁面加入簡單的圖表。 輸入你的資料點,加上標籤,選擇圖表類型 (欄位或圓餅) 然後發佈。
快速連結
快速連結網頁部分會「釘選」項目到你的頁面,方便你快速存取。
最近的文件
最近文件網頁部分顯示最近新增或編輯的文件。
附註: 近期文件網頁部分無法在 SharePoint Server 2019上提供。
留著以後再說
「保留以待待發」網頁部分允許使用者儲存頁面、新聞貼文和文件,以便稍後透過此網頁部分在 SharePoint 中查看。
重要: 瀏覽器中只有頁面和新聞貼文可以保存到稍後。 在 SharePoint 行動應用程式中,你也可以儲存文件以備後用。
網站活動
網站活動網頁部分會自動顯示您網站上的最新活動,例如上傳的檔案、編輯、已建立的清單和函式庫等等。 只要新增網站活動網頁部分,最新的活動就會自動被拉入。
網站
網站部分允許你在樞紐站點被使用時,自動顯示與中樞站相關的網站, (顯示) ,或是目前使用者最近的網站 (,這些與使用者的 SharePoint 首頁) 相同。 你可以選擇特定網站來顯示,或根據樞紐網站關聯或使用者常用網站動態顯示。
附註: 網站部分無法在 SharePoint Server 2019中提供。
空格字元
Spacer 網頁部分允許你控制頁面上的垂直空間。
Stream (經典)
Stream (經典) 網頁部分會直接在你頁面上顯示來自你組織 Microsoft Stream (經典) 影片入口網站的影片。
文字
文字網頁部分會為你的頁面新增段落和表格。 提供格式選項,如樣式、項目符號、縮排、劃重點及連結。
天氣
天氣 網頁部分 會顯示你頁面上的當前天氣。
附註: 天氣網站部分在 SharePoint Server 2019中無法取得。
世界鐘
世界時鐘網絡部分顯示世界各地時間。
附註: 世界時鐘網頁部分在 SharePoint Server 2019中不可取得。
YouTube
YouTube 網頁部分可以輕鬆將 YouTube 影片嵌入你的頁面。
附註: YouTube 網頁部分在 SharePoint Server 2019上無法使用。
你可以連接的網頁部分
附註: 本節列出的功能無法在 SharePoint Server 訂閱版本 或 SharePoint Server 2019中提供。
你可以將多個網頁部分彼此連結,為頁面瀏覽者創造互動且動態的體驗。 例如,你可以將文件庫的網頁部分連接到檔案與媒體檢視器的網頁部分。 當使用者在文件庫列表中點擊檔案名稱時,檔案與媒體檢視器會顯示該檔案的內容。 或者,將 List 網頁部分或文件庫網頁部分連接到 Embed 網頁部分,並新增自訂程式碼以提供各種動態體驗。
你可以連接的網頁部分包括:List properties 網頁部分、檔案與媒體檢視器網頁部分,以及嵌入網頁部分。
有關資訊與範例,請參閱 SharePoint 中的 Connect web parts。
網頁零件維護模式
在頁面上放置的網頁部分遇到困難嗎? 試著 使用網頁零件維護模式 來協助排除問題。