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.
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!
As an initial step, you need to activate this plugin: https://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.
In addition to what mrjarbenne said above, for your reference there are “template-packed” WordPress themes at https://codex.buddypress.org/theme-development/wordpress-to-buddypress-theme/#template-packed-wordpress-themes
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?
@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.
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!
@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:
`
Then, in each of 16 files, you’d like to change the BP Templates’ page title’s header tag from `
` or `
` to `
` and move this page title to above `
Save files.
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 https://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.
@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.
@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 `
@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.
@guitaragora double-check in Appearance > BP compatibility that you did Not disable JS, otherwise there’ll be issues like you mentioned above.
@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?
@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.
@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?
== I have been trying to but a sidebar on my member home page ==
What do you mean?
@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?
See also: WordPress.org • bbPress.org • BuddyPress.org • Matt • Blog RSS