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

Theming for BuddyPress

on

  • 6,850 views

 

Statistics

Views

Total Views
6,850
Views on SlideShare
6,286
Embed Views
564

Actions

Likes
2
Downloads
34
Comments
0

3 Embeds 564

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

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \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 Theming for BuddyPress Presentation Transcript

  • Theming BuddyPressor, How to become history’s awesomest personWordCamp PhoenixJanuary 29 2011Boone B Gorges@booneboonebgorges.com
  • Who is Boone?
  • Who is Boone?
  • Who is Boone?• Philosopher
  • Who is Boone?• Philosopher• Wisconsinite
  • Who is Boone?• Philosopher• Wisconsinite• Punctual
  • Who is Boone?• Philosopher• Wisconsinite• Punctual• BuddyPress committing developer
  • Who is Boone?• Philosopher• Wisconsinite• Punctual• BuddyPress committing developer
  • BuddyPress is gonna getcha
  • BuddyPress is gonna getcha • Friends
  • BuddyPress is gonna getcha • Friends • Groups
  • BuddyPress is gonna getcha • Friends • Groups • Private Messages
  • BuddyPress is gonna getcha • Friends • Groups • Private Messages • Forums
  • BuddyPress is gonna getcha • Friends • Groups • Private Messages • Forums • Activity Streams
  • BuddyPress is gonna getcha • Friends • Groups • Private Messages • Forums • Activity Streams • Profiles
  • Must avoid Text http://www.flickr.com/photos/andidigress/4471100232/
  • BuddyPress is WordPressBuddyPress themes areWordPress themes
  • BuddyPress is WordPress(plus some cool stuff)BuddyPress themes areWordPress themes(plus some extra templates)
  • Look familiar?404.php index.phparchive.php links.phpattachment.php page.phpcomments.php search.phpfooter.php sidebar.phpfunctions.php single.phpheader.php style.css
  • 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
  • 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
  • wp-content/themes/[your-bp-theme]/groupscreate.phpgroups-loop.phpindex.phpsingle/
  • 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
  • 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
  • So how do I get started?1. BuddyPress Template Pack2. bp-default child theme3. From scratch
  • 1. BuddyPress Template Packhttp://wordpress.org/extend/plugins/bp-template-pack/A plugin that adds the necessarytemplate files to your existing theme
  • 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/
  • 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
  • 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!
  • 2. bp-default child themehttp://codex.buddypress.org/theme-development/building-a-buddypress-child-theme/ Some examples:• buddypress.org• CUNY Academic Commons• BP Tricks
  • 3. From scratchLike mom used to makehttp://codex.buddypress.org/developer-docs/custom-buddypress-loops/
  • 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
  • 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
  • Большое срасибо!Boone B Gorges@booneboonebgorges.com