Skip to:
Content
Pages
Categories
Search
Top
Bottom

Easy way to integrate BBPress & WordPress themes


  • lamentira
    Member

    @lamentira

    I have discovered that there is a very easy way to integrate a BBPress forum inside of a WordPress blog. I havent found anyone in the forums doing it in this way so I will explain it here.

    1. Asumed that you have instaled wordpress and bbpress, and you have integrated bbpress with wordpress following the steps showed in bbpress installation process.

    2. You have to go to the administration pannel in your wordpress (wp-admin)

    3. Create a page named Forum. Chose HTML and include the following code:

    <iframe id=”forum” name=”forum” src=”http://your_url/bbpress_folder” frameborder=”0″ framespacing=”0″ scrolling=”auto” border=”0″ style=”width:925px; height:1000px; ” >

    Sorry, your browser doens’t support iframe. Please upgrade your browsers.

    </iframe>

    replace the bold characters for the apropiate values in your web. The number in bold is the with of your blog. In that case (I use primepress theme) it is 925

    4. Now we only have to add the widget to show the page, or like in my case, the theme shows all the pages in the blog as options in the header. We only have to remove the header and the footer of the forum.

    5. In your bbpress directory go to bbtemplates and make a copy of kakumei directory. You could call it noheader directory and open it.

    6. Open header.php and replace this

    <body id=”<?php bb_location(); ?>”>

    <div id=”wrapper”>

    <div id=”main”>

    <div class=”search” align=”right”>

    <?php search_form(); ?>

    </div>

    <?php if ( bb_is_profile() ) profile_menu(); ?>

    with this

    <body id=”<?php bb_location(); ?>”>

    <div id=”wrapper”>

    <div id=”main”>

    <div class=”search” align=”right”>

    <?php search_form(); ?>

    </div>

    <?php if ( bb_is_profile() ) profile_menu(); ?>

    7. Open footer.php and delete this section

    <div id=”footer” role=”contentinfo”>

    <p><?php printf(__(‘%1$s is proudly powered by bbPress.’), bb_option(‘name’), “http://bbpress.org”) ?></p>

    <!– If you like showing off the fact that your server rocks –>

    <!– <p class=”showoff”>

    <?php

    global $bbdb;

    printf(

    __( ‘This page generated in %s seconds, using %d queries.’ ),

    bb_number_format_i18n( bb_timer_stop(), 2 ),

    bb_number_format_i18n( $bbdb->num_queries )

    );

    ?>

    </p> –>

    </div>

    <?php do_action(‘bb_foot’); ?>

    8. Open style.css and delete this

    #wrapper {

    background: #fff url(‘images/page_header_tile.png’) repeat-x 0px -15px;

    }

    9. You can add the reference a bbpress.org in the wordpress footer.

    Hope this help

    You can see the result here http://www.lamentiraestaahifuera.com

    This is the forum page:

    http://www.lamentiraestaahifuera.com/?page_id=45

Viewing 8 replies - 1 through 8 (of 8 total)
Viewing 8 replies - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.