圖文詳解如何在WordPress中嵌入iFrame
前言
Iframe 是一種將網(wǎng)頁嵌入到另一個頁面的內(nèi)容中的方法。這是通過使用 HTML 元素、外部網(wǎng)站的 URL 以及窗口在您的網(wǎng)站上的外觀參數(shù)來實現(xiàn)的。
如何在 WordPress 中使用 iframe:構(gòu)建 iframe 的方法有多種,就像您希望在許多實例中使用其中一種一樣。我們將通過一種最常見的方式將 iframe 添加到您的 WordPress 網(wǎng)站。
手動將 iFrame 添加到 WordPress 頁面:
將 iframe 添加到頁面只需要一行代碼。需要打開和關(guān)閉 HTML 元素以及網(wǎng)頁的 URL。
語法:
<iframe src="example.com"></iframe>
嵌入 WordPress 頁面的步驟:
第 1 步:轉(zhuǎn)到您希望 iframe 出現(xiàn)的頁面。
第 2 步:單擊添加(+)塊按鈕并從彈出窗口中選擇 HTML。
第 3 步:在要嵌入的頁面的編輯器中插入 iframe 標記。
注意:需要注意源 URL 的一些限制。首先,iframe 可能只顯示來自與您使用相同超文本傳輸??協(xié)議 (HTTP) 的網(wǎng)站的內(nèi)容。換句話說,如果您的站點是 HTTPS,則您只能嵌入來自其他 HTTPS 站點的信息。同樣,如果您使用 HTTP,則您可能只包含使用 HTTP 的 URL。
第 4 步:要保存進度并發(fā)布頁面,請單擊“發(fā)布”按鈕。
第 5 步。您的頁面現(xiàn)在應該類似于以下屏幕。
有關(guān) iframe 標記的更多信息:
如果您能夠采用此策略,請記住您也可以更改您的 iframe 以適應您網(wǎng)站的需求。Iframe 參數(shù)開始發(fā)揮作用。以下是一些最常見的。
- Allow:使用此參數(shù),您可以指定您的 iframe 是否應具有某些默認行為或功能。
- 高度:高度參數(shù)設置網(wǎng)頁上 Iframe 窗口的像素大小。
- 寬度:此選項允許您選擇 Iframe 的寬度(以像素為單位)。
例如,窗口大小為 1080 x 720 像素,啟用全屏查看并設置為在網(wǎng)頁其余部分后下載的 iframe 如下所示。
<iframe src="https://example.com" width="1080" height="720" allow="fullscreen"></iframe>
摘要:保持您的網(wǎng)站順利運行,同時仍然遵守法律,這一點至關(guān)重要。Iframe 不僅允許您以合乎道德的方式分享他人的材料,而且還允許您顯示視頻和音頻文件,而無需將它們存儲在您自己的網(wǎng)站上。
總結(jié)
到此這篇關(guān)于如何在WordPress中嵌入iFrame的文章就介紹到這了,更多相關(guān)WordPress嵌入iFrame內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
IIS6.0 開啟Gzip方法及PHP Gzip函數(shù)分享
因為在做一個項目,項目里面服務器主要提供數(shù)據(jù),但是數(shù)據(jù)多了文件就大了,比較浪費流量和時間,我們便用Gzip來處理。我在本機上是apache,服務器上是IIS6.0,用的是php,那么我就在這里分享一下。2014-06-06PHP加Nginx實現(xiàn)動態(tài)裁剪圖片方案
這篇文章主要介紹了PHP加Nginx實現(xiàn)動態(tài)裁剪圖片的方案,使用Imagick組件實現(xiàn),需要的朋友可以參考下2014-03-03PHP的反射類ReflectionClass、ReflectionMethod使用實例
這篇文章主要介紹了PHP的反射類ReflectionClass、ReflectionMethod使用實例,本文同時介紹了反射是什么、反射可以做哪些事情,并給出一個具體例子,是一篇不錯的入門文章,需要的朋友可以參考下2014-08-08Swoole?webSocket消息服務系統(tǒng)代碼設計詳解
這篇文章主要為大家介紹了Swoole?webSocket消息服務系統(tǒng)代碼設計詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-03-03