您想在 wordpress 帖子或頁面中嵌入 iframe 代碼嗎?
iFrame 是一種無需上傳即可在網站上顯示視頻或其他內容的簡單方法。許多第三方平臺(例如 youtube)提供 iFrame 代碼,您只需將其粘貼到您的網站中即可。
在本文中,我們將向您展示如何在 WordPress 中輕松嵌入 iFrame 代碼。
為什么要在 WordPress 中嵌入 iFrame 代碼?
iFrame 允許您在網站上嵌入視頻或其他內容,而無需實際托管該視頻。這可以節省您的帶寬和存儲空間,這就是為什么您不應該將視頻直接上傳到 WordPress 的原因。
除了提高 WordPress 速度和性能之外,如果原始內容發生變化,iFrame 還會自動更新。這意味著訪問者將始終看到最新版本的內容。
通過 iFrame 嵌入受版權保護的內容也不會侵犯版權,因此它可以幫助您免受訴訟。
話雖如此,讓我們看看如何輕松地將 iFrame 代碼嵌入 WordPress 中。只需使用快速鏈接直接跳轉到您要使用的方法:
- 方法 1:使用源的嵌入代碼在 WordPress 中添加 iFrame(快速且簡單)
- 方法 2:使用 WordPress 插件(適用于所有網站)
- 方法3:手動創建iFrame代碼并嵌入WordPress(無需插件)
方法 1:使用源的嵌入代碼在 WordPress 中添加 iFrame(快速且簡單)
許多大型視頻托管網站都有“嵌入”選項,使您可以訪問需要添加到網站的 iFrame 代碼。
如果網站有任何“共享”或“嵌入”設置,那么這通常是嵌入內容的最快、最簡單的方法。
確切的步驟會根據平臺的不同而有所不同,但我們以 YouTube 為例。要將YouTube 視頻嵌入 WordPress,只需單擊您要使用的視頻下方的“共享”按鈕即可。
之后,您將看到一個包含不同共享選項的彈出窗口。
只需繼續并單擊“嵌入”按鈕即可。
YouTube 現在將向您顯示 iFrame 代碼。
默認情況下,YouTube 會選中“顯示播放器控件”框,但我們還建議啟用隱私增強模式。此模式允許訪問者觀看WordPress 網站上的嵌入內容,而不會影響他們在 YouTube 上的瀏覽??體驗。
之后,繼續并單擊“復制”按鈕。
現在,您可以將該代碼粘貼到您網站上的任何帖子或頁面中。在本指南中,我們將其添加到WordPress 塊編輯器中的新頁面。
只需打開頁面,然后單擊“+”按鈕即可。在出現的彈出窗口中,開始輸入“html”以查找自定義 HTML 塊。
當右側塊出現時,單擊將其添加到您的頁面。
然后,只需將 YouTube iFrame 代碼粘貼到該塊中即可。
您現在可以發布頁面以在WordPress 博客上觀看 YouTube 視頻。
方法 2:使用 WordPress 插件(適用于所有網站)
并非每個第三方網站都提供現成的嵌入代碼。如果您找不到任何“共享”或“嵌入”設置,那么您可以使用iFrame插件輕松創建自己的 iFrame 代碼。
首先,您需要安裝并激活 iFrame 插件。有關更多詳細信息,請參閱我們有關如何安裝 WordPress 插件的分步指南。
激活后,該插件將立即開始工作,無需任何設置。只需轉到您想要嵌入內容的頁面或帖子并添加簡碼塊即可。
之后,添加以下短代碼:
之后,只需預覽或發布帖子即可。
您現在應該可以看到嵌入在您網站上的內容。
要查看所有可用參數,您可以查看iFrame 插件頁面。
方法3:手動創建iFrame代碼并嵌入WordPress(無需插件)
如果您不想使用特殊的WordPress 插件,那么您可以手動創建 iFrame 代碼。為此,您需要打開頁面或帖子,然后在 WordPress 內容編輯器中添加 HTML 塊。
首先,將以下代碼粘貼到 HTML 塊中:
您可以添加額外的參數來更改內容在網站上的外觀。例如,我們將寬度設置為 600 像素,高度設置為 200 像素:
iFrame 替代方案有哪些?
使用 iFrame 有一些缺點。
并非所有網站都允許您將其內容放入 iFrame 中,您可能需要手動調整內容,使其在可用空間中看起來不錯。
另一個問題是httpS 站點只能將 iFrame 用于來自其他 https 站點的內容。同樣,HTTP 站點只能將 iFrame 用于來自其他 HTTP 站點的內容。
這就是為什么許多平臺(例如 WordPress)更喜歡 oEmbed。
通常,您只需將 URL 粘貼到 WordPress 帖子中即可使用 oEmbed 嵌入視頻和其他內容。WordPress 會自動調整 oEmbed 的大小以適應可用空間,因此它在臺式機、智能手機和平板電腦上始終看起來完美。
重要提示:默認情況下,WordPress 不再支持 facebook 和 instagram 帖子的 oEmbed。有關此主題的更多信息,請查看我們有關如何修復 WordPress 中的 Facebook 和 oEmbed 問題的完整指南。
如果您想在網站上顯示社交提要,那么我們建議使用社交媒體插件而不是 iFrame。
例如,Smash Balloon可以輕松嵌入 Facebook、Instagram、twitter 和 YouTube 的內容。
我們希望本文能幫助您了解如何在 WordPress 中輕松嵌入 iFrame 代碼。您可能還想查看我們關于如何在 WordPress 中創建自定義 Instagram 照片源的指南,或者查看我們的專家精選的WordPress 最佳 YouTube 畫廊插件。