Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Adjusting my Woothemes Unsigned theme for BP WordPress


Hello all...

I've got a Woothemes Unsigned install and Buddypress set up. I need to align the theme pages for BP.

I've installed the BP compatability pack but have alignment issues.

I've created the extra .php files ....
<blockquote>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.</blockquote>

...although I'm not sure where to go from here.

<blockquote>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).</blockquote>

Below is the page.php code.



* Page Template


* This template is the default page template. It is used to display content when someone is viewing a

* singular view of a page ('page' post_type) unless another page template overrules this one.

* @link


* @package WooFramework

* @subpackage Template



global $woo_options;


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

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

<?php if ( isset( $woo_options['woo_breadcrumbs_show'] ) && $woo_options['woo_breadcrumbs_show'] == 'true' ) { ?>

<section id="breadcrumbs">

<?php woo_breadcrumbs(); ?>

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

<?php } ?>


if ( have_posts() ) { $count = 0;

while ( have_posts() ) { the_post(); $count++;



<h1 class="out-box"><?php the_title(); ?></h1>


<article <?php post_class(); ?>>

<section class="entry">

<?php the_content(); ?>

<?php wp_link_pages( array( 'before' => '<div class="page-link">' . __( 'Pages:', 'woothemes' ), 'after' => '</div>' ) ); ?>

</section><!-- /.entry -->

<div class="fix"></div>

<?php edit_post_link( __( '{ Edit }', 'woothemes' ), '<span class="small">', '</span>' ); ?>

</article><!-- /.post -->


// Determine wether or not to display comments here, based on "Theme Options".

if ( isset( $woo_options['woo_comments'] ) && in_array( $woo_options['woo_comments'], array( 'page', 'both' ) ) ) {



} // End WHILE Loop

} else {


<article <?php post_class(); ?>>

<p><?php _e( 'Sorry, no posts matched your criteria.', 'woothemes' ); ?></p>

</article><!-- /.post -->

<?php } // End IF Statement ?>

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

<?php get_sidebar(); ?>

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

<?php get_footer(); ?>

Any love out here today?

One more thing... How easy it is to switch this to a child theme? Do I need to rebuild from the ground up or is there an easier way?


Answers (1)


Dbranes answers:

Hi, I guess you mean this kind of layout

[[LINK href=""]][[/LINK]]

It looks like you will have to change from this layout:

<div id="content">
<div class="padder">
</div><!-- .padder -->
</div><!-- #content -->
<aside id="sidebar" class="col-right">

to this kind of layout:

<div id="content" class="col-full">
<section id="main" class="col-left">
<article style="" class="page">
<div class="padder">
<aside id="sidebar" class="col-right">

in your corresponding BP template files.

Here is a walkthrough how it's done in the twentyeleven theme:

[[LINK href=""]][[/LINK]]

(not sure how this will be exactly for your theme, but it gives some ideas)

Here is a nice introduction to BP child-themes

[[LINK href=""]][[/LINK]]

[[LINK href=""]][[/LINK]]


Dbranes comments:

you can fx try this adjustment for your /member/index.php file

[[LINK href=""]][[/LINK]]