[aprioristic]

I saw some guides on this step to get my theme to work with BP, but I am not 100% confident about what I am doing, especially with how steps differed for the register.php. If I am missing something, please let me know.

I think this is right, but am too tired to continue for the day, so I will copy/paste them all tomorrow and see what the damage is

These are my theme’s files:

page: http://pastebin.com/8AAHpbQs

header: http://pastebin.com/6EDusUpe
footer: http://pastebin.com/1ExBm76U
sidebar: http://pastebin.com/65vycTCU
index: http://pastebin.com/f3p74LL5

I’m thinking I need to change the start

<div id="content">
<div class="padder">

to

<?php get_header();
global $woo_options;
?>

<div id="content" class="page col-full">

<section id="breadcrumbs">

</section><!--/#breadcrumbs -->

<section id="main" class="col-left">

and the end..

</div><!-- .padder -->
</div><!-- #content -->

 // different in each file

change to

</section><!-- /#main -->

</div><!-- /#content -->

Then I guess the only difference is register.php adding this script:

</section><!-- /#main -->

</div><!-- /#content -->

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();
});
});

I’m totally new to BP and just starting to take a look so maybe the examples I saw are outdated. After this, I am guessing I will still have to tweak CSS and maybe look at some examples here: http://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/

I’m kind of questioning if I really want all the BP features, such as activity streams, so maybe it will be simpler to drop some of those. Thanks in advance for anyone who can help.

[yadigit]

Go to your /wp-admin -> plugins -> search buddypress template pack.
install and run the plugin,
(all should work well)

if that does not work then you should
link css of buddypress to the header.php
move all member files to the root of the theme,
you may have to tweet the css..

@aprioristic if needed i’ll tweak this theme for you.

[aprioristic]

I did install the template pack and it says I need to change template files. I can notice that the BuddyPress CSS is messing with some buttons already, so certainly that will need to be fixed too.

I saw some threads saying I need to change the HTML of my templates in one of two ways if the template pack doesn’t just work (it didn’t).

I’m not sure what you mean by:

“link css of buddypress to the header.php
move all member files to the root of the theme,”

I think BuddyPress’ CSS is being called because it is breaking some appearances other places. Should I be only calling the CSS on BP pages or just sort out the conflicts?

[@mercime]

@aprioristic you need to add some more markups at the top and bottom of the files. Will take a look at it now and post the tweaks needed later.

[@mercime]

@aprioristic You got it right, you’d need to use the first option, i.e., change 16 template files within the 6 BP folders transferred to your SMPL theme folder in server during the compatibility process.

If you’ve previously changed any of the BP template files in your theme folder, replace all of them for a clean slate by deleting the 6 BP folders in server – /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
`

`

with
`<?php
get_header();
global $woo_options;
?>

<article >

`

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

…

` or `

..

` to `

// Titles Of Respective BP Page Templates //

` and move it above `

`, just watch out when you do this in the /activity/index.php page.

Save files.

[@mercime]

B. At the bottom of the same 16 files, replace:
`

`

with the following (except for registration/register.php):
`

`

with the following for registration/register.php:
`

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 files.

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

D. Check out the style modifications made in BP Twenty Ten for reference especially with removing the bullets and bringing in the extended width of the BP elements. https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and copy these over to your theme’s stylesheet and adjust as needed.