Ask your WordPress questions! Pay money and get answers fast! (more info)

Adjusting my Woothemes Unsigned theme for BP WordPress

  • SOLVED

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.

<?php

/**

* 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 http://codex.wordpress.org/Pages

*

* @package WooFramework

* @subpackage Template

*/

get_header();

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 } ?>



<?php

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

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

?>



<header>

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

</header>



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



<?php

// 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' ) ) ) {

comments_template();

}



} // 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?

http://doug.pl/nes/

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?

Thanks
Doug

Answers (1)

2012-12-09

Dbranes answers:

Hi, I guess you mean this kind of layout

[[LINK href="http://i.imgur.com/M9uxZ.jpg"]]http://i.imgur.com/M9uxZ.jpg[[/LINK]]

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

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


to this kind of layout:

<div id="content" class="col-full">
<section id="main" class="col-left">
<article style="" class="page">
<div class="padder">
[...members...]
</div>
</article>
</section>
<aside id="sidebar" class="col-right">
[...widgets...]
</aside>
</div>


in your corresponding BP template files.

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

[[LINK href="http://codex.buddypress.org/legacy/theme-dev-bp-template-pack-walkthrough-twenty-eleven-bp-1-5/"]]http://codex.buddypress.org/legacy/theme-dev-bp-template-pack-walkthrough-twenty-eleven-bp-1-5/[[/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="http://wp.tutsplus.com/tutorials/developing-buddypress-themes-part-1-working-with-the-buddypress-api-and-loops/"]]http://wp.tutsplus.com/tutorials/developing-buddypress-themes-part-1-working-with-the-buddypress-api-and-loops/[[/LINK]]

[[LINK href="http://codex.buddypress.org/legacy/building-a-buddypress-child-theme/"]]http://codex.buddypress.org/legacy/building-a-buddypress-child-theme/[[/LINK]]

cheers.



Dbranes comments:

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

[[LINK href="http://pastebin.com/a5GAMkBX"]]http://pastebin.com/a5GAMkBX[[/LINK]]