BuddyPress Template Pack, WordPress Theme Repository

Pinboard Theme

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
Standard

6 thoughts on “Pinboard Theme

    • mercime says:

      Sorry no.

      I just helped out someone who requested for assistance at the BuddyPress forums. He/she posted the source codes of the theme’s template files and I gave the instructions above, as simple as that.

      • mercime says:

        >> Do you know why the sidebars keep getting pushed to the bottom under the activity?

        Because the HTML structure of your theme is not the same as the HTML structure of the BP Default theme (where those BP template files came from). That’s why you need to implement the instructions above in order to correct the structure in the BP template files to match your theme’s HTML structure.

        Having said that, if you can wait for BP 1.7 (beta is out now) you won’t need to do all of the above anymore :-)

Comments are closed.