Tags

STEP 3 of the BuddyPress Template Pack plugin compatibility process.

Based on the HTML structure of your theme, you will be only need to create two new files, header-buddypress.php and sidebar-buddypress.php to make the BP templates compatible with your theme.

If you’ve revised any of the BP template files transferred to your avenue theme folder in server during the BP Compatibility process, please delete the 6 BP folders transferred to your theme folder in server – /activity, /blogs, /forums, /members, /groups, /register – then re-run Appearance > BP Compatibility again to make sure that you have clean template files.

A. COPY your theme’s header.php and Save As > header-buddypress.php

Open up header-buddypress.php and at the BOTTOM of the file, below other code contained within, add this:

<div id="main-area">
<div class="container">
<div id="content-area" class="clearfix">
<div id="left-area">
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

Save file.

B. COPY your theme’s sidebar.php file and Save As > sidebar-buddypress.php

Open up sidebar-buddypress.php and at the TOP of the file, before all other code, add the following:

</article>
</div>

Then at the very BOTTOM of the same file, below all other code, add the following

<?php if ( bp_is_register_page() ) : ?>
        <script type="text/javascript">
                jQuery(document).ready( function() {
                        if ( jQuery('div#blog-details').length && !jQuery('div#blog-details').hasClass('show') )
                                jQuery('div#blog-details').toggle();
                        jQuery( 'input#signup_with_blog' ).click( function() {
                                jQuery('div#blog-details').fadeOut().toggle();
                        });
                });
        </script>
<?php endif; ?>
</div></div></div>

Save file.

C. Upload header-buddypress.php and sidebar-buddypress.php to your theme folder in server wp-content/themes/avenue/ in the same directory where your regular header.php and sidebar.php files are

D. Copy the style modifications made in BP Twenty Ten to bottom of your theme’s stylesheet http://codex.buddypress.org/legacy/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ Adjust to taste.

About these ads