Tags

STEP 3 of the BuddyPress Template Pack plugin compatibility process.

Based on the HTML structure of your theme, you need to change 17 template files within the 6 BP folders transferred to your flexx theme folder in server during the compatibility process.

If you’ve previously changed any of the BP template files in your flexx theme folder in server, replace all of them for a clean slate by deleting the 6 BP folders – /activity, /blogs, /forums, /groups, /members, and /registration – then re-run Appearance > BP Compatibility.

Download the 6 clean BP folders to your computer hard drive.

A. At the top of each of those 17 template files I linked to above, replace

<?php get_header( 'buddypress' ); ?>
<?php do_action( '//DIFFERENT HOOKS' ); ?>
<div id="content">
<div class="padder">

with the following:

<?php get_header(); global $wp_theme_options; ?>
<?php do_action('before_content'); ?>
<div class="<?php do_action('content_style'); ?>" id="content">
<div class="post">

Then in each of 17 files, where applicable, you’d like to change the BP Templates’ page title’s header tag from

<h2>...</h2> or <h3>..</h3>

to

<h3 id="post-<?php the_ID(); ?>"> // RESPECTIVE BP TEMPLATE TITLES // </h3>

Just watch out when you do this in the /activity/index.php page.

Save files.

B. At the bottom of the same 17 files, replace:

</div><!-- .padder -->
</div><!-- #content -->
<?php do_action( '//DIFFERENT HOOKS' ); ?>
<?php get_sidebar( 'buddypress' ); ?>
<?php get_footer( 'buddypress' ); ?>

with the following (except for registration/register.php):

</div></div>
<?php do_action('after_content'); ?>
<?php get_footer(); ?>

with the following for registration/register.php:

</div></div>
<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 do_action('after_content'); ?>
<?php get_footer(); ?>

Save files.

C. Upload the 6 BP folders containing the 17 files you’ve just revised to your server wp-content/themes/flexx/

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

About these ads