[WordPress] 外掛分享: Inline frame – Iframe

前言介紹

  • 這款 WordPress 外掛「Inline frame – Iframe」是 2011-10-19 上架。
  • 目前有 200 個安裝啟用數。
  • 上一次更新是 2011-10-20,距離現在已有 4945 天。超過一年沒更新,安裝要確認版本是否可用。以及後續維護問題!
  • 外掛最低要求 WordPress 3.0 以上版本才可以安裝。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

karthiksg |

外掛標籤

iframe | embed page | inline frame | simple iframes | esternal webpage |

內容簡介

由於安全原因,當您從「HTML」切換至「視覺化」標籤時,WordPress 會移除 iframe。
內嵌框架有時用於在網頁伺服器上嵌入其他網頁、YouTube 影片或嵌入來自外部網頁的內容。

用法(參數)
* width - iframe 的寬度,以像素為單位HTML 中, 請輸入:[embedsite width="100%" src="http://www.karthik.sg/blog/"] 或是 [embedsite width="640" src="http://www.karthik.sg/blog/"] (預設為 width=”100%”);
* height - iframe 的高度,以像素為單位HTML 中, 請輸入:[embedsite height="480" src="http://www.karthik.sg/blog/"] (預設為 height=”480″);
* src — iframe 的來源:[embedsite src="http://www.karthik.sg/blog/"] (預設為 src=””);
* frameborder - iframe 的 frameborder 參數:[embedsite frameborder="0" src="http://www.karthik.sg/blog/"] (預設為 frameborder=”0″);
* scrolling - iframe 的 scrolling 參數:[embedsite scrolling="no" src="http://www.karthik.sg/blog/"] (預設為 scrolling=”no”);
* marginheight - iframe 的 marginheight 參數:[embedsite marginheight="0" src="http://www.karthik.sg/blog/"] (預設為 marginheight=”0″);
* marginwidth - iframe 的 marginwidth 參數:[embedsite marginwidth="0" src="http://www.karthik.sg/blog/"] (預設為 marginwidth=”0″);
* allowtransparency - 允許設定 iframe 的透明度:[embedsite allowtransparency="true" src="http://www.karthik.sg/blog/"] (預設為 allowtransparency=”true”);
* id - 允許添加 iframe 的 ID:[embedsite id="my-id" src="http://www.karthik.sg/blog/"] (預設為 id=””);
* class - 允許添加 iframe 的 class:[embedsite class="my- class" src="http://www.karthik.sg/blog/"] (預設為 class=”iframe-class”);
* same_height_as - 允許將 iframe 的高度設置為與目標元素相同:[embedsite same_height_as="body" src="http://www.karthik.sg/blog/"],
[embedsite same_height_as=”div.sidebar”], [embedsite same_height_as="div#content"],
[embedsite same_height_as=”window”] - iframe 將擁有可見區域 (viewport) 的高度,
[embedsite same_height_as=”document”] - iframe 將擁有文件的高度,
[embedsite same_height_as=”content”] - 自動調整高度功能,因此 iframe 的高度將與所嵌入的內容相同
(僅適用於同一域名)(預設為 same_height_as=””);

原文外掛簡介

WordPress removes iframe when you switch from “HTML” to “Visual” tab because of the security reasons.
Inline frames are needed to embed other page in your websserver, video from youtube or to embed Google Map or just to embed content from external page.
Usage (parameters)
* width – width of the iframe in pixels [embedsite width="100%" src="http://www.karthik.sg/blog/"] or [embedsite width="640" src="http://www.karthik.sg/blog/"] (by default width=”100%”);
* height – height of the iframe in pixels [embedsite height="480" src="http://www.karthik.sg/blog/"] (by default height=”480″);
* src – source of the iframe [embedsite src="http://www.karthik.sg/blog/"] (by default src=””);
* frameborder – frameborder parameter of the iframe [embedsite frameborder="0" src="http://www.karthik.sg/blog/"] (by default frameborder=”0″);
* scrolling – scrolling parameter of the iframe [embedsite scrolling="no" src="http://www.karthik.sg/blog/"] (by default scrolling=”no”);
* marginheight – marginheight parameter of the iframe [embedsite marginheight="0" src="http://www.karthik.sg/blog/"] (by default marginheight=”0″);
* marginwidth – marginwidth parameter of the iframe [embedsite marginwidth="0" src="http://www.karthik.sg/blog/"] (by default marginwidth=”0″);
* allowtransparency – allows to set transparency of the iframe [embedsite allowtransparency="true" src="http://www.karthik.sg/blog/"] (by default allowtransparency=”true”);
* id – allows to add the id of the iframe [embedsite id="my-id" src="http://www.karthik.sg/blog/"] (by default id=””);
* class – allowing to add the class of the iframe [embedsite class="my-class" src="http://www.karthik.sg/blog/"] (by default class=”iframe-class”);
* same_height_as – allows to set the height of iframe same as target element [embedsite same_height_as="body" src="http://www.karthik.sg/blog/"],
[embedsite same_height_as=”div.sidebar”], [embedsite same_height_as="div#content"],
[embedsite same_height_as=”window”] – iframe will have the height of the viewport (visible area),
[embedsite same_height_as=”document”] – iframe will have the height of the document,
[embedsite same_height_as=”content”] – auto-height feature, so the height of the iframe will be the same as embedded content
(works only with the same domain) (by default same_height_as=””);

各版本下載點

  • 方法一:點下方版本號的連結下載 ZIP 檔案後,登入網站後台左側選單「外掛」的「安裝外掛」,然後選擇上方的「上傳外掛」,把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二:透過「安裝外掛」的畫面右方搜尋功能,搜尋外掛名稱「Inline frame – Iframe」來進行安裝。

(建議使用方法二,確保安裝的版本符合當前運作的 WordPress 環境。


最新版本

延伸相關外掛(你可能也想知道)

暫無相關外掛推薦。

文章
Filter
Apply Filters
Mastodon