WordCamp Geneva 18 Nov. 2016. First steps to customize your BuddyPress website : options, templates, navigation menu, wording... How to modify your profile page and your members directory page.

1. Sylvie Clément
alias @Oelita
Customizing a BuddyPress
community website

2. functions and
APIs
templates
hooks and filters add-ons
a free official
plugin for online
communities and
social networks

3. Install and options

7. 8 components
to choose from

8. Special pages
created
for the active
components

9. Remember to
disconnect
before testing
register
page…
This is the only required
profile field for BP

10. Title
(and slug)
of the WP
page, but no
content

12. BuddyPress menu items

15. All these logged-in and logged-out
menu items will appear automatically
according to your visitor status.
So, you place all of them together in the
same menu !

16. logged-in visitor logged-out visitor

17. Profile fields

18. Only the base
group fiels will
appear on the
registering form.
All others groups
will appear only
on profile pages
(even if required).

21. Profile fields
appear on my
own profile
page.
There is also a
full navigation
menu for my BP
functions.

22. Profile fields
appear on
other members
profile page if
visibility is OK.
With a minimal
navigation
menu.

23. But no
profile
fields on
the
members
directory

24. BP templates

25. BuddyPress comes with two
templates folders :
• bp-default :
a full parent theme
• bp-legacy :
templates to extend any
theme

26. When creating your child theme :
• you use bp-default as your parent theme
• you use any parent theme you want, and it
will automatically use bp-legacy BP
templates in addition to your parent ones
• you use a twentysometing theme as a
parent, and it will use bp-legacy templates
+ a CSS companion stylesheet

27. Keep the same needed
folders inside
buddypress folder
members/index.php
is the members
directory page
template
BP template files are in BP plugin folder, and you
can overwrite any of them in your child

29. We can add the WP page content at the
top of the page, only for logged-out
members :

30. We can see this in members/index.php :
instead of modifying this template, we can
use this hook in our functions.php :

31. To add profile fields to our members loop in
the members directory, look at
buddypress/members/members-loop.php
We can see this in members/index.php :

32. buddypress/members/members-loop.php
use this hook
or add it here
we don't want activity time to appear

34. BP navigation

35. BP nav
BP subnav
BP navigation is adapted to your
components and options :
but what if you want Friends in second place ?
and name it "Contacts" ?

36. These are not standard WP menus ! you
have to code to modify them.
Before BP 2.6 :
use of global $bp->bp_nav, an array
After 2.6 : bp_nav global is deprecated.
"Please use the BuddyPress nav functions
instead."
but still with $bp = buddypress()
which contains all BP parameters

37. cf. https://codex.buddypress.org/developer/navigation-api/
Add action on bp_setup_nav in your
functions.php

38. url : /members/oelita/contact/
url : /members/oelita/friend/

39. BP translation and
wording

40. BuddyPress translation will arrive in
wp_content/languages/plugins :
Use PoEdit to modify texts in it
(labels, buttons... )

41. to save your modified version from being
overwrited in next version, copy it to
wp_content/languages/buddypress
It will be used in first place...

44. BP other functions
and APIs

45. Find some documentation in BP Codex
Developper section
https://codex.buddypress.org/developer/
about...
and BP email API, and Group Types,
and Activity functions, and Notification ones

46. BP themes and plugins

47. Useful plugins
media plugins :
BP Activity Plus
MediaPress
rtMedia
collaborative tools :
Buddypress Docs
BuddyDrive
bbPress forums
profile :
Xprofile Custom Fields Type
BP Profile Search
multilingual :
buddypress multilingual
for WPML
WangGuard antispam

48. Real BuddyPress Themes
(and plugins)
Expert publishers
buddydev.com
buddyboss.com
both since 2009
They have blogs !
and also :
ThemeKraft
on ThemeForest (be
careful but there are
some ideas)
Cinematix
Kleo
Socialize

49. @Oelita