Hey..I’ve installed BP on my existing theme and did the template file transfer. So I’m at the point where I need to do the html alignment fixing since BP didnt align correctly with my existing theme.

I have background in HTML so I figured it wouldn’t be much trouble but I’m really at a loss here. I see the html structure of my original page.php but I’m running into trouble doing the following:

“You will need to change the HTML structure in the BuddyPress templates that you copied into your theme to match the structure in your page.php or index.php file.”

I’m not exactly sure what I’m changing in the BuddyPress templates to be honest. I’ve looked at the two different options it gives but I’m having troubling doing them with my particular theme.

Can anyone reference some more material on this than the provided “fixing alignment” instructions. Maybe there’s some examples somewhere. Any help would be greatly appreciated.

[@jkrysto Member 12 years, 8 months ago]

I’m really trying to understand this

“Alternatively, you may find it easier to make copies of your theme’s header.php, sidebar.php and footer.php and rename them to header-buddypress.php, sidebar-buddypress.php, and footer-buddypress.php.

Then you can alter the structure of these new template files (header-buddypress.php, sidebar-buddypress.php, and footer-buddypress.php) to resemble your theme’s page.php (or index.php).”

So I can make those new pages but then alter the structure of them to “resemble” your themes page.php file? I have my page.php too and see the html structure but these directions seem a bit vague to me on what needs to happen in the newly created files.

Are there any tutorials on this blog about integrating themes? I’m struggling to find any material on it. I’m hoping to resolve this today if anyone has some insight. Thanks

[@chrisclayton Participant 12 years, 8 months ago]

@jkrysto i’m not the greatest with the theme template pack conversion stuff (i prefer to start from scratch) but essentially what it’s asking you to do is make sure that if your page.php has a `

` then you need to include that div within the BuddyPress templates.

Theres a hands-on tutorial on integrating the TwentyTen theme with BuddyPress that might help: https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/

[@jkrysto Member 12 years, 8 months ago]

Thanks I’ll work through the tutorial. My page.php looks like this so I see a few

throughout. I’m guessing I would just add those to the BP template files.

`

<div class="post" id="post-“>

“alignleft post_thumbnail”)); } ?>
<?php the_content('

Read the rest of this page »

‘); ?>

‘

Pages: ‘, ‘after’ => ‘

‘, ‘next_or_number’ => ‘number’)); ?>

<?php edit_post_link('Edit this entry.', '

‘, ‘

‘); ?>

`

[@aces Participant 12 years, 8 months ago]

https://codex.buddypress.org/theme-development/wordpress-to-buddypress-theme/#template-packed-wordpress-themes ( all done by @mercime , i think. )

It would have helped to know which ( parent ) theme you are using and ideally a link to it….

[@mercime Participant 12 years, 8 months ago]

@aces Yes, did them all so far, but all are welcome to help out

@jkrysto what’s the name of your WP theme? Open up your theme’s header.php file, copy all, then paste code to pastebin.com, click submit, and post the generated URI here. Do the same for your theme’s index.php, page.php, sidebar.php and footer.php

[@mercime Participant 12 years, 8 months ago]

@roguedjinni please start your own topic and post the generated pastebin uri’s there for good nettiquette