PDA

View Full Version : How To Integrate Website Header with vBulletin!!!


jdaw
04-01-2010, 07:48 PM
This issue had me running in circles. I am not a coder, so everything was a pain in the wazoo. I thought to lay out the various methods you can use to integrate vBulletin into your website so that it has the same header and/or body. Hopefully this will save someone a little trouble.

If you have Wordpress as your website (CMS), you can call the header and footer with a simple plugin in vBulletin. This isn't as complicated as it sounds.

First you will need to create your plugins. To start, log in to your vBulletin admin and navigate to “Plugins and Products” toward the bottom of the main list. Next, click on “Add New Plugin”.
Now you need to fill in the various fields.
For Product, select “vBulletin”.
For the Hook Location select “global_start”.
For Title simply type something that describes you plugin like Header, or Footer, etc.
Leave the “Execution Order” at 5 or whatever the default value is.
The “Plugin PHP Code” is a little more complicated.
These are two separate plugins.

// Header
ob_start();
include '../blog/wp-conent/themes/your-theme/includes/header.php';
$wp_header = ob_get_clean();

// Footer
ob_start();
include '../blog/wp-content/themes/your-theme/includes/footer.php';
$wp_footer = ob_get_clean();

The $wp_header and $wp_footer are the commands you will enter in the vBulletin header and footer templates to call the plugin. On the main menu navigate to “Styles and Templates” and click on “Style Manager”. Next, select “Edit Templates” from the drop down menu. Enter $wp_header at the beginning of the header template and $wp_footer at the beginning of the footer template.

You can also try an iframe, however the url in the address bar won't update and probably wouldn't word for bookmarking.

<iframe src ="path to forum" width="your width" height="your height">
<p>Your browser does not support iframes.</p>
</iframe>

Things can get pretty complicated. If the iframe isn't sizing properly there are various scripts you can try.
http://www.kaali.co.uk/index.pl?art=94
http://geekswithblogs.net/rashid/archive/2007/01/13/103518.aspx

There is more to come.

DJA
04-17-2010, 01:16 AM
this is awesome! just what i was looking for. thanks!

keep it coming.

right now i have a different integration plug-in for an earlier version of vbulletin, but since i've upgraded to 3.8.5, things aren't quite right. like you, i'm not a coder - at all. so i'm looking for something that i can just plug in and, voila! it works.

thanks again.

SusanN
07-06-2010, 10:38 AM
Enter $wp_header at the beginning of the header template and $wp_footer at the beginning of the footer template.


Hello!

I was happy to find this thread. Do you know if this technique will work with version 4? I've tried it, but it's not working for me. I think it may be because I don't understand the above. Certainly I don't just put $wp_header just like that, do I? Should it be wrapped in something?

Here's what I have so far - not quite there. http://tinyurl.com/24noqrz

BirdOPrey5
07-10-2010, 11:54 PM
This would be better served if submitted as an article then a thread.

fpattberg
07-26-2010, 10:30 AM
Has there been any update on the questions jdaw?

I am also keen to hear how this works for version 4.

Thanks.