supercharging wordpress with buddypress

sennza | (07) 3040-1545 | bronson@sennza.com.au | http://www.sennza.com.au/ | Twitter: @sennza

SUPERCHARGING WORDPRESS WITH BUDDYPRESS! 

SUPERCHARGING WORDPRESS WITH BUDDYPRESS! 

Bronson QuickBronson Quick

OVERVIEWOVERVIEW Take an existing theme that is designed for responsive design

Turn it into a child theme

Add BuddyPress templates to child theme

Fix CSS styling

Take an existing theme that is designed for responsive design

Turn it into a child theme

Add BuddyPress templates to child theme

Fix CSS styling

2 of 12 sennza | (07) 3040-1545 | bronson@sennza.com.au | http://www.sennza.com.au/ | Twitter: @sennza

All this in 30 minutes!All this in 30 minutes!

sennza | (07) 3040-1545 | bronson@sennza.com.au | http://www.sennza.com.au/ | Twitter: @sennza

WHO AM I?WHO AM I? Brisbane based WordPress Developer

Working with different CMS for 12 years

Die hard Smashing Pumpkins fan!

Organiser of the WordPress Brisbane Meetup group

Brisbane based WordPress Developer

Working with different CMS for 12 years

Die hard Smashing Pumpkins fan!

Organiser of the WordPress Brisbane Meetup group

Just a guy who is obsessed with WordPress!Just a guy who is obsessed with WordPress!

3 of 12

sennza | (07) 3040-1545 | bronson@sennza.com.au | http://www.sennza.com.au/ | Twitter: @sennza

MY SETUP FOR THIS WORKSHOPMY SETUP FOR THIS WORKSHOP A fresh WordPress install

WAMP

Firefox & Firebug

PhpStorm

A fresh WordPress install

WAMP

Firefox & Firebug

PhpStorm

Lets do this!Lets do this!

4 of 12

sennza | (07) 3040-1545 | bronson@sennza.com.au | http://www.sennza.com.au/ | Twitter: @sennza

RESPONSIVE DESIGNRESPONSIVE DESIGN Who knows what responsive design is?

Design for mobile, iPad, desktops

TwentyEleven is responsive and the WordPress admin will be responsive

soon too!

http://themetrust.com/demos/reveal/

http://www.bostonglobe.com/

Who knows what responsive design is?

Design for mobile, iPad, desktops

TwentyEleven is responsive and the WordPress admin will be responsive

soon too!

http://themetrust.com/demos/reveal/

http://www.bostonglobe.com/

Resize your browser window on sites if you’re bored!Resize your browser window on sites if you’re bored!

5 of 12

sennza | (07) 3040-1545 | bronson@sennza.com.au | http://www.sennza.com.au/ | Twitter: @sennza

YOKO THEMEYOKO THEME http://wordpress.org/extend/themes/yoko

Responsive Demo

Child Theme http://codex.wordpress.org/Child_Themes

http://wordpress.org/extend/plugins/one-click-child-theme/

http://wordpress.org/extend/themes/yoko

Responsive Demo

Child Theme http://codex.wordpress.org/Child_Themes

http://wordpress.org/extend/plugins/one-click-child-theme/

Sexy, clean and nice!Sexy, clean and nice!

6 of 12

sennza | (07) 3040-1545 | bronson@sennza.com.au | http://www.sennza.com.au/ | Twitter: @sennza

BUDDYPRESSBUDDYPRESS

BuddyPress: “Social networking in a box”BuddyPress: “Social networking in a box”

7 of 12

sennza | (07) 3040-1545 | bronson@sennza.com.au | http://www.sennza.com.au/ | Twitter: @sennza

ALRIGHT STOP…BUDDYPRESS TIME!ALRIGHT STOP…BUDDYPRESS TIME! http://testbp.org/

http://wordpress.org/extend/plugins/buddypress/

BuddyPress 1.5 Wizard

BuddyPress Template Pack

http://testbp.org/

http://wordpress.org/extend/plugins/buddypress/

BuddyPress 1.5 Wizard

BuddyPress Template Pack

Life is so much easier with BuddyPress 1.5 Life is so much easier with BuddyPress 1.5

8 of 12

sennza | (07) 3040-1545 | bronson@sennza.com.au | http://www.sennza.com.au/ | Twitter: @sennza

WHAT JUST HAPPENED?!?!WHAT JUST HAPPENED?!?! Lots of new folders with templates in them!

activity

blogs

forums

groups

members

registration

http://wordpress.org/extend/plugins/bp-default-data/

Lots of new folders with templates in them!

activity

blogs

forums

groups

members

registration

http://wordpress.org/extend/plugins/bp-default-data/

It’s not as scary as it first looks!It’s not as scary as it first looks!

9 of 12

sennza | (07) 3040-1545 | bronson@sennza.com.au | http://www.sennza.com.au/ | Twitter: @sennza

FIREBUG IS YOUR FRIENDFIREBUG IS YOUR FRIEND Tweak BP-admin-bar styles

#wrap and #main on internal pages

FitVid.js for responsive vids

Tweak BP-admin-bar styles

#wrap and #main on internal pages

FitVid.js for responsive vids

It’s not as scary as it first looks!It’s not as scary as it first looks!

10 of 12

sennza | (07) 3040-1545 | bronson@sennza.com.au | http://www.sennza.com.au/ | Twitter: @sennza

COOL PLUGINSCOOL PLUGINS BP Labs http://wordpress.org/extend/plugins/bp-labs/

BuddyPress Activity Plus

http://wordpress.org/extend/plugins/buddypress-activity-plus/

BuddyPress Like http://wordpress.org/extend/plugins/buddypress-like/

Welcome Pack http://wordpress.org/extend/plugins/welcome-pack/

BP Labs http://wordpress.org/extend/plugins/bp-labs/

BuddyPress Activity Plus

http://wordpress.org/extend/plugins/buddypress-activity-plus/

BuddyPress Like http://wordpress.org/extend/plugins/buddypress-like/

Welcome Pack http://wordpress.org/extend/plugins/welcome-pack/

You’ve now got a social network!You’ve now got a social network!

11 of 12

sennza | (07) 3040-1545 | bronson@sennza.com.au | http://www.sennza.com.au/ | Twitter: @sennza

THANKS & QUESTIONSTHANKS & QUESTIONS Andy Peatling (@apeatling)

Paul Gibbs (@pgibbs)

Boone B Gorges (@boonebgorges)

All the people on BuddyPress.org & the WordPress community!

Andy Peatling (@apeatling)

Paul Gibbs (@pgibbs)

Boone B Gorges (@boonebgorges)

All the people on BuddyPress.org & the WordPress community!

And thanks to you for your time!And thanks to you for your time!

12 of 12