圖文詳解如何在WordPress中嵌入iFrame

Posted on by

前言

Iframe 是一種將網頁嵌入到另一個頁面的內容中的方法。這是通過使用 HTML 元素、外部網站的 URL 以及窗口在您的網站上的外觀參數來實現的。

如何在 WordPress 中使用 iframe：構建 iframe 的方法有多種，就像您希望在許多實例中使用其中一種一樣。我們將通過一種最常見的方式將 iframe 添加到您的 WordPress 網站。

手動將 iFrame 添加到 WordPress 頁面：

將 iframe 添加到頁面隻需要一行代碼。需要打開和關閉 HTML 元素以及網頁的 URL。

語法：

<iframe src="example.com"></iframe>

嵌入 WordPress 頁面的步驟：

第 1 步：轉到您希望 iframe 出現的頁面。

第 2 步：單擊添加（+）塊按鈕並從彈出窗口中選擇 HTML。

第 3 步：在要嵌入的頁面的編輯器中插入 iframe 標記。

註意：需要註意源 URL 的一些限制。首先，iframe 可能隻顯示來自與您使用相同超文本傳輸​​協議 (HTTP) 的網站的內容。換句話說，如果您的站點是 HTTPS，則您隻能嵌入來自其他 HTTPS 站點的信息。同樣，如果您使用 HTTP，則您可能隻包含使用 HTTP 的 URL。

第 4 步：要保存進度並發佈頁面，請單擊“發佈”按鈕。

第 5 步。您的頁面現在應該類似於以下屏幕。

有關 iframe 標記的更多信息：

如果您能夠采用此策略，請記住您也可以更改您的 iframe 以適應您網站的需求。Iframe 參數開始發揮作用。以下是一些最常見的。

  • Allow：使用此參數，您可以指定您的 iframe 是否應具有某些默認行為或功能。
  • 高度：高度參數設置網頁上 Iframe 窗口的像素大小。
  • 寬度：此選項允許您選擇 Iframe 的寬度（以像素為單位）。

例如，窗口大小為 1080 x 720 像素，啟用全屏查看並設置為在網頁其餘部分後下載的 iframe 如下所示。

<iframe src="https://example.com" width="1080" height="720" allow="fullscreen"></iframe>

摘要：保持您的網站順利運行，同時仍然遵守法律，這一點至關重要。Iframe 不僅允許您以合乎道德的方式分享他人的材料，而且還允許您顯示視頻和音頻文件，而無需將它們存儲在您自己的網站上。

總結

到此這篇關於如何在WordPress中嵌入iFrame的文章就介紹到這瞭,更多相關WordPress嵌入iFrame內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：