[protip] - Full wordpress site in FB fan page (responsive sites only)

greyhat

English Gent
Nov 30, 2009
853
8
0
UK
Hi Guys,

Not sure if you know about this or are interested but i was messing about with a couple of responsive Wordpress sites and Facebook this morning.

I have tried to do this before but with no success. Now responsive design make it easy!

It's basically the whole WP site withing a facebook fan page tab IFRAME . . .

1: My office - Tailored Prints | Facebook

2: My office - Mint Leeds | Facebook

They are not quite finished i need to remove the scrolls which is done via the javascript SDK: facebook - Really stuggling with Removing Vertical Scroll bar from custom fan page tab - Stack Overflow


If you want to do this you need a responsive wordpress site and 5 minutes!

Set your tab up as normal:

Page Tab Tutorial - Facebook Developers

Instead of having the site in your root directory, just use the following code in your index.htm/.php file:

Code:
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="refresh" content="0; url=http://www.URL OF WORDPRESS SITE/">
</head>
</html>

or similar, A PHP redirect may work too i guess. The important part there is the 'meta refresh' tag. It just sends the visitor to the wordpress site, via the iframe of course. This results in a fully functional wordpress site in your fan page and of course it's the same site so no need to update 2 sites etc.

Just thought i would share!

Must be worth a bit more money per job, right!?

Simples.

Any questions give me a shout.

:)

FIT-FRESHERS-FRONT-MAG-147-4.jpg