PageView Plugin – Embed an IFRAME in WordPress

download

Download: PageView
Version: 1.5.1
Supports: WordPress 2.5 – 3.1.1
Other: WordPress.org | SVN
Support: Forum

PageView is a plugin that will display another web page inside the current post. This is achieved with the use of an iframe – an HTML tag that allows a webpage to be displayed inline with the current page. Although an iframe can lead to a complicated website, it can be very effective when used appropriately.

Installation

  1. Download PageView
  2. Unzip
  3. Copy to your /wp-content/plugins directory
  4. Activate plugin

You can find full details of installing a plugin on the plugin installation page.

Usage

Insert iframes using WordPress shortcode syntax.

[[pageview url="http://some.place"]]

URL is a required parameter. The following are optional parameters:

  • title – A short title for the iframe
  • desc – A description for the iframe
  • width – The width of the iframe. Defaults to 100%, and can be specified in percent or pixel format (100px or 100%)
  • height – As above, but for height
  • border – ‘yes’ or ‘no’, defaults to ‘no’
  • scrolling – Whether to display scroll bars, ‘yes’, ‘no’, ‘auto. Defaults to ‘no’

For example:

[[pageview url="http://apple.com" height="400px" border="yes']]

[pageview url=”http://apple.com” height=”400px” border=”yes”]

Note: The plugin still supports the older pre-1.5 syntax:

[[pageview http://some.place "title" description]]

282 comments

  1. Hi,
    Is it possible to specify the starting point using some parameter. Sometime, I would like to display only some area in middle of target page.

    Thank you,
    Pornpoj

  2. Hi there,

    Love the plugin. Thanks for building it! Everything looks great on my laptop, but when I checked it on my iphone, it all goes a bit crazy. The iframe seems to be pushing out too wide causing the parent page to break. It’s a bit tricky to explain, but it looks like the iframe content fills up the screen nicely, which the parent page gets squished to only fill half the screen. Also the height of the framed page gets cut off where it looks fine on the laptop. I tried setting the height to 100% but that didn’t work out for me.

    Here’s an example of an offending page:
    http://www.torontoactingstudios.com/Wordpress/bad-dog/

    Any suggestions?

    Thanks!

  3. Great plugin, thank you.
    Sorry my english.
    I need to show a heigth autoadjustable iframe from an external domain. I have changed “$height = ‘400px’;” by “$height = ‘100%’;” but it start working bad.
    What can I do?

  4. Hi!

    I’ve been using pageview for a while and wonder if there is a way
    to change the z-index for the page that is showed. I have a page
    with a swf that cover the the menu of my wordpressinstallation.
    I have tried to change z-index for post in wordpress but with no
    success.

  5. I see the plugin working on your page, in mine I keep getting the following message on WordPress 3.2.1

    This content cannot be displayed in a frame
    To help protect the security of information you enter into this website, the publisher of this content does not allow it to be displayed in a frame.

    Any help greatly appreciated.

  6. Hi, I installed pageview and it shows the page fine. But if I click through a few links it goes out of my website frame and to the actual website. Is there a way to remedy this?

  7. You are the man!! My goal was to show the header of the main website on our blog, but I could never get past php execution security and absolute path issues. Looked at a ton of posts and attempted implementing it in countless ways, but nothing did the trick. Your plugin, my friend, was just what I needed.

    Thanks so much!

  8. Great plugin.

    Is there a way to add a background color to the embedded page?

    http://janinefondiller.com/classesworkshops

    The original page was on a white background and the new location has a dark background. thus the text is hard to read. Ideally, I would like to have a white background with a 75% opacity.

    Any help would be greatly appreciated.

    Jay

  9. Hi there, great plugin, thanks a lot. My question to the board: Does anyone of you have an idea whether I can display the i-frame with rounded borders? This would look really nice for video-player (streaming).
    Thanks for your ideas
    Best
    DAniel

  10. I’ve had the same problem as many above. Tried everything but nothing worked eventhough I had the right.

    The key, in my case, is just; edit/place code in HTML mode. Not in the WYSIWYG area.

    That’s all. It works as a charm.

    I’ve placed a seperate HTML page within a WordPress page: http://www.eamel.net/blog/links-rjochts/

  11. I am trying to use the Iframe to incorporate in to my site. Is there any way that your Iframe can be the same hight as the Iframe page that I am incorporating. Meaning a dynamic iframe that allows your costumers to not nave to scroll. I have used height=”100%” to height=”400%” with no change.

    If you would be able to help me on tis that would be great I really line this plugin. it simple to use but I just need this question answered so I can move on.

    Regards,

    Rick

  12. Wait, nevermind. Found it. thx

    function shortcode( $attrs, $content = null, $code = ” ) {
    $title = $desc = $url = ”;
    $height = ‘800px’;
    $width = ‘100%’;
    $border = ‘no’;
    $scrolling = ‘no’;

  13. Looks like a cool plugin, but not sure if you are still active and was hoping your plugin could do what i need.

    I want to be able to reduce the size of the external page i want in the iframe so that i dont have to use scollbars.

    Is this possible?

    Much appreciated.

  14. How come the page shows within my post for 2 seconds then it opens up the actual URL/Page I am trying to embed? I want it embedded, not for it to open it…

    1. That is probably the website using an iframe breaker. I’m afraid there is nothing you can do about it – the website doesn’t want you iframeing their site.

  15. i want to know how can i add css to that i frame which is coming by this plugin because the page which i am showing on another site using this plugin i dont want to show 2 div like header or footer in the content of the . help me to resolve this problem

Leave a comment

Your email address will not be published. Required fields are marked *