使用 SharePoint 頁面上的網頁組件

使用 SharePoint 頁面上的網頁組件

當您新增新版頁面至網站時, 您會新增及自訂網頁元件, 這些元件是頁面的構造塊。 您可以使用本文中所列的網頁元件來新增文字、影像、檔案、影片、動態內容及其他資訊。

附註: 

  • 在已加入宣告目標發行計畫的組織中, 會逐漸推出一些功能。 這表示您可能還無法看到此功能,或看起來可能與說明文章中描述的不一樣。

  • 本文中的網頁元件尚不能在傳統頁面上使用。

新增網頁組件

移動或移除網頁元件

可用網頁元件

您可以連線的網頁元件

網頁元件維護模式

提示: Check out these YouTube videos from SharePoint community experts to learn more about modern pages!

新增網頁組件

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

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

  3. 如果頁面不在 [編輯] 模式中, 請按一下頁面右上角的 [編輯]。

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

    用於將網頁組件新增至頁面的加號

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

    [新增至頁面] 按鈕

    或者, 按一下 [展開 [展開] 按鈕 , 依類別顯示網頁元件的更大視圖。 您也可以在此視圖中排序網頁元件。

    已展開的網頁元件工具箱

移動或移除網頁元件

  1. 如果您的頁面不在 [編輯] 模式中, 請按一下頁面右上角的 [編輯]。

  2. 將游標暫留在您要移動或移除的網頁元件上, 您會在網頁元件左側看到一個小工具欄。

    若要移動網頁元件, 請按一下 [移動網頁元件] 按鈕 [移動網頁元件] 按鈕 然後將網頁元件放在頁面上您想要的位置。

    若要移除網頁元件, 請按一下 [刪除網頁元件] 圖示 的 [刪除網頁元件] 按鈕。

可用網頁元件

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

Bing 地圖

Bing 地圖網頁元件會在您的頁面上新增地圖。 只要輸入位址或知名名稱, 就會出現您的地圖。 您可以選擇不同的地圖類型, 例如 [公路] 或 [高空圖]。 您也可以變更縮放比例, 或為地圖釘選一個易記的名稱。

附註: SharePoint Server 2019中無法使用 Bing 地圖網頁元件。

按鈕圖像

按鈕網頁元件可以使用您自己的標籤和連結, 輕鬆地將按鈕新增至您的頁面。

附註: SharePoint Server 2019沒有可用的按鈕網頁元件。

行動動作

動作網頁元件的呼叫會建立一個按鈕, 並提供使用者的動作呼叫。

附註: SharePoint Server 2019無法使用動作網頁元件通話。

程式碼段

程式程式碼片段網頁元件可輕鬆地將程式碼顯示為頁面上的文字, 供其他人使用或從中瞭解。 您可以選取 [程式碼語言] 和 [深色] 或 [淺色] 主題。 網頁元件, 也就是自動校正語法。

附註: 在 SharePoint Server 2019中無法使用 [程式碼片段網頁元件]。

倒計時計時器

倒計時計時器網頁元件會將 count 向下 (或向上計數) 顯示到事件中。 您可以新增標題、設定日期格式、新增描述, 以及連結的 [動作] 按鈕。

附註: SharePoint Server 2019中無法使用倒計時計時器網頁元件。

分隔頁網頁元件會在其他網頁元件之間插入一條線, 協助您分解頁面, 並使其更容易閱讀。

文件庫

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

內嵌

[內嵌網頁元件] 會在您的頁面上顯示其他網站的內容, 例如 YouTube 影片。 視網站而定, 您可以使用網站的位址或內嵌網站所提供的程式碼。

事件

事件網頁元件可讓您在頁面上新增及顯示即將到來的活動。 您甚至可以在 [位置]、[線上會議] 資訊等中加入地圖。

檔案檢視器

檔案檢視器網頁元件會在您的頁面上插入檔案。 您可以插入的檔案類型包括 Excel、Word、PowerPoint、Visio、。Pdf、3D 模型及其他資訊。

群組行事曆

群組行事曆網頁元件會將 Office 365群組行事曆直接放在您的頁面上, 讓您的讀者能輕鬆看到該行事曆。

附註: SharePoint Server 2019中不提供群組行事曆網頁元件。

榜樣

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

醒目提示的內容

醒目提示的內容網頁元件會根據內容類型、篩選或搜尋字串, 動態顯示內容。 您也可以將搜尋範圍設定為網站或網站集合, 然後排序結果。

影像

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

影像圖庫

影像庫網頁元件會在頁面上共用圖片集合。 只要使用檔案選擇器來選取您的影像, 或將其拖曳到網頁元件。 建立集合之後, 您可以拖曳並放下影像, 視需要重新排列圖像。

Kindle 立即預覽

在頁面上有您要建議或升級的書籍? Kindle 立即預覽網頁元件會共用 Kindle 活頁簿的預覽。

附註: 在 SharePoint Server 2019中無法使用 Kindle 立即預覽網頁元件。

連結

連結網頁元件會將連結新增至內部或外部頁面、影片、影像或檔。

附註: SharePoint Server 2019中無法使用連結網頁元件。

清單

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

清單屬性

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

附註: SharePoint Server 2019中無法使用 [清單屬性] 網頁元件。

Markdown

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

附註: SharePoint Server 2019中無法使用 Markdown 網頁元件。

Microsoft Forms

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

附註: 在 SharePoint Server 2019中無法使用 Microsoft Forms 網頁元件。

新聞網頁元件會將您的小組放在迴圈中, 並讓您的小組參與重要或有趣的故事。 您可以快速建立公告、人物新訊、狀態更新等吸睛的貼文,並在其中包含圖片和豐富的格式設定。

Office 365 連接器

透過Office 365 連接器網頁元件, 您可以在 [群組連線的小組網站] 頁面上, 取得您最愛的外部服務的訊息、警示及通知。 例如, 您可以從 Trello 和 Facebook 之類的服務顯示更新;在 RSS 摘要中發佈某個新專案時的通知;從 JIRA 或 GitHub 發出通知;或甚至是來自 Salesforce 和 Google 分析的摘要。

附註: Office 365 連接器網頁元件只能在群組連線的小組網站上使用。 在通訊網站或 SharePoint Server 2019中的任何網站都無法使用此功能。

Office 365 影片

Office 365 影片會從貴組織的Office 365 影片入口網站直接顯示頁面上的影片。

附註: 

頁面屬性

[頁面屬性] 網頁元件提供頁面的詳細資料, 例如 [標題]、[日期]、[內容類型] 等等。

附註: SharePoint Server 2019中無法使用 [頁面屬性] 網頁元件。

人員

[人員] 網頁元件會在您的頁面上顯示選取的人員和其設定檔群組。 它可用於連絡人資訊、團隊資訊、簡報者等。

Planner

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

附註: Planner 網頁元件只適用于群組連線的小組網站。 在通訊網站或 SharePoint Server 2019中的任何網站都無法使用此功能。

PowerApps

PowerApps 是一項服務, 可讓您建立在瀏覽器中或在手機或平板電腦上執行的商務應用程式, 而不需要進行任何編碼體驗。 一旦您使用該服務建立或自訂應用程式後, 就可以使用「 PowerApps」網頁元件將它新增到您的 SharePoint 頁面。 只要輸入 app 的網址或應用程式識別碼, 就可以調整 app 大小以符合頁面大小。

附註: 在 SharePoint Server 2019中不提供 PowerApps 網頁元件。

Power BI 報表

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

附註: 在 SharePoint Server 2019中無法使用 Power BI 網頁元件。

快速圖表

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

快速連結

快速連結網頁元件將專案「釘選」到您的頁面上, 以方便存取。

最近使用的檔

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

附註: SharePoint Server 2019中無法使用 [最近使用的檔] 網頁元件。

網站活動

網站活動網頁元件會自動顯示您網站上的最近活動, 例如上傳、所做的編輯、清單和文件庫等。 只要新增網頁元件, 就會自動拉入最新的活動。

網站

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

附註: [網站] 網頁元件在 SharePoint Server 2019中無法使用。

空格字元

[分隔網頁元件] 可讓您控制頁面上的垂直間距。

串流

在您的頁面上,資料流程網頁元件會從組織的 Microsoft 串流影片入口網站直接顯示影片。

文字

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

Twitter

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

附註: 在 SharePoint Server 2019中無法使用 Twitter 網頁元件。

天氣

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

附註: 在 SharePoint Server 2019中不提供天氣網頁元件。

世界時鐘

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

附註: SharePoint Server 2019中無法使用世界時鐘網頁元件。

Yammer

如果您的組織有作用中的 Yammer 網路 (例如: www.yammer.com/contoso.com), yammer 網頁元件會在您的頁面上嵌入 Yammer 交談, 以增強共同作業。

YouTube

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

附註: SharePoint Server 2019沒有可用的 YouTube 網頁元件

您可以連線的網頁元件

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

您可以連線的網頁元件包括: [清單屬性網頁元件]、[檔案檢視器網頁元件] 和 [內嵌網頁元件]。

如需詳細資訊和範例, 請參閱在 SharePoint Online 中連接網頁元件

網頁元件維護模式

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

附註:  本頁面是經由自動翻譯而成,因此文中可能有文法錯誤或不準確之處。 讓這些內容對您有所幫助是我們的目的。 告訴我們這項資訊是否有幫助? 這裡是供您參考的英文文章

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

這項資訊有幫助嗎?

感謝您的意見反應!

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

×