傳統和新式網頁組件體驗

套用到
SharePoint Server 2019

SharePoint 中的網頁組件已允許所有經驗層級的使用者在其頁面中新增強大且可自訂的功能。  新式網頁組件 的設計更加容易使用、適合行動裝置使用且美觀。

許多新式網頁組件與傳統網頁組件具有相同的用途,但您會看到外觀和功能上的差異。

請務必注意,新式頁面只能使用新式網頁組件,而傳統頁面只能使用傳統網頁組件。 例外是專為在新式頁面上使用而設計的自訂網頁組件。 若為開發人員,SharePoint 架構可讓您建置在網頁組件工具箱中直接顯示的自訂新式網頁組件。 開發人員也可以在 現代化傳統 SharePoint 網站找到指引和工具。 

請務必注意,為了安全起見,新式網頁組件不允許插入自訂程式碼,例如 JavaScript。

比較新式和傳統網頁組件

傳統到新式網頁組件沒有 1:1 的對應,但有些網頁組件具有類似的用途。  以下是根據用途的一些常用網頁組件,以及新式網頁組件中的一些差異。

注意

  • 這並非網頁組件的完整清單。 如果您想知道特定網頁組件,請選取頁面底部 [此資訊有幫助嗎] 旁的 [] 或 [否],然後留下意見反應以告訴我們。 
  • 將您的意見傳達給開發人員聽覺的最快途徑是直接從任何 Office 應用程式中進行。 請參閱如何在 Microsoft Office 中提供意見反應?
用途 傳統 新式
新增文字和其他內容 內容編輯器網頁組件
直接在 Wiki 頁面中新增文字和其他內容
文字網頁組件
[文字] 網頁組件可讓您輕鬆地新增頁面上的文字和表格並設定其格式。 它有一個格式工具列,您可以在其中格式化文字、變更樣式等。 不過,與內容編輯器網頁組件不同,您無法在網頁組件內編輯 HTML。 尚未支援巢狀資料表。 頁面或文字網頁組件中不支援 Wiki 語法,例如用來建立頁面的連結,但在文字網頁組件內建立連結很容易。 目前還無法在文字網頁組件內內嵌新增影像,但您可以使用影像網頁組件在文字網頁組件旁邊新增影像。
顯示文件庫 文件庫 文件庫
在傳統網站上建立文件庫時,系統會自動建立文件庫 Web 組件,而且您可以選擇在頁面上顯示。 當您使用新式文件庫網頁組件時,您可以選擇要顯示的文件庫,並顯示文件庫的特定檢視或甚至文件庫內的資料夾。 具有適當權限的使用者可以直接從網頁組件新增、檢視或編輯檔案。 使用者也可以將文件釘選到文件庫頂端、下載、刪除和重新命名檔案。 此外,檔案可以顯示在詳細資料檢視或磚檢視中,並顯示在來源清單中建立的欄格式設定和巢狀資料夾。
顯示清單 清單 [清單]
當您在傳統網站上建立清單時,系統會自動為該清單建立清單網頁組件,且您可以選擇在頁面上顯示。 新式清單網頁組件可讓您選擇清單,並使用您自己的標題、檢視,甚至是大小來自訂清單。 使用者可以檢視、篩選、排序及群組清單。 此外,在來源清單中建立的格式化欄和巢狀群組會顯示在網頁組件中。
顯示檔案 頁面檢視器 檔案檢視器
新式檔案檢視器網頁組件可讓您內嵌超過 270+ 種檔案類型,包括熟悉的 Word、Excel 和 PowerPoint 檔案,以及 3D 模型和醫學影像等進階檔案類型。

注意:在 SharePoint 2019 中,可插入的檔案類型僅限於 Word、Excel 和 PowerPoint (特別是 .doc、.docx、. xls、.xlsx、.pot、.potx、.ppt 和 .pptx) 。內嵌網頁組件
內嵌網頁組件可讓您在頁面上顯示來自允許內嵌 (網站的內容,例如 YouTube,例如) 。 視網站而定,您可以使用網站的網址或網站提供的內嵌程式碼。
新增連絡人 連絡人詳細資料 Web 部件 People 網頁組件
傳統連絡人詳細資料網頁組件可讓您一次手動新增一個連絡人。 新式 People 網頁組件可讓您從使用者設定檔新增多個連絡人,以及視覺和組織資訊。 聯繫人詳細信息的外觀可以從精簡更改為描述性,這意味著有關聯繫人的更多詳細信息可以直接顯示在頁面上。
新增影像 影像網頁組件
內容編輯器網頁組件
圖片庫
圖像網頁組件
[影像] 網頁組件會為影像新增其他來源:最近、Web 搜尋和 OneDrive。 影像大小可以修改為標準和自訂比例。
圖像藝廊網頁組件
圖像庫 Web 組件可讓您在磚或浮動切換版面配置中新增影像。 在輪播版面配置中,影像可以設定為熟悉的比例大小。 較小的影像會調整至填滿率,但較大的影像不會調整大小。
主圖網頁組件
[主圖] 網頁組件可以設定為在磚或圖層排列中顯示最多 5 個元素,視需要將焦點聚焦於個別元素。 個別元素可以有標題、特定影像和替代文字。 您也可以視需要排列元素。
檔案檢視器
使用 [檔案檢視器] 來顯示 3D 模型。 這對於醫療模型特別有用。
在頁面上顯示影片 媒體網頁組件 檔案檢視器
[檔案檢視器] 網頁組件可讓您顯示來自 SharePoint 網站的本機影片 (例如 。MOV、.MP4 和 .WMV) 。
內嵌網頁組件
使用 [內嵌] 網頁組件,您可以顯示影片 (,或來自允許內嵌網站 (例如 YouTube) () 的其他內容,例如) 。 視您內嵌的網站而定,您可以使用網站的網址或網站提供的內嵌程式碼。 僅限 Microsoft 365 中的 SharePoint。
Stream 影片
Stream 影片網頁組件會以稱為頻道的多個影片格式或單一影片的形式,播放來自 Microsoft Stream 服務的影片。 它添加了最新的社交和高級播放設置,例如按讚、更改重播速度、使用生成的字幕觀看 (僅) 英語和西班牙語以及創建播放列表。 不需要其他瀏覽器外掛程式。 影片特定中繼資料和權限是在 Microsoft Stream 服務中設定。
YouTube 網頁組件
YouTube 網頁組件可讓您直接將 YouTube 影片內嵌在您的頁面上,包括設定開始時間和顯示播放程式控制項的功能。
顯示即將到來的會議和活動的日期和時間 Calendar 事件
[事件] 網頁組件會以可自訂的日期範圍卡片或影片膠捲格式顯示事件。 展開的活動資料也可以有活動圖片、Bing 地圖服務和會議資料。 您可以使用 下載會議。ICS 格式,但事件網頁元件無法連線或讀取 Exchange 行事曆服務。 [事件] 網頁組件使用與 Calendar 網頁組件相同的清單,但自訂的欄不會顯示在 [事件] 網頁組件中。
群組行事曆
群組行事曆 Web 組件會使用 Microsoft 365 群組行事曆應用程式作為事件儲存空間。 無法使用群組行事曆網頁組件新增群組事件。 事件會以清單格式顯示,以最大化每個事件的展開詳細資料。 您可以指定每個頁面上顯示的事件數目並捲動頁面。 僅限 Microsoft 365 中的 SharePoint。
顯示其他內容的連結 升級的連結,
連結
內容編輯器網頁組件
公告
摘要連結
快速連結
[快速連結] 網頁組件可以設定為顯示為稱為影片膠捲的浮動切換格式或較小的精簡格式。 緊湊格式中的每個鏈接都可以排列和顯示,有或沒有圖像。 目前還無法根據清單填入快速連結。
連結
[連結] 網頁組件會顯示一個完整的 URL 連結,並新增顯示或隱藏具有連結目標之預覽窗格的功能。 僅限 Microsoft 365 中的 SharePoint。
文字網頁組件
在文字網頁組件中,您可以使用工具列在內容內新增連結。
搜尋並顯示內容 內容查詢
內容搜尋
醒目提示的內容
透過醒目提示的內容網頁組件,許多進階且令人困惑的搜尋/查詢選項已由簡化的查詢選項取代。 但是,與經典對應物不同,您不能使用自定義顯示模板。
向您的團隊宣告新聞 公告 新聞
傳統的 [公告] 網頁組件使用清單來顯示頁面上的公告。 新聞網頁組件是一種廣泛的內容發佈系統,它使用豐富的格式化頁面或新聞連結,並在 SharePoint 首頁、網站和中樞網站上彙總新聞文章。 您可以自訂網頁組件,以多種不同的方式顯示結果。 這提供了更豐富且更動態的靜態公告清單體驗。
追蹤專案 工作清單 Planner
新式 Planner 網頁組件可與 Microsoft 365 群組和 Microsoft 365 Planner 服務搭配使用。 計劃會儲存在 Microsoft 365 Planner 服務中,以便進行更大的自訂。 預設時間表會移除,以取得更彈性的檢視選項,其中包括稱為面板的唯讀概觀儀表板,或稱為貯體的工作流程看板版面配置。 使用貯體佈局允許按貯體、分配至、進度、到期日和標籤類別進行分組。 此外,貯體版面配置允許直接在儲存在 Microsoft 365 Planner 服務中的計劃中新增和修改工作。 此網頁組件僅適用於 Microsoft 365 群組連線網站中的 SharePoint。
在網頁上顯示網站和連結 網站彙總工具 網站
傳統的網站彙總工具網頁組件著重於視覺化簡化的網站檢視。 使用 [網站] 網頁組件時,一長串的檔案會由顯示上次檢視、上次修改和最常用檔案的資訊卡片所取代。 網站可以顯示為卡片或在影片顯示窗格版面配置中,使用輪播機制來捲動所選網站。 僅限 Microsoft 365 中的 SharePoint。
在頁面上顯示交談 網站摘要 Yammer 網頁組件

有兩個 Yammer 網頁組件可供使用:

  • Yammer 交談網頁組件可讓使用者參與特定群組或主題的 Yammer 交談,而無需離開您的 SharePoint 頁面。
  • Yammer 重點項目 Web 部件會顯示特定、熱門或最新的交談。
由於 Yammer 已取代 SharePoint 新聞摘要功能,因此新式 Yammer 網頁組件取代了傳統的網站摘要網頁組件。
顯示來自其他頁面的內容 頁面檢視器 內嵌
[頁面檢視器] 網頁組件和內嵌網頁組件都可讓您顯示來自其他允許內嵌網站的內容。 內嵌程式碼必須是 iframe 型,而且不支援使用 <指令碼> 標籤的程式碼。 此外,只能內嵌安全的網站。
從表單收集和顯示資料 InfoPath 表單 PowerApps
使用 PowerApps,您可以建置功能強大的表單來收集、儲存及顯示資料,而不需要使用程式碼。 您也可以使用 PowerApps 自訂 SharePoint 清單的表單。僅限 Microsoft 365 中的 SharePoint。
Microsoft Forms
您可以使用 Microsoft Forms 網頁組件將表單或表單結果新增至頁面。 您也可以直接在頁面上以圖表檢視摘要結果。 僅限 Microsoft 365 中的 SharePoint。