Wisdom of Life Theme, Themeforest

STEP 3 of the BuddyPress Template Pack plugin compatibility process.

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.

If you’ve revised any of the BP template files transferred to your wisdom of life theme folder in server during the BP Compatibility process, please delete the 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 the code below:

<div id="contentsec">
	<div class="inner">
		<div class="columns">
			<div class="breadcrumb">
		               <?php echo get_the_breadcrumb();?>
			</div>
			<!-- Small side bar left -->
			<div class="col1 left" id="left_colum">
				<div class="blog">
					<h4 class="heading backcolr singlepage"><?php the_title();?></h4>
					<div class="post detail">
						<div class="postdesc"<?php echo ($advanced_settings['publishing_info'] != 'active') ? ' style="border-top:none;margin-top:-5px;"' : '';?>>

Save file.

B. CREATE A NEW BLANK FILE named sidebar-buddypress.php

Open up the blank sidebar-buddypress.php file and add the code below

</div>
</div>
<!-- Social Network-->
<div class="share">
<div id="sa_share_bar">
<?php 
if($advanced_settings['show_links'] == 'active'):?>
<script type="text/javascript">
(function() {
var s=document.createElement('script');s.type='text/javascript';s.async = true;
s.src='http://s1.smartaddon.com/share_addon.js';
var j =document.getElementsByTagName('script')[0];j.parentNode.insertBefore(s,j);
})();
</script>
<ul>
<li><h6 class="bold"><?php _e('Share', 'wisdom_of_life');?></h6></li>
<li><a id="sa_share_facebook" layout="icon" size="24"></a></li>
<li><a id="sa_share_twitter" layout="icon" size="24"></a></li>
<li><a id="sa_share_googleplus" layout="icon" size="24"></a></li>
<li><a id="sa_share_email" layout="icon" size="24"></a></li>
<li><a id="sa_share_share" layout="icon" size="24"></a></li>
</ul>							
<?php endif;?>
<a href="javascript:void(0);" id="print_page" class="print">&nbsp;</a>
</div></div></div>
<div class="clear"></div></div>
<div class="barsmall right" id="right_colum">
<?php 
if(is_active_sidebar('page-sidebar')) dynamic_sidebar('page-sidebar'); 
?>
</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>
</div><div class="clear"></div>
</div><div class="clear"></div>
</div>

Save file.

C. Upload header-buddypress.php and sidebar-buddypress.php to your theme folder in server wp-content/themes/wisdom-of-life/ in the same directory where your regular header.php and sidebar.php files are

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.

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