Title: IFrame Widget
Author: Debashish
Published: <strong>2008년 10월 1일</strong>
Last modified: 2012년 9월 20일

---

플러그인 검색

이 플러그인은 **최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다**. 워드프레스의
좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 
있을 수 있습니다.

![](https://s.w.org/plugins/geopattern-icon/iframe-widget.svg)

# IFrame Widget

 작성자: [Debashish](https://profiles.wordpress.org/debashish/)

[다운로드](https://downloads.wordpress.org/plugin/iframe-widget.4.1.zip)

 * [세부사항](https://ko.wordpress.org/plugins/iframe-widget/#description)
 * [평가](https://ko.wordpress.org/plugins/iframe-widget/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/iframe-widget/#installation)
 * [개발](https://ko.wordpress.org/plugins/iframe-widget/#developers)

 [지원](https://wordpress.org/support/plugin/iframe-widget/)

## 설명

The IFrame widget can display any external HTML page inside an [HTML IFrame](http://www.w3.org/TR/html4/present/frames.html#edef-IFRAME)
component. The need came from the Hindi Tagcloud JSP that I had once created for
[Chittha Vishwa](http://web.archive.org/web/20080821123115/http://www.myjavaserver.com/~hindi)
and I always thought that there should be some way to display that page on my blog.

#### What’s new in verson 4.x of this plugin?

 1. The Widget now offers configuration of IFrame Border and Scrolling attributes.
 2. You can now have multiple instances of Sidebar Widgets, thanks to the new Widget
    API to which this plugin has been re-written.
 3. A new “Markup Generator” to easily generate the markup that can simply be copy-
    pasted on your page.

## 스크린샷

[⌊Configuration for the IFrame Sidebar Widget.⌉⌊Configuration for the IFrame Sidebar
Widget.⌉[

Configuration for the IFrame Sidebar Widget.

[⌊Example of IFrame Widget markup being used on a page.⌉⌊Example of IFrame Widget
markup being used on a page.⌉[

Example of IFrame Widget markup being used on a page.

[⌊Example of multiple instances of the IFrame Widget & Markups.⌉⌊Example of multiple
instances of the IFrame Widget & Markups.⌉[

Example of multiple instances of the IFrame Widget & Markups.

[⌊Screengrab of the Markup generator page under "Settings > IFrame Markup Generator".⌉⌊
Screengrab of the Markup generator page under "Settings > IFrame Markup Generator"
.⌉[

Screengrab of the Markup generator page under “Settings > IFrame Markup Generator”.

## 설치

 1. Download and unzip iframe-widget.zip
 2. Upload the folder containing `iframe-widget.php` to the `/wp-content/plugins/` 
    directory
 3. 워드프레스의 ‘플러그인’ 메뉴에서 플러그인을 활성화하세요.
 4. To add an IFrame on a sidebar, browse to `Appearance > Widgets` and add the ‘IFrame
    Widget” to desired sidebar. Configure the parameters such as IFrame Title, Dimensions,
    URL etc and save your changes.
 5. To add IFrames to any post or page we suggest that you use the Markup Generator(
    under `Settings > IFrame Markup Generator`) and just copy-paste the generated markup
    to your Post/Page. More experienced users can just add the markup `[dciframe]url,
    width,height,frameborder,scrolling,style[/dciframe]`, for instance `[dciframe]http://
    www.google.com,50%,50%,1,auto,border:1px solid red;[/dciframe]`. Please ensure 
    that your URL doesn’t contain any “comma” character.

## FAQ

  How can I change scroll-bar around the webpage on the IFrame?

If the dimension of the webpage you are trying to display within the IFrame exceeds
the configured dimension of the IFrame (by default) will automatically add scrollbars.
This option can be changed, using the “Display Scroll bars?” configuration option,
you may chose to either display the scroll-bar always, or not at all or select `
auto` to let IFrame decide whether to show the horizontal and/or vertical scroll-
bar. If you are using the `[dciframe]` Markup then you may similarly supply the 
value as the 5th parameters as `[dciframe]http://www.google.com,400,250,1,no,border:
1px solid red;[/dciframe]`, for example (note that the fifth parameter value for`
scrolling` has been set to “no”, thus disabling any scrolling).

  How do I add border to my IFrame?

To add a border to your IFrame Widget, select the option “Yes” as answer to “Display
Frame border?”. Then add the required style information in the “CSS Style” field(
example: you may add `border:1px solid red;`). If you are using the `[dciframe]`
Markup then you may similarly supply the parameters as `[dciframe]http://www.google.
com,400,250,1,auto,border:1px solid red;[/dciframe]`, for example (note that the
fourth parameter value for `frameborder` has been set to “1”).

  How do I add an IFrame to a blog-post or Page?

To add IFrames to any post or page just add the markup `[dciframe]url,width,height,
frameborder,scrolling,style[/dciframe]`, for instance `[dciframe]http://www.google.
com,400,250,1,yes,border:1px solid red;[/dciframe]`.

Note that supplying the URL is mandatory while other parameters are optional; which
means that you may specify only the URL or only the URL & width. Therefore, `[dciframe]
http://www.google.com,400[/dciframe]` and `[dciframe]http://www.google.com[/dciframe]`
are valid tags. Also note that the order of the parameters is important and URL,
Width, Height, Frameborder, Scrolling and Style must be separated with commas. Lastly,
the closing tag `[/dciframe]` is mandatory.

  Can I add multiple IFrames on a Post or Page?

Yes you can. Just add multiple `[dciframe]` tags where required when using the markup
or drop the “IFrame Widget” on your sidebars, as needed [See the [screen shot](https://wordpress.org/extend/plugins/iframe-widget/screenshots/)
section for a screen-grab of multiple widgets in action]. All of these can be configured
independently.

  I don’t understand about adding the Markup. Is there a tool available to generate
the Markup for me?

Fortunately there is now a Markup Generator available to help you, just use the 
Markup Generator under `Settings > IFrame Markup Generator`, click the “Generate
Markup” button and copy-paste the markup to your post or page, as simple as that.

## 후기

이 플러그인에 대한 평가가 없습니다.

## 기여자 & 개발자

“IFrame Widget”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 
기여하였습니다.

기여자

 *   [ Debashish ](https://profiles.wordpress.org/debashish/)

[자국어로 “IFrame Widget”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/iframe-widget)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/iframe-widget/)는, [SVN 저장소](https://plugins.svn.wordpress.org/iframe-widget/)
를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/iframe-widget/)
을 [RSS](https://plugins.trac.wordpress.org/log/iframe-widget/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 4.1

 * Added the Markup generator page to easily generate the markup for simple copy-
   pasting to page/post. The Markup option now also accepts the Scrolling parameter
   as its Sidebar widget counter-part.

#### 4.0

 * Rewrite of the plugin to the new Widget API (thus adding the facility to add 
   multiple instances of IFrame sidebar-widgets). New Parameters Style, Frameborder
   and Scrolling added.

#### 3.0

 * Bug fix: is_nan changed to is_numeric (Thanks eddan). Paypal link corrected. 
   Tested on WordPress 2.8.

#### 2.0

 * New feature: Multiple IFrames can now be added on WordPress Posts and Pages using
   the Markup option.

#### 1.0

 * Initial public release.

## 기초

 *  버전 **4.1**
 *  최근 업데이트: **14년 전**
 *  활성화된 설치 **500+**
 *  워드프레스 버전 ** 3.0 또는 그 이상 **
 *  다음까지 시험됨: **3.4.2**
 *  언어
 * [English (US)](https://wordpress.org/plugins/iframe-widget/)
 * 태그:
 * [html](https://ko.wordpress.org/plugins/tags/html/)[iframe](https://ko.wordpress.org/plugins/tags/iframe/)
   [widget](https://ko.wordpress.org/plugins/tags/widget/)
 *  [고급 보기](https://ko.wordpress.org/plugins/iframe-widget/advanced/)

## 평점

아직 제출된 리뷰가 없습니다.

[Your review](https://wordpress.org/support/plugin/iframe-widget/reviews/#new-post)

[모든  리뷰 보기](https://wordpress.org/support/plugin/iframe-widget/reviews/)

## 기여자

 *   [ Debashish ](https://profiles.wordpress.org/debashish/)

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/iframe-widget/)