Skip to:
Content
Pages
Categories
Search
Top
Bottom

Tweaking Layout of SMPL by WooThemes


  • aprioristic
    Member

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

Viewing 5 replies - 1 through 5 (of 5 total)

  • yadigit
    Participant

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

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

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

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

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Tweaking Layout of SMPL by WooThemes’ is closed to new replies.
Skip to toolbar