PageView Plugin
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
- Download pageview.zip
- Unzip
- Copy to your
/wp-content/pluginsdirectory - Activate plugin
You can find full details of installing a plugin on the plugin installation page.
Usage
[pageview url "some title" description]
An example is shown below:
| Title: | Urban Giraffe |
| Description: | A blog within a blog! |
Comments (page 2 of 2)
Sep 14, 2008 4:16 am |
Hi,
Installed this plugin and have activated it - however I cannot get the webpage I want to display to show in the post. All that shows up is the code I typed in.
Sep 14, 2008 1:38 pm |
Check the code you typed - if it is showing up then either the plugin is not activated correctly, or you've mis-typed something.
Oct 2, 2008 1:08 pm |
Hi, i already tray to use that but it doesn't work
just show the [pageview url "some title" description]
please help, at http://www.baliaround.com/?p=6
Oct 3, 2008 7:09 am |
Again, check the code you typed - if it is showing up then either the plugin is not activated correctly, or you've mis-typed something.
Dec 10, 2008 1:22 am |
It's a great plugin. I try it in my blog. And it works. Well, i had to add some minor layout change tough, to match my blog theme. Anyway. Big thanks for this great plugin.
Jan 9, 2009 7:34 pm |
It's a very great plugin, i was very worried to handle iframe tag in Wordpress, finally i got your plugin in google search. It was so helpfull for me.
Actually I want to display paragraph (text) as inline frame on my pages, but i tried with your plugin but not get it. I do not want to link url in pageview. Could you/anyone help me in this regard.
Appreciate and thanks
Jan 16, 2009 10:38 pm |
Do you type this "tag" into the text area of the post? I have typed the following:
[pageview http://wwwa.sheetmusicplus.com/a/f_searchresults3.html?
id=12345&sc2=Guitar%20tablature%20Bluegrass&searchDisplayStr=Guitar%20Tablatu
re%20Bluegrass%20Bestsellers "title" description]
All I get is this text showing up in my post. The plugin is installed and activated. I am running WP 2.7.
Jan 19, 2009 10:14 am |
Great plugin, many thanks. With your plugin I could reuse several parts from my old website.
Jan 19, 2009 4:14 pm |
Hi John,
I have the same problem, just type all correct and get no page within iframe, I just see the code, can you type an example from a working code instead saying to verify the code?
Thanks
Mar 3, 2009 9:51 am |
Can somebody who 'gets' how this works please help me get set up? I have read and re-read and tried everything I can to get it working, and I just need some one on one help. Please let me know ....
Mar 4, 2009 2:43 pm |
Nicole - Download and install the plug-in to your wordpress blog. Activate plug-in and create a post/page for displaying the external webpage. In the post/page you just created, put this code (and only this code): [pageview url "some title" description].
Replace "URL" in the code with the source of your external website: [pageview http://somesite.com "some title" description]. Save the post in HTML view, do not look at the post in visual view as it reportedly disappears.
Preview your post and you should see the "window" appear with your external website displayed. It will be 100% wide to fit you post column and has a set height. You can change that height in the .css page that come with the plug-in.
After I got my window the size I wanted, I didn't like the extra Header that was created at the top of the window so eliminated that stuff also in the .css page.
Hope this helps.
Michael
Mar 7, 2009 7:10 pm |
Michael,
Thank you so much. I tried it and it worked ... I thought I had been doing this from the beginning, but apparently not. MANY many thanks again for your thoughtfulness!
-Nicole
Mar 8, 2009 11:31 pm |
Ok one last question ... I wanted to remove the image, so I did ... but there is text there that says "Some Code." Can you tell me which file I would find that in and/or how to remove it? And can I line the Title and Description up flush against the edge of the box?
Okay, so it was 2 more questions
Thanks!
Mar 14, 2009 4:53 pm |
Nicole - My question to you is how did you remove the image? Like I said, I didn't like any of the stuff in the header so I went in to the .css file that came with the plugin and removed everything except the outside border around where the IFrame window appears. Since the website that displays from inside the IFrame window is database driven and refreshes without refreshing the blog page or post, I wanted that area to look seperate from the rest of the post or page.
The original files in pageview.css are:
div.pageview
{
border: 1px solid #999999;
margin: 5px 0px 15px 0px;
width: 100%;
font-size: 0.8em;
}
div.pageview div.pageviewhead
{
background-color: #EEEEEE;
margin: 0;
padding: 0;
line-height: 1em;
height: 50px;
}
div.pageview iframe
{
border-top: 1px solid #999999;
border-right: 1px solid #999999;
width: 100%;
height: 200px;
}
This is how the .css looks after I removed the header info:
div.pageview {
border: 1px solid #999999;
margin: 5px 0px 15px 0px;
width: 100%;
font-size: 0.8em;
}
div.pageview iframe {
width: 100%;
height: 525px;
}
Hope this helps,
Michael
Apr 6, 2009 1:30 pm |
Is there code I can place inside a page template to call up the iframe? I cannot seem to make my ifram work with any other pages than the default.
See http://www.nlera.org/?page_id=276&preview=true - works great - I just can't drop off the side bars without the iframe go missing.
Thanks!
Jason
Jun 24, 2009 12:01 pm |
Do you offer a plug-in that will do the OPPOSITE? Allow someone to use WordPress as a TinyCMS on a section of a website that is hosted on a separate URL?
Jul 26, 2009 2:39 pm |
Is there a way to resize the page shown? I edited the CSS file to show a longer portion of the page but can't seem to get the width to stay inside the wordpress widgets. Thanks for your time and consideration
Aug 17, 2009 5:25 pm |
Another great plugin from Urban Giraffe. Thanks.
I am, however, trying to remove the pageview.gif, title and description bar altogether. I'm trying to embed a mibbit widget on the page, and the title bar is simply unnecessary. Michael's suggestion merely removes the styling. I've been systematically editing the PHP file trying to find the "trigger" for the bar, but no luck so far. If anyone has a suggestion, let me know. If I find one, I'll come back and post.
thanks,
lisa
Aug 17, 2009 6:12 pm |
Doh, well, I sorted it after pulling string after string apart.
You edit the pageview.php file contained in the VIEW folder, not the root of the plugin.
Simply remove the table containing the HTML for the title/description bar.
Remember, this will remove the title/URL linking to the original web page you're embedding into your Wordpress blog. This may not be kosher if you're grabbing content from someone else's site. I am placing a widget on the page, which doesn't require credit and/or push back to the original site.
Sep 9, 2009 2:47 pm |
It's worth noting that rather than modifying the plugin, if you copy the view directory to your theme's directory, you can edit the files there and they will be used in preference to the ones in the plugin.
Sep 14, 2009 11:09 am |
What would be nice is if the pageview.php that's buried inside the "view" directory could be put in the theme root, for editing directly from Wordpress. Unless I'm mistaken, the current way to do it would require editing the file and re-upping, or if you have an FTP client with built-in editor, connecting up with the client and editing the file directly.
Editing from "Edit Themes" would be ideal.
Oct 21, 2009 3:19 pm |
Hello,
Great plugin John! I really like how simple it is to use!
I came across your plugin because I was trying to get a link to a website in my wordpress post to open in a full iframe, with my header.php info on top.
A great example of what I am trying to accomplish is this:
Urban Giraffe on Google Images
How can I reach my goal John?
Thanks!
Nov 17, 2009 4:33 pm |
I've just installed and got the plugin working - but the window in the website appears is too small. Can you configure the size?
Thanks
Nov 22, 2009 1:51 pm |
This was extremely helpful in designing a wordpress site for a client that would not be happy with anything other than an iframe horizontal image gallery in the page (I tried to get them to use an ajax image gallery or a jquery plugin but they were stuck on using an iframe - their inspiration was a page made in 2005).
Thank you for having an easy solution that is easy for clients to use!
Nov 22, 2009 1:54 pm |
@Tom -
Just edit the CSS file for the plugin to resize the window - go to Plugins > Editor then select this plugin. Look for the PageView.css file and edit the following code:
div.pageview iframe
{
border-top: 0px solid #999999; < My style tweaks, pay no mind to this
border-right: 0px solid #999999; < My style tweaks, pay no mind to this
width: 100%; <-- Make what you want in % or pixels.
height: 500px; <-- Make what you want in pixels (500px was my personal solution, I forgot what was there before).
}
Dec 23, 2009 4:16 pm |
hi, is there any way, to commit the "hight" parameter, which is stored in in pageview.css, as an paranmeter of the shortcode?
I want to use some iframes, each in another hight. now, the hight is fixed in pageview.css for all iframes.
Look at: http://www.runningsocks.de/wordpress/2009/11/29/wacken-2010-some-procedure-as-every-year/
the iframe hight from "Wacken Wetter" is 400px.
but on http://www.runningsocks.de/wordpress/wettervorschau/ i need another hight....
and on http://www.runningsocks.de/wordpress/downloads/dl-explorer-public/ also... and so on
Is there any help or idea for me.
Thanks.
Jan 8, 2010 7:28 am |
Hi John, Hi to all!
Thanks so much for this wonderful plugin that works greatly!
I followed instructions available here to remove the header eliminating fro pageview.css the header info. It doesn't work, did I forget anything? I would simply remove the header, the gif image in it and the title and the website description, (which I have intention to cite properly in other ways). Please, is there anyone who can help me in this? Thanks in advance for the attention.
Jan 8, 2010 7:35 pm |
Hi..Dude..It's a great plugin..
But can u please tell me how can I show up a page from the other website?
Jan 14, 2010 1:11 pm |
Is there a way to run a couple of these side by side.
I am capturing small timetables and currently have 6 all going down the page - wondering if there is a way
i can do this by have 3x2? I am guessing no but then again i figured i should ask.
Simon
Jan 27, 2010 3:57 am |
Sure, it can all be styled with CSS so you can make them do what you want
Jan 23, 2010 8:39 pm |
Hey,
works great, thx a lot. A documentation of the CSS would be helpful.
best regards
Pac
Pings & Trackbacks
rishel.org, my.donews.com, my.donews.com, wp-plugins-db.org, 5mzen.com, rocketmonkeyrodeo.com, lessnau.com, journal.norlich-segen.net, ebooks-with-reseller-rights.com, elraul.com, wordpress-magazine.com, blog.bikershrek.de, hyperpac.info,
Leave a Reply