指南/建立內容/嵌入內容/從其他平台嵌入內容

從其他平台嵌入內容

運用 嵌入內容區塊從外部網站直接將影片、音樂、社群媒體文章和其他內容新增到 WordPress.com 網站。本指引會說明如何從支援的平台嵌入內容。

影片教學

此影片使用英文字幕。
YouTube 提供自動翻譯功能,讓你可以用自己的語言觀看:

開啟自動翻譯字幕的方法:

  1. 播放影片。
  2. 點擊影片右下角的 ⚙️ 設定 圖示。
  3. 選擇 字幕/副本
  4. 選擇 自動翻譯
  5. 從清單中選擇你的偏好語言。

使用自動配音(測試版)的方法:

  1. 點擊 ⚙️ 設定 圖示。
  2. 選擇 音訊曲目
  3. 選擇你想收聽的語言:

ℹ️ 翻譯與配音由 Google 自動產生,可能不夠精確,且自動配音功能仍在測試階段,暫未向所有語言開放。

快速新增嵌入內容

在編輯器中將連結貼到新的一行,就能快速新增嵌入內容。編輯器會自動將支援的嵌入內容轉換為正確格式。

依照下列步驟,即可快速將嵌入內容新增至網站:

  1. 開啟欲嵌入內容的頁面或文章。
  2. 於編輯器中將游標置於新的一行,並貼上嵌入的連結/URL。
  3. 若系統支援該嵌入內容,就會自動轉換為正確的嵌入區塊類型。

新增嵌入內容區塊

若要新增其他平台的內容,請按照下列步驟操作:

  1. 前往網站的 儀表板
  2. 前往欲新增嵌入內容的頁面或文章。
  3. 按一下 + 區塊插入工具 並搜尋「嵌入內容」。
  4. 按一下 嵌入內容區塊 ,即可新增至你的頁面。
The + Block inserter open, with "Embed" in the search field and a box drawn around the Embed block icon.

秘訣: 在新的一行 輸入 /embed ,即可使用快速鍵來新增區塊。

  1. 新增 嵌入內容區塊後,會看到內有欄位的空白文字方塊,可在此新增你想要顯示於網站的內容連結:
An empty Embed block with a field to add a link and an Embed button.
  1. 複製用來提供嵌入內容的 URL (網址),此 URL 可來自任何 支援的平台
  2. 將 URL 貼至 嵌入內容區塊 內的文字方塊。
  3. 按一下「 嵌入內容 」按鈕。

訪客檢視頁面時,此內容便會自動顯示。

支援的平台

可以從以下熱門平台嵌入內容:

影片

音訊

圖片

其他平台

嵌入自訂程式碼或 iframe

除了直接連結之外,許多平台還會提供嵌入程式碼 (通常以 <script><iframe>開頭)。在大多數情況下,在 嵌入內容區塊 內,可以直接在嵌入程式碼中使用連結或 URL,步驟如上所述。

嵌入內容區塊 無法運作,則 支援外掛程式的網站 可以新增 進階程式碼,像是開頭為 iframescript的程式碼,使用 自訂 HTML 區塊即可做到。嵌入程式碼範例:

<script src="https://yourgroovysite.com/widget.js"></script> <iframe src="https://yourgroovysite.com/content" width="500" height="300"></iframe>

自訂嵌入內容

嵌入內容後,可以在 區塊設定中調整多項設定:

調整為適合行動裝置的大小

許多嵌入內容都提供「為螢幕較小的裝置調整大小」的選項。在調整瀏覽器大小時,嵌入內容就會保持其長寬比。此設定預設為啟用,但可以在 區塊設定改為停用。

The block settings for the Embed block with the option to turn off "Resize for smaller devices".

其他設定

根據不同類型的內容,你也可能看到下列選項:

追蹤嵌入內容的造訪次數

將內容嵌入網站時,你的 網站分析 會追蹤嵌入內容所在的頁面或文章有多少造訪次數。然而,網站分析並不會追蹤訪客與嵌入內容本身的互動方式 (如播放影片或音訊)。

VideoPress 例外:網站分析會追蹤 VideoPress 的嵌入影片播放次數,顯示在 影片流量下方。

若要了解訪客如何運用嵌入內容,請檢視內容託管平台 (YouTube、SoundCloud 等) 的分析資訊。

你可能會注意到,網站頁面檢視次數和嵌入平台的互動指標數字不同。要是有人造訪你的頁面但並未播放嵌入內容,就會發生這種狀況。

若嵌入內容未顯示於已發表的頁面或文章上,請參閱我們的疑難排解 嵌入連結常見問題指引

Copied to clipboard!