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 pinboard theme folder in server during the compatibility process.

If you’ve previously changed any of the BP template files in your pinboard 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 16 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(); ?>
<div id="container">
<section id="content" <?php pinboard_content_class(); ?>>
<article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
<div class="entry">
<div class="entry-content">

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

<header class="entry-header"> // REPLACE WITH TITLES OF RESPECTIVE BP TEMPLATES // </header>

then insert this to just right UNDER

<div class="entry">

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

Save files.

B. At the bottom of the same 16 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 class="clear"></div>
</div></div>
</article>
</section>
<?php if( ( 'no-sidebars' != pinboard_get_option( 'layout' ) ) && ( 'full-width' != pinboard_get_option( 'layout' ) ) ) : ?>
<?php get_sidebar(); ?>
<?php endif; ?>
</div>
<?php get_footer(); ?>

with the following for registration/register.php:

<div class="clear"></div>
</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>
</article>
</section>
<?php if( ( 'no-sidebars' != pinboard_get_option( 'layout' ) ) && ( 'full-width' != pinboard_get_option( 'layout' ) ) ) : ?>
<?php get_sidebar(); ?>
<?php endif; ?>
</div>
<?php get_footer(); ?>

Save files.

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

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