使用內嵌網頁元件將內容新增到頁面

當您新增 新式頁面至網站時,您可以新增及自訂 網頁 元件,以 SharePoint 頁面。 本文將說明內嵌網頁部分。

您可以在網頁中顯示 SharePoint 網站的內容, (YouTube 或 Bing地圖等內嵌) 。 對於許多網站,您可以使用網站的網頁位址作為內容,或內嵌網站提供的代碼。

使用網站位址顯示內容

您可以複製網站網址並將內容網址內嵌至內嵌網頁部分,以內嵌某些網站的內容。

  1. 複製您想要使用的內嵌內容連結。 若要這麼做,請前往包含您想要內嵌內容的網站。 您通常會在靠近內容的地方看到共用按鈕或連結。 按一下該連結,然後複製提供的連結位址。

    使用網站位址內嵌內容的範例
  2. 在 SharePoint頁面上,確認您進入編輯模式。 如果沒有,請按一下 頁面右上方 的 [編輯。

  3. 如果您頁面上還沒有內嵌網頁部分,請將滑鼠移到現有網頁部分上方或下方或標題區域下方,按一下 用於將新式網頁組件新增至頁面的圓形加號,然後從清單中選取 [內嵌 </> 網頁部分。

  4. 在右側屬性窗格中,將您先前複製的網站位址貼到網站 位址或內嵌程式碼 方塊中。

    將視音訊 URL 或內嵌程式碼貼到欄位中

附註: 

  • 如果您沒看到屬性窗格,請按一下網頁 網頁組件編輯按鈕 左側的[編輯網頁部分。

  • 內容連結僅適用于提供特定服務以使用連結嵌入內容的網站。 如果連結無法用於您想要內嵌的內容,請嘗試改為使用內嵌程式碼。

使用內嵌程式碼顯示內容

內嵌程式碼是網站中的特定指示清單,說明如何在另一個頁面上顯示該內容。 許多網站在其頁面上提供內嵌代碼,您可以複製並貼上。 您通常會看到標示為內嵌程式碼或/</>。 這會開啟一個文字方塊,其中包含一些程式碼。

例如,按一下 Vimeo 影片的 [共用> 按鈕,即可在共用對話方塊中查看內嵌程式碼。

在頁面上使用內嵌程式碼SharePoint範例

若要使用內嵌程式碼,請執行下列操作:

  1. 請複製內 (內) 內嵌程式碼,) 輸入您想要使用的內容。 若要這麼做,請前往包含您想要內嵌內容的網站。 您通常會在靠近內容的地方看到共用按鈕或連結,或標示為內嵌程式碼或</>。 這會開啟一個文字方塊,其中包含一些程式碼,類似上述 Vimeo 網站的影像。

  2. 如果您頁面上還沒有 [內嵌網頁部分 SPO 加號 ,請按一下要插入影片區域中的 [ SPO 加號 ,然後從清單中選取 [內嵌 </> 網頁部分。

  3. 在右側屬性窗格中,將內嵌程式碼貼到網站 位址或內嵌程式碼 方塊中。

    將視音訊 URL 或內嵌程式碼貼到欄位中

附註: 

  • 如果您沒看到屬性窗格,請按一下網頁 網頁組件編輯按鈕 左側的[編輯網頁部分。

連結至另一個網頁部分以顯示動態內容

使用內嵌網頁部分,您可以輸入使用變數的連結或內嵌程式碼,讓您根據頁面檢視器選取的專案來顯示各式各樣的專案。 例如,您可以根據使用者從影像 URL 清單中選取哪些專案來顯示影像。

有關資訊和範例,請參閱根據使用者在清單網頁零件中選取的內容顯示影片、影像或位置 (將內嵌網頁零件連接到清單網頁) 。

連結至影像清單的內嵌網頁部分範例

疑難排解

以下是內嵌可能無法使用最常見的原因:

  • 內嵌程式碼必須以 iframe 為基礎 (,也就是說,以 iframe <開始>標記) 。 不支援內嵌<腳本>標記。

  • 只有安全的網站可以內嵌。 請確定網站的 URL 以 HTTPS 開頭。

  • 並非所有網站都允許內嵌其頁面,因此您可能無法內嵌它們,即使它們是安全的,而且使用 iframe 型內嵌程式碼。 如果您遇到問題,請與網站確認是否允許內嵌。

  • 網站集合系統管理員可以控制使用者是否能內嵌來自外部網站的內容。 如果他們不讓參與者內嵌內容,您可能會看到錯誤訊息,指出「不允許從這個網站內嵌內容」。 請參閱您的系統管理員和/或說明文章允許或限制在網頁內嵌SharePoint內容

有任何功能要求嗎? 

如果您想要內嵌來自不安全網站的內容,或使用不同的內嵌方法,或者如果您有任何其他建議或意見,請告訴我們。  我們隨時洗耳恭聽。

針對問題提供Microsoft Office

Need more help?

Expand your skills
Explore Training
Get new features first
Join Microsoft Office Insiders

Was this information helpful?

How satisfied are you with the translation quality?
What affected your experience?

Thank you for your feedback!

×