Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Trying to implement buddypress into my current wordpress theme

  • Avatar of GuitarAgora
    GuitarAgora
    Participant

    @guitaragora

    Hello, I recently started working with web design and building. I know very little about html and css but enough to know where to go if I woud like to change it. I am currently trying to implement buddypress into my website. When I do, nothing is aligned appropriately. Any help woud be extremely appreciated!

Viewing 16 replies - 1 through 16 (of 16 total)
  • Avatar of mrjarbenne
    mrjarbenne
    Participant

    @mrjarbenne

    As an initial step, you need to activate this plugin: http://wordpress.org/extend/plugins/bp-template-pack/ to create the folders necessary to make BP play nice with your theme. I will say that it is still clunky at that point, and may need some massaging. If you aren’t comfortable tweaking CSS, you may be better served choosing a Buddypress Theme, rather than trying to get a WordPress theme to work.

    The Devs are aware of this and are currently building Theme Compatibility right into the plugin: you can read more about that here: http://wpmu.org/coming-in-buddypress-1-7-compatibility-for-all-wordpress-themes/ You may want to wait for this if you are integrating into an established site and you don’t want to change themes.

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    In addition to what mrjarbenne said above, for your reference there are “template-packed” WordPress themes at http://codex.buddypress.org/theme-development/wordpress-to-buddypress-theme/#template-packed-wordpress-themes

    Avatar of GuitarAgora
    GuitarAgora
    Participant

    @guitaragora

    Thank you both so much for the response! BuddyPress 1.7 being compatible with all WP themes will definitely be a life saver for many people, searching for answers I have run across an unexpected amount of people in my same situation. A lot of those people I’m sure and have seen that you two have talked to in the past. Great to see people like your trying to help the unfortunately not as skilled “n00bs” in the community…

    I guess I will just continue to tinker and see what I can figure out or stumble across. It seems that most buddypress themes I have run across do not fit the design elements my company is looking for. The theme I am currently working with is called “WallBase”. Have either of you ran across someone trying to implement buddypress into this theme?

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @guitaragora yes, that’s a nice theme on the front end. I may be wrong, but I’ve heard that web2feel themes have base64 encodes and that would not be kosher to use. Just in case I’m wrong, we could start step 3 of the BP compatibility process, please open up wallbase’s header.php file, copy all content, paste in pastebin.com, click submit, and post the generated URL here. Do the same for wallbase’s page.php, index.php, sidebar.php, footer.php and the template for the full-width page.

    Avatar of GuitarAgora
    GuitarAgora
    Participant

    @guitaragora

    Header.php: http://pastebin.com/13qsbfAj

    page.php: http://pastebin.com/3MtVK1uN

    index.php: http://pastebin.com/LyvnZa1b

    sidebar.php: http://pastebin.com/e9GrfqME

    footer.php: http://pastebin.com/eQW4x1WZ

    fullpage.php: http://pastebin.com/w55rbG7Q

    @mercime I hope this is what you were asking for, please let me know if i can provide you anything else that might help. Thank you so much for even taking time to see if this is possible!!! I know that coding isn’t a walk in the park and I couldn’t be more thankful for your time!

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @guitaragora Based on the structure of your theme, you need to change 16 template files within the 6 BP folders transferred to your wallbase theme folder in server during the compatibility process.

    If you’ve previously changed any of the BP template files in your wallbase theme folder in server, replace all of them for a clean slate by deleting the 6 BP folders – /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 the following:
    `

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

    `

    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 this page title to above `

    `

    Save files.

    Avatar of @mercime
    @mercime
    Keymaster

    @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/wallbase/

    D. Copy the style modifications made in BP Twenty Ten at http://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste to your theme’s stylesheet. Adjust to taste.

    Avatar of GuitarAgora
    GuitarAgora
    Participant

    @guitaragora

    @mercime once again thank you so much! There are still a couple small things I am sure I will figure out over time but everything you told me to do has implemented buddypress flawlessly.

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @guitaragora for example, /members/index.php file, change
    `

    `
    to
    `

    `

    at this point, the revised title would be somewhere in the structure like so
    `<div class="post" id="post-”>

    `

    so you move it to above `

    ` like so
    `<div class="post" id="post-”>

    `
    Avatar of GuitarAgora
    GuitarAgora
    Participant

    @guitaragora

    @mercime my site is live and running very smooth but did noticed a couple very small things… Lets say someone tries to add me as a friend, I can see the “Cancel Friendship Request” button but I can not see any “Accept Friendship Request” button. Is this a problem you have ran into before and if so, do you know of a solution. I have been searching the forums but have not found a problem or solution related to my situation in particular.

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @guitaragora double-check in Appearance > BP compatibility that you did Not disable JS, otherwise there’ll be issues like you mentioned above.

    Avatar of GuitarAgora
    GuitarAgora
    Participant

    @guitaragora

    @mercime false alarm, a couple other things were not correct so I started from scratch and now the issue is solved… I do have another issue though that seems to be the ONLY thing wrong now(thank god). When looking at a member’s profile, when you press the “view” link next to their status beside their Avatar. In the linked page, the primary menu(on the left side of the screen) is blocking the members Avatar and part of their status. In this link you will be able to see what i am describing

    http://www.guitaragora.com/TheAgora/members/charlton/activity/11/

    Do you know a way or what file I need to modify to align this properly so the menu does not interfere?

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @guitaragora Open up permalink.php from wp-content/themes/wallbase/members/single/activity/permalink.php

    At the very top of the file, replace “ with what I posted above for the top part

    At the very bottom of the file, replace “ with what I posted above for the bottom part.

    Avatar of GuitarAgora
    GuitarAgora
    Participant

    @guitaragora

    @mercime thank you once again!… I have been trying to but a sidebar on my member home page but everything I have tried hasnt done anything but screw up the pages that I actually had a sidebar on… Any suggestions?

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    == I have been trying to but a sidebar on my member home page ==

    What do you mean?

    Avatar of GuitarAgora
    GuitarAgora
    Participant

    @guitaragora

    @mercime I have been trying to put a sidebar on members “profile” page. For instance a side bar on a page like this http://www.guitaragora.com/members/marcel/ … Does that make sense?

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

You must be logged in to reply to this topic.