@udotorg two things before we begin with transformation, based on layout in Pages like the About page here http://templatesden.com/TF/WPCMS/denizen/about-us/
:
1. The BP pages title won’t have the same look as the title “About Us” in link above
2. Do you still want the right sidebar included in the layout?
Let me know.
1. I’m fine with losing that top header/title thing at the top. It’s one of the things I’m thinking about taking out entirely anyway.
2. Yes. I’d like to keep the sidebar.
Related notes:
I’ll be making some tweaks to the layout to make more room for the main content column that the Buddypress stuff will be in to have more room, and so it fits on a 1028 width screen. But yes, I need the Buddypress area to fit into the main content column, and since it sounds like this creation of two files (header-buddypress.php and sidebar-buddypress.php) option would be less buggy with BP upgrades, that seems like the safer bet for someone of my poor coding skills. Once it all just works, I should be able to do any CSS mods necessary to make it all look cohesive enough.
Much thanks for the help.
@udotorg Based on initial scan, to make your theme compatible with BuddyPress, you only need to create two new files, header-buddypress.php and sidebar-buddypress.php
If you’ve revised any of the BP template files transferred to your evolution theme folder during the BP Compatibility process, please delete the 6 BP folders transferred to your denizen 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 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 this:
`<?php
$sidebar_layout=get_post_meta($post->ID,’kaya_pagesidebar’,true);
$img_width=kaya_image_width($post->ID);
//sidebar class
$aside_class=($sidebar_layout== “leftsidebar” ) ? ‘one_third’ : ‘one_third_last’;
?>
<div ID); ?>>
<div id="post-” >
B. Copy sidebar.php and Save As > sidebar-buddypress.php
Open up sidebar-buddypress.php and at the top, above all code contained within, add this
`
<div class="”>`
Then at the bottom, below all other code, add this:
`
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();
});
});
`
Save file.
C. Upload header-buddypress.php and sidebar-buddypress.php to your theme folder in server wp-content/themes/denizen/ in the same directory where your regular header.php and sidebar.php are located.
Final note: You might want to check out the style modifications to contain some BP elements as a guide http://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/