Integrate PunBB forum into WordPress

As I promised previously after installed LiewCF.com Forum, here I describe how to integrate PunBB forum into WordPress. The softwares used are WordPress 1.2.2 and PunBB 1.2.4. The same method probably works for later version, too.

Preparation:
Rip the header and footer code of your WordPress template. Remember to remove any WordPress template tags from the code, also the CSS stylesheet links of your template. Here I use _HEADER_ as template header code, _FOOTER_ as template footer code and _CSS_ as template css stylesheet links.

Step-by-step:

  1. Edit main.tpl (remember to make a backup first) that sit in http://www.YOUR_PATH/forum/include/template directory.
  2. Plug in your template header(_HEADER_) and footer(_FOOTER_) code into main.tpl. It will looks something like this:
    [html]
    < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


    _FOOTER_



[/html]

  • You are almost done now. Now we need to tweak the PunBB forum CSS code to make the forum looks better in WordPress. Goto http://www.YOUR_PATH/forum/style/ and edit the CSS code of the PunBB template you are using. I use PunBB Oxygen template, so I edit Oxygen.css.
    In fact, the PunBB forum looks fine after done Step #2 but the font size is very small in Internet Explorer. That’s why I tweak the forum’s CSS code for IE.
  • That’s it. You are done! 🙂
  • Additional: PunBB Plug-ins
    Beside default PunBB installation, I install RSS mod and Active Topics mod from Alex King PunBB Mods collection.

    Thought:
    Hope this small instruction to integrate PunBB forum into WordPress is helpful to some bloggers. Initially, I was planning to use miniBB for my blog but its simple (read: limited) admin control scared me off.

    • hi

      nicee!

    • Hey, I was looking around the web how to do this. Very clear and easy instructions. Thanks a million.

    • Zeke

      Very useful and easy guide. I had integrated punbb into my previous theme, but it was not nearly as clean as this way. Thanks! 🙂

    • Rob

      Would anyone be willing to help me transfer my current invison power board database, into punBB, and then add it to my word press site? I’d be willing to pay if anyone wouldn’t mind helping. I managed to get word press setup, but I really have no idea how to do the rest.

      Please email me if you could possibly help. Again, I’d be willing to compensate you for your time.

      Thanks!

      [email protected]

    • Jim

      Thanks for the little tutorial Liew. Adding PunBB to my site was a snap thanks to you.

      Jim

    • dalton

      Thanks for the great info. Any chance an update for WordPress 1.5 is forthcoming? The template engine for the new WP is pretty different, I’m having trouble adapting the instructions here for the new WordPress.

    • LcF

      The integration for WP 1.5 is similar. The PunBB is standalone from WP template engine.

    • Thank’s a lot from Russia!

    • I just wanted to say thanks for the nice blog entry here. It really helped me to integrate my site. I wrote up blog post, too, that details the exact steps to integrate PunBB with the new k2 theme, and it even includes some files to download.

      http://www.almosteffortless.com/?p=21

      Thanks again!

    • Thanks for that, really helped me setup my forum easily 😉

    • I had another question for punBB integration.

      I want to use PunBB with wordpress, but my question is:

      1. Is it possible to have sub-forums in punBB 1.2.8?
      2. Can invision 2.0 be migrated to punBB 1.2.8 with all sub-forums intact?

      thanks.

    • LcF

      Sajid: PunBB does not support sub forum natively but you can use the punbb sub forum mod

    • Thanks for your reply.

      I tried that link but it sayd its is for version 1.2.6 and i am using 1.2.8

      Anyways I have been able to import invision data into punBB (except the sub forums).

      My next question was about this tutorial.

      I did all the steps as mentioned here, but then how do i add the link of PUNBB to WordPress??

      thanks again

    • LcF

      mod that works for 1.2.6 SHOULD work for 1.2.8 as well, there is not much changes between the versions.

      You may manually edit wordpress template to add the PunBB link.

    • Wow… very cool… I added a forum to my Star Trek site. It looks really slick in my semi-hacked Trekkie theme. Thanks for the easy tips.

    • Heather

      Thanks 🙂 I’m still working on my site, but got it to load with in wordpress looks beautiful

      Thanks again

    • ryan

      Would there be a way to do this but also integrate login information?

    • LcF

      too bad, we haven’t figure out how to integrate the members database with wordpress.

    • Nate

      Between this article and your help to other people in the forums, I was able to integrate beautifully. Thanks a ton.

    • Thanks for the tip!

    • Nnyan

      Between this guide and the one at Almost Efortless (which had some more specific information) I got punBB inbedded into my WP site. Looks great (still have to tweak some of the default colors).

      Only issue I have is that the Administration section spawns a new page (much bigger) and does not display with the header/footer like all the other pages (that I’ve tried so far).

      Any idea how to get the Admin page to behave like the others?

    • quaker

      has anyone got the information for the install of punbb to intergrate the username and pass with WP?
      so, that both pull the same user/pass from the db?

    • eldrick

      I’ve followed the instructions on this and some other sites and my forum integration looks great, except for the search page. The ‘container’ background does not extend to the extent of the search area, instead i get the page background .gif image and its really not good. Any ideas?

    • Hi, Newbie question – How do you rip the header?
      Ajay

    • LcF

      view page source, select and copy what you have between <head> and </head>. Remove any wordpress related code.

    • izlesene

      view page source, select and copy what you have between and . Remove any wordpress related code.

    • 300 is a great movie full of visual effects and graphics which made it different and much better.
      Acting was great, director did a wonderful job and chose great actors, full of action, and it is based on a true story.

    • valiko

      Oh that was really helpfull! Thanks.

    Pin It on Pinterest

    Share This

    Share this post with your friends!