傳統和新式網頁元件體驗

SharePoint 中的網頁元件允許所有經驗層級的使用者在其頁面中新增功能強大且可自訂的功能。  現代網頁元件的設計目的是讓您更容易使用、行動良好且看起來更美觀。

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

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

請務必注意,出於安全考慮,現代網頁元件不允許插入類似 JScript 的程式碼。

比較新式與傳統網頁元件

我們沒有從傳統到新式網頁元件的1:1 對應,但網頁元件有相似的用途。  以下是根據其用途,以及現代網頁元件中的一些差異來查看一些常見的網頁元件。

附註: 這不是完整的網頁元件清單。 如果您想知道特定網頁元件,請在頁面底部,按一下 [是] 或 [否] 旁的[是]或 [],並留下意見反應讓我們知道。 或者,您也可以在 SharePoint 使用者語音的 [網頁元件] 區段中留下意見反應。

目的

一般

新式

新增文字和其他內容

內容編輯器網頁元件
將文字和其他內容直接新增至 Wiki 頁面

文字網頁元件

文字網頁元件可讓您在頁面上輕鬆新增及設定文字和表格的格式。 它有一個格式化工具列,您可以在其中格式化文字、變更樣式等。 不過,您無法在網頁元件中編輯 HTML,這與內容編輯器網頁元件不同。 尚未支援巢狀表格格。 頁面或文字網頁元件不支援 Wiki 語法(例如用來建立來源與頁面連結的 Wiki 語法),但在文字網頁元件中則很容易建立連結。 您無法在文字網頁元件中新增內嵌圖像,但是您可以使用圖像網頁元件,在文字網頁元件加上圖像。

顯示文件庫

圖書館

文件庫

當您在傳統網站上建立文件庫時,系統會自動建立文件庫網頁元件,您可以選擇是否要在頁面上顯示。 當您使用新式文件庫網頁元件時,您可以選擇要顯示的文件庫,以及顯示文件庫的特定視圖,甚至是文件庫中的資料夾。 具有適當許可權的使用者可以直接從網頁元件新增、查看或編輯檔案。 使用者也可以將檔釘選到文件庫的頂端、下載、刪除和重新命名檔案。 此外,您也可以在 [詳細資料] 視圖或 [磚] 視圖中顯示檔案,並顯示在 [來源] 清單中建立的欄格式及嵌套資料夾。

顯示清單

[清單]

清單

當您在傳統網站上建立清單時,系統會自動為該清單建立清單網頁元件,而且您可以選擇在頁面上顯示清單網頁元件。 現代清單網頁元件可讓您挑選清單,並使用自己的標題、視圖甚至大小來自訂該清單。 使用者可以查看、篩選、排序及群組清單。 此外,在 [來源] 清單中建立的格式化欄和嵌套群組會顯示在網頁元件中。

顯示檔案

頁面檢視器

檔案檢視器

新式檔案檢視器網頁元件可讓您內嵌超過270種以上的檔案類型,包括不熟悉的 Word、Excel 和 PowerPoint 檔案,也可讓您在3D 模型和醫學影像等高級檔案類型。

附註: 在 SharePoint 2019 中,可以插入的檔案類型僅限於 Word、Excel 和 PowerPoint (特別是 .doc、.docx、。 xls、.xlsx、.pot、.potx、.ppt 和 .pptx) 。

內嵌網頁元件

[內嵌網頁元件] 可讓您在頁面上顯示允許嵌入 (像是 YouTube 的網站內容,例如) 。 視網站而定,您可以使用網站的網址或網站所提供的內嵌程式碼。 

新增連絡人

連絡人詳細資料網頁元件

人員網頁元件

[傳統連絡人詳細資料] 網頁元件可讓您一次手動新增一個連絡人。 現代人員網頁元件可讓您從使用者設定檔新增多個連絡人,以及視覺化和組織資訊。 連絡人詳細資料的外觀可從 [compact] 變更為 [描述性],這表示有更多關於連絡人的詳細資料可在頁面上正確顯示。

新增影像

圖像網頁元件
內容編輯器網頁元件
圖片庫

圖像網頁元件

影像網頁元件會新增影像的其他來源: [最近]、[網頁搜尋] 和 [OneDrive]。 影像的大小可以修改成標準和自訂比率。 

影像庫網頁元件

影像庫網頁元件可讓您在磚或輪播版面配置中新增影像。  在輪播版面配置中,影像可以設定為熟悉的比率大小。 較小的影像將會調整大小以填滿比例,但較大的影像不會調整大小。 

[英雄網頁元件]

您可以將 [英雄] 網頁元件設定為在磚或圖層排列中顯示最多5個元素,並視需要將焦點移至個別元素。 個別元素可以有標題、特定影像和替代文字。  您也可以視需要排列元素。

檔案檢視器

使用 [檔案檢視器] 顯示3D 模型。 這對醫療模型特別有用。

在頁面上顯示影片

媒體網頁元件

檔案檢視器

檔案檢視器網頁元件可讓您從 SharePoint 網站顯示本機影片 (例如。MOV,。[您的] 和。WMV) 。

內嵌網頁元件

透過 [內嵌網頁元件],您可以在頁面上顯示影片 (或其他內容) ,這些網站允許嵌入 (例如 YouTube 等,例如) 。 視您內嵌的網站而定,您可以使用網站的網址或網站所提供的內嵌程式碼。 僅限 Microsoft 365 中的SharePoint 。

資料流程影片

串流影片網頁元件會從 Microsoft Stream services 播放影片,做為多個稱為頻道或單一影片的視頻格式。 它會新增最新的社交及高級播放設定(例如喜好、變更重放速度、使用產生的字幕 (英文和西班牙文)) ,以及建立播放清單。 不需要其他瀏覽器外掛程式。 影片特定的中繼資料和許可權是在 Microsoft 串流服務中設定。 

YouTube 網頁元件

YouTube 網頁元件可讓您在頁面上直接內嵌 YouTube 影片,包括設定開始時間和顯示玩家控制項的功能。

顯示即將到來的會議與活動的日期和時間

行事曆

事件

事件網頁元件以可自訂的日期範圍卡片或投影片格式顯示事件。 展開的事件資料也可以有事件圖片、Bing 地圖及會議資料。 您可以下載會議。ICS 格式,但是事件網頁元件無法從 Exchange 行事曆服務連線或讀取。 事件網頁元件使用與行事曆網頁元件相同的清單,但自訂的欄不會顯示在事件網頁元件中。

群組行事曆

群組行事曆網頁元件會使用 [ Microsoft 365 ] 群組行事曆應用程式來進行事件儲存。 無法使用群組行事曆網頁元件新增新的群組活動。 事件會以清單格式顯示,以最大化每個事件的展開詳細資料。 您可以在每個頁面和滾動頁面上指定所顯示的事件數目。  僅限 Microsoft 365 中的SharePoint 。

顯示其他內容的連結

已升級連結、
連結
內容編輯器網頁元件
宣告
摘要連結

快速連結

[快速連結] 網頁元件可以設定為以 [電影] 或較小的精簡格式顯示為輪播格式。 精簡格式中的每個連結,都可以使用或不含影像來排列和顯示。 您還不可能根據清單來填入快速連結。

連結

連結網頁元件會顯示一個完整的 URL 連結,並新增顯示或隱藏 [預覽] 窗格與連結目標的功能。  僅限 Microsoft 365 中的SharePoint 。

文字網頁元件

在文字網頁元件中,您可以使用工具列在內容中新增連結。

搜尋及顯示內容

內容查詢
內容搜尋

醒目提示的內容

在醒目提示的內容網頁元件中,許多 [高級] 和 [混淆] 搜尋/查詢選項都是以精簡查詢選項取代。 不過,您無法使用自訂的顯示範本,而是與它的傳統同類範本不同。

向您的小組宣告新聞

公告

新聞

傳統的宣告網頁元件使用清單來顯示頁面上的宣告。 新聞網頁元件是廣泛的內容發佈系統,它使用豐富的格式化頁面或新聞連結,並在 SharePoint 首頁、網站和中樞網站上匯總新聞文章。 您可以自訂網頁元件,以多種不同的方式顯示結果。 這可讓您更豐富且更有靜態宣告清單的體驗。 

追蹤專案

任務

Planner

現代 Planner 網頁元件可與 Microsoft 365 群組和 Microsoft 365 Planner 服務搭配使用。 方案儲存在 Microsoft 365 Planner 服務中,可讓您進行更好的自訂。 會移除預設時程表,以取得更靈活的查看選項,這些選項包括稱為 [版面] 的唯讀 [一覽] 儀表板,或稱為「桶名」的看板版面配置。 使用 bucket 配置可根據 bucket、指派給、進度、到期日和標籤類別進行分組。 此外,Bucket 配置可讓您直接在已儲存在 Microsoft 365 Planner 服務中的計畫中新增及修改任務。 此網頁元件僅適用于 Microsoft 365 群組連線的網站中的 SharePoint 。

在頁面上顯示網站和連結

網站彙總函式

網站

傳統的網站聚合網頁元件以視覺化的方式顯示網站。 有了網站網頁元件,長的檔案清單會以資訊卡片取代,顯示上次查看、上次修改及最受歡迎的檔案。 網站可以使用輪播機制在選取的網站上顯示,以卡片或在電影膠片版面配置中顯示。 僅限 Microsoft 365 中的SharePoint 。

在您的頁面上顯示交談

網站摘要

Yammer 網頁元件

有兩個可用的 Yammer 網頁元件:

  • Yammer 交談網頁元件可讓使用者在不離開您的 SharePoint 頁面的情況下,參與特定群組或主題的 Yammer 交談。

  • Yammer 醒目提示網頁元件會顯示特定、最新或最近的交談。

在 Yammer 已取代 SharePoint 新聞摘要功能之後,新型的 Yammer 網頁元件會取代傳統的網站摘要網頁元件。

顯示其他頁面的內容

頁面檢視器

內嵌

[頁面檢視器] 網頁元件和 [內嵌網頁元件] 可讓您顯示其他允許嵌入之網站的內容。 Embed 程式碼必須是以 iframe 為基礎的,且不支援使用 <腳本> 標記的程式碼。 此外,只有安全的網站可以內嵌。 

收集及顯示表單中的資料

InfoPath 表單

PowerApps

使用 PowerApps,您可以建立功能強大的表單來收集、儲存及顯示資料,而不需要使用程式碼。 您也可以使用 PowerApps 來自訂 SharePoint 清單的表單。 僅限 Microsoft 365 中的SharePoint 。

Microsoft Forms

使用 Microsoft Forms 網頁元件,您可以在頁面上新增表單或表單結果。 您也可以在頁面上直接在圖表中查看摘要結果。 僅限 Microsoft 365 中的SharePoint 。

需要更多協助?

增進您的 Office 技巧
探索訓練
優先取得新功能
加入 Office 測試人員

這項資訊有幫助嗎?

感謝您的意見反應!

感謝您的意見反應! 我們將協助您與我們的其中一個 Office 支援專員連絡以深入了解您的意見。

×