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

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

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

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


<header class="page-entry-header"><h1 class="entry-title"> // Titles Of Respective BP Page Templates // </h1></header>

AND move title to above

<div class="single-entry-content">

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 class="clear"></div></div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

with the following for registration/register.php:

<div class="clear"></div></div>
<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 get_sidebar(); ?>
<?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/yoko/

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.


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 )

Google+ photo

You are commenting using your Google+ 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 )


Connecting to %s