Backstreet Theme, Themeforest

STEP 3 of the BuddyPress Template Pack plugin compatibility process.

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

Note: If you’ve revised any of the BP template files transferred to your backstreet theme folder in server during the BP Compatibility process, please delete those 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:

<?php if(get_option('reedwan_page_style') == 'sidebar'): ?>
<?php if(get_option('reedwan_sidebar_position') == 'left'): ?>
<div class="left-sidebar grid_4">	
<?php get_sidebar(); ?>
<?php endif; ?>
<div class="single-container page grid_8" >
<div class="single-block">
<div class="single-content">

Save file.

B. CREATE A NEW BLANK FILE named sidebar-buddypress.php

Open up the blank sidebar-buddypress.php file and add the following within:

<?php if(get_option('reedwan_sidebar_position') == 'right'): ?>
<div class="right-sidebar grid_4">	
<?php get_sidebar(); ?></div>
<?php endif; ?>
<?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( 'input#signup_with_blog' ).click( function() {
<?php endif; ?>
<?php endif; ?>

Save file.

C. Upload header-buddypress.php and sidebar-buddypress.php to your theme folder in server wp-content/themes/backstreet/ 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 Adjust to taste.


Leave a Reply

Please log in using one of these methods to post your comment: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s