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(); ?>
</div>
<?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:

</div></div></div>
<?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('div#blog-details').toggle();
                        jQuery( 'input#signup_with_blog' ).click( function() {
                                jQuery('div#blog-details').fadeOut().toggle();
                        });
                });
        </script>
<?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 http://codex.buddypress.org/legacy/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ Adjust to taste.

Advertisements

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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