Theming for BuddyPress

8,108
-1

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
8,108
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
36
Comments
0
Likes
2
Embeds 0
No embeds

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
  • Theming for BuddyPress

    1. 1. Theming BuddyPressor, How to become history’s awesomest personWordCamp PhoenixJanuary 29 2011Boone B Gorges@booneboonebgorges.com
    2. 2. Who is Boone?
    3. 3. Who is Boone?
    4. 4. Who is Boone?• Philosopher
    5. 5. Who is Boone?• Philosopher• Wisconsinite
    6. 6. Who is Boone?• Philosopher• Wisconsinite• Punctual
    7. 7. Who is Boone?• Philosopher• Wisconsinite• Punctual• BuddyPress committing developer
    8. 8. Who is Boone?• Philosopher• Wisconsinite• Punctual• BuddyPress committing developer
    9. 9. BuddyPress is gonna getcha
    10. 10. BuddyPress is gonna getcha • Friends
    11. 11. BuddyPress is gonna getcha • Friends • Groups
    12. 12. BuddyPress is gonna getcha • Friends • Groups • Private Messages
    13. 13. BuddyPress is gonna getcha • Friends • Groups • Private Messages • Forums
    14. 14. BuddyPress is gonna getcha • Friends • Groups • Private Messages • Forums • Activity Streams
    15. 15. BuddyPress is gonna getcha • Friends • Groups • Private Messages • Forums • Activity Streams • Profiles
    16. 16. Must avoid Text http://www.flickr.com/photos/andidigress/4471100232/
    17. 17. BuddyPress is WordPressBuddyPress themes areWordPress themes
    18. 18. BuddyPress is WordPress(plus some cool stuff)BuddyPress themes areWordPress themes(plus some extra templates)
    19. 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. 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. 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. 22. wp-content/themes/[your-bp-theme]/groupscreate.phpgroups-loop.phpindex.phpsingle/
    23. 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. 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. 25. So how do I get started?1. BuddyPress Template Pack2. bp-default child theme3. From scratch
    26. 26. 1. BuddyPress Template Packhttp://wordpress.org/extend/plugins/bp-template-pack/A plugin that adds the necessarytemplate files to your existing theme
    27. 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. 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. 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. 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. 31. 3. From scratchLike mom used to makehttp://codex.buddypress.org/developer-docs/custom-buddypress-loops/
    32. 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. 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. 34. Большое срасибо!Boone B Gorges@booneboonebgorges.com

    ×