圖文詳解如何在WordPress中嵌入iFrame
前言
Iframe 是一種將網(wǎng)頁嵌入到另一個(gè)頁面的內(nèi)容中的方法。這是通過使用 HTML 元素、外部網(wǎng)站的 URL 以及窗口在您的網(wǎng)站上的外觀參數(shù)來實(shí)現(xiàn)的。
如何在 WordPress 中使用 iframe:構(gòu)建 iframe 的方法有多種,就像您希望在許多實(shí)例中使用其中一種一樣。我們將通過一種最常見的方式將 iframe 添加到您的 WordPress 網(wǎng)站。
手動(dò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 標(biāo)記。

注意:需要注意源 URL 的一些限制。首先,iframe 可能只顯示來自與您使用相同超文本傳輸??協(xié)議 (HTTP) 的網(wǎng)站的內(nèi)容。換句話說,如果您的站點(diǎn)是 HTTPS,則您只能嵌入來自其他 HTTPS 站點(diǎn)的信息。同樣,如果您使用 HTTP,則您可能只包含使用 HTTP 的 URL。
第 4 步:要保存進(jìn)度并發(fā)布頁面,請(qǐng)單擊“發(fā)布”按鈕。

第 5 步。您的頁面現(xiàn)在應(yīng)該類似于以下屏幕。

有關(guān) iframe 標(biāo)記的更多信息:
如果您能夠采用此策略,請(qǐng)記住您也可以更改您的 iframe 以適應(yīng)您網(wǎng)站的需求。Iframe 參數(shù)開始發(fā)揮作用。以下是一些最常見的。
- Allow:使用此參數(shù),您可以指定您的 iframe 是否應(yīng)具有某些默認(rèn)行為或功能。
- 高度:高度參數(shù)設(shè)置網(wǎng)頁上 Iframe 窗口的像素大小。
- 寬度:此選項(xiàng)允許您選擇 Iframe 的寬度(以像素為單位)。
例如,窗口大小為 1080 x 720 像素,啟用全屏查看并設(shè)置為在網(wǎng)頁其余部分后下載的 iframe 如下所示。
<iframe src="https://example.com" width="1080" height="720" allow="fullscreen"></iframe>
摘要:保持您的網(wǎng)站順利運(yùn)行,同時(shí)仍然遵守法律,這一點(diǎn)至關(guān)重要。Iframe 不僅允許您以合乎道德的方式分享他人的材料,而且還允許您顯示視頻和音頻文件,而無需將它們存儲(chǔ)在您自己的網(wǎng)站上。
總結(jié)
到此這篇關(guān)于如何在WordPress中嵌入iFrame的文章就介紹到這了,更多相關(guān)WordPress嵌入iFrame內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
詳解PHP使用Redis存儲(chǔ)session時(shí)的一個(gè)Warning定位
本篇文章主要介紹了PHP使用Redis存儲(chǔ)session時(shí)的一個(gè)Warning定位,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07
Yii輸入正確驗(yàn)證碼卻驗(yàn)證失敗的解決方法
這篇文章主要給大家介紹了Yii輸入正確驗(yàn)證碼卻驗(yàn)證失敗的解決方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起看看吧。2017-06-06
解析yahoo郵件用phpmailer發(fā)送的實(shí)例
本篇文章是對(duì)yahoo郵件用phpmailer發(fā)送的實(shí)例進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-06-06
Yii中CGridView實(shí)現(xiàn)批量刪除的方法
這篇文章主要介紹了Yii中CGridView實(shí)現(xiàn)批量刪除的方法,實(shí)例分析了CGridView的相關(guān)設(shè)置,前臺(tái)JS調(diào)用與后臺(tái)Action具體功能實(shí)現(xiàn)的技巧,需要的朋友可以參考下2015-12-12
yii實(shí)現(xiàn)級(jí)聯(lián)下拉菜單的方法
這篇文章主要介紹了yii實(shí)現(xiàn)級(jí)聯(lián)下拉菜單的方法,需要的朋友可以參考下2014-07-07
淺談thinkphp的nginx配置,以及重寫隱藏index.php入口文件方法
今天小編就為大家分享一篇淺談thinkphp的nginx配置,以及重寫隱藏index.php入口文件方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-10-10

