Theming for BuddyPress
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
7,517
On Slideshare
6,953
From Embeds
564
Number of Embeds
3

Actions

Shares
Downloads
34
Comments
0
Likes
2

Embeds 564

http://local.cicdev.com 494
http://cunypie.local.cicdev.com 58
http://phxwordcamp.com 12

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

Transcript

  • 1. Theming BuddyPressor, How to become history’s awesomest personWordCamp PhoenixJanuary 29 2011Boone B Gorges@booneboonebgorges.com
  • 2. Who is Boone?
  • 3. Who is Boone?
  • 4. Who is Boone?• Philosopher
  • 5. Who is Boone?• Philosopher• Wisconsinite
  • 6. Who is Boone?• Philosopher• Wisconsinite• Punctual
  • 7. Who is Boone?• Philosopher• Wisconsinite• Punctual• BuddyPress committing developer
  • 8. Who is Boone?• Philosopher• Wisconsinite• Punctual• BuddyPress committing developer
  • 9. BuddyPress is gonna getcha
  • 10. BuddyPress is gonna getcha • Friends
  • 11. BuddyPress is gonna getcha • Friends • Groups
  • 12. BuddyPress is gonna getcha • Friends • Groups • Private Messages
  • 13. BuddyPress is gonna getcha • Friends • Groups • Private Messages • Forums
  • 14. BuddyPress is gonna getcha • Friends • Groups • Private Messages • Forums • Activity Streams
  • 15. BuddyPress is gonna getcha • Friends • Groups • Private Messages • Forums • Activity Streams • Profiles
  • 16. Must avoid Text http://www.flickr.com/photos/andidigress/4471100232/
  • 17. BuddyPress is WordPressBuddyPress themes areWordPress themes
  • 18. BuddyPress is WordPress(plus some cool stuff)BuddyPress themes areWordPress themes(plus some extra templates)
  • 19. Look familiar?404.php index.phparchive.php links.phpattachment.php page.phpcomments.php search.phpfooter.php sidebar.phpfunctions.php single.phpheader.php style.css
  • 20. Look familiar?404.php index.phpactivity/ links.phparchive.php members/attachment.php page.phpblogs/ registration/comments.php search.phpfooter.php sidebar.phpforums/ single.phpfunctions.php style.cssgroups/header.php
  • 21. Look familiar?404.php index.phpactivity/ links.phparchive.php members/attachment.php page.phpblogs/ registration/comments.php search.phpfooter.php sidebar.phpforums/ single.phpfunctions.php style.cssgroups/header.php
  • 22. wp-content/themes/[your-bp-theme]/groupscreate.phpgroups-loop.phpindex.phpsingle/
  • 23. wp-content/themes/[your-bp-theme]/groupscreate.phpgroups-loop.phpindex.phpsingle/ activity.php admin.php forum/ forum.php group-header.php home.php members.php plugins.php request-membership.php send-invites.php
  • 24. wp-content/themes/[your-bp-theme]/groupscreate.phpgroups-loop.phpindex.phpsingle/ activity.php admin.php forum/ edit.php forum.php topic.php group-header.php home.php members.php plugins.php request-membership.php send-invites.php
  • 25. So how do I get started?1. BuddyPress Template Pack2. bp-default child theme3. From scratch
  • 26. 1. BuddyPress Template Packhttp://wordpress.org/extend/plugins/bp-template-pack/A plugin that adds the necessarytemplate files to your existing theme
  • 27. 1. BuddyPress Template Packhttp://wordpress.org/extend/plugins/bp-template-pack/A plugin that adds the necessarytemplate files to your existing theme activity/ blogs/ forums/ groups/ members/ registration/
  • 28. 2. bp-default child themehttp://codex.buddypress.org/theme-development/building-a-buddypress-child-theme/ • Declare the parent theme in style.css /* Theme Name: BP Cha-Ching! Template: bp-default Tags: buddypress */ • Import the parent theme’s stylesheet /* Inherit the default theme styles */ @import url( ../../plugins/buddypress/bp-themes/bp-default/_inc/css/ default.css ); /* Inherit the default theme adminbar styles */ @import url( ../../plugins/buddypress/bp-themes/bp-default/_inc/css/ adminbar.css ); • Override the templates you want to replace
  • 29. 2. bp-default child themehttp://codex.buddypress.org/theme-development/building-a-buddypress-child-theme/activity/ activity-loop.phpfooter.php index.phpheader.phpindex.phpmembers/ single/ activity.php home.php profile.phpDirectory structure matters!
  • 30. 2. bp-default child themehttp://codex.buddypress.org/theme-development/building-a-buddypress-child-theme/ Some examples:• buddypress.org• CUNY Academic Commons• BP Tricks
  • 31. 3. From scratchLike mom used to makehttp://codex.buddypress.org/developer-docs/custom-buddypress-loops/
  • 32. 3. From scratchLike mom used to makeKnow your template tagsbp-activity/bp-activity-templatetags.phpbp-blogs/bp-blogs-templatetags.phpbp-core/bp-core-templatetags.phpbp-forums/bp-forums-templatetags.phpetc
  • 33. How do I know?• Use the BuddyPress Template Pack when... • you already have a WP theme, and want to add BP functionality• Build a child theme of bp-default when... • you want to maximize upgradability• Build a theme from scratch when... • you only need a few BP features, and maybe you don’t want it to look like BP at all
  • 34. Большое срасибо!Boone B Gorges@booneboonebgorges.com