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