Twenty Ten add BuddyPress

We had not really looked at BuddyPress because as theme developers we create themes for WordPress, but recently BuddyPress has become a plugin for WordPress and is supported in the single setup user without the need for Multi-User.

So we started to have a look at installing BuddyPress, the process was to install the BuddyPress plugin which has three steps, one includes editing the .config file so it is not quite plug and play.

After we had configured BuddyPress we went to look for a theme without finding one we really liked, so we thought it could not be to hard to merge BuddyPress into our own theme, or could it?

This is a Twenty Ten ‘child theme’ and requires WordPress 3 or later and the Twenty Ten default theme to work.

This download includes three zipped files in a folder, the theme and two plugins, one plugin has been modified to work with this theme.

Download: Twenty Ten - BuddyPress (1370)

Overview

After installing BuddyPress and looking at the BuddyPress default theme, we thought we would use the Twenty Ten and this theme plugin that transfered support files across to the wannabe BuddyPress  theme. 

We had a look at the BuddyPress plugin page as there would be a lot of work in upgrading a theme, and found this super sliding menu plugin so we do not have to add menu items for our website.

 

But on testing we found a couple of menu item Join Group and Meet Friends did not work in our child theme setup, and there was also no support for the bbPress forums that we had added to our BuddyPress installation, but we have updated the plugin in the download to make these work.

All was going well unit we looked at the registration page and the layout was all over the place, when the theme plugin transfered the template page files across the style was lost, we went to the BuddyPress default themes folder and added the styles from there to our own child themes style.css, where we just updated the colors to match the twenty ten theme.

Members Sidebar

We tested a few of the other pages and all was well, but we wanted a different sidebar for our BuddyPress Members, so they could make use of the BuddyPress widgets, we wanted this to be private so anyone not logged in could not see the members information.

We added an extra sidebar in the functions.php and updated the sidebar.php to look to see if the visitor is logged in and if the sidebar is active, this is not just a BuddyPress modification but could be used on another website with two sidebars one targetting members the other non members.

 

Here is the home page when the member is signed in, as you can see the sidebar has changed to show who is online.

 

This module has not been fully tested, deactivation of the BuddyPress Plugins did not cause any problem, however test on a local setup and do not transport to a live website until you are sure everything works.

Steps:

  • Install the BuddyPress Plugin and Activate
  • Install the two plugins in the Download and Activate
  • Install and Activate the Theme
  • Enjoy

 

We will post another a how-to tutorial on merging BuddyPress into other themes within the next few days, this will be using a child theme and the Plugins used in this theme, so if you are not using child themes now is a good time to do some research.

Credits

 Sarah Gooding who wrote the Sliding Menu Plugin

Alessandro Raffa who wrote the Remove BuddyPress Admin Bar Plugin

Notice

Note: we do require your feedback to improve our themes and tutorials, please leave your comments good or bad. Code disclaimer information This document contains programming examples therefore, www.DigitalRaindrops.net grants you a nonexclusive copyright license to use all programming code examples from which you can generate similar function tailored to your own specific needs. All sample code is provided by www.DigitalRaindrops.net for learning illustrative purposes only. These examples have not been thoroughly tested under all conditions. www.DigitalRaindrops.net, therefore, cannot guarantee or imply reliability, serviceability, or function of these examples. All programs contained herein are provided to you “AS IS” without any warranties of any kind. The implied warranties of non-infringement, merchantability and fitness for a particular purpose are expressly disclaimed.

Membership

We hope you will benefit from our tutorials Membership to this website is not required, however the downloading of some themes and files is restricted to site supporters. You can register for a 10 year ‘Free Supporters Account’ from the members page which will give you access to the source files and free themes, as we introduce premium themes and content some of these these will only be downloadable with a subscription, any revenue from subscriptions is used to support the site costs. This website is a tool to support and promote WordPress and Artisteer, please support, share and give credit for any benefits you gain from the tutorials on this website.

7 thoughts on “Twenty Ten add BuddyPress

  1. I’d like to see an option to include the forums and groups directories in the WP top menu, which is standard for BuddyPress themes. Otherwise, it looks very good so far.

  2. Hi Sallie,
    It is my first look at BuddyPress, I will investigate the menu bar option, I already have a second top menubar style which could be used as a BuddyPress menu bar, so I will look to add that as an alternative to the plugin.

    I did start down that route but was not sure what items should be public and what items should be private.

    David

  3. Hi

    I really like this theme for BuddyPress but are experiencing a few problems.

    First of all the logo image and the message image does not show in the sliding panel – the reference seems fine in the php and the images are located in the right folders. Any ideas to what the problem is?

    Also the forums does not work. It does direct you to what seems to be the right URL, but apparently it points into the blue…do I have to move my forums folder and content in the FTP?

    As I really would like to have this theme with BuddyPress I hope someone is able to guide me.

    Thanks,
    ohm

  4. I have this theme/plugin set installed on a site I’m developing and yet, I can’t get the admin bar to disappear or the sliding panel to show up. The plugins are activated, am I doing something else wrong? I added the code to the wp-config.php file even, nope. Added the update header to the header.php. nope. I’m really liking this whole idea, but I’ve been at it for hours to no avail. Has anyone else experienced this? Help? Thanks.

Leave a Reply

Connections

Connect with Us
Follow Digital Raindrops on Twitter Join Digital Raindrops on Facebook
Share

Related Posts

Posted in Themes

tabbed

We were searching for code to create a tabbed admin page for our WordPress to facebook Plugin, and we found a very nice website with the code we needed, the website is recommended as one to visit. It took a … Continue reading

Read More

Posted in Twenty Ten

asc3.png

It is strange that there is no option to reverse the display order of the posts on the category page, when we select a category the list is the same as a blog, in descending order newest to oldest. That … Continue reading

Read More