Upgrade to Pro — share decks privately, control downloads, hide ads and more …

BuddyPress theme development

Avatar for Tammie Lister Tammie Lister
June 20, 2014
Design
0
180

BuddyPress theme development

WP Sessions talk June 2014
Avatar for Tammie Lister

Tammie Lister

June 20, 2014
Tweet

More Decks by Tammie Lister

See All by Tammie Lister
Growing the WordPress design system
Avatar for Tammie Lister tammielis
1
1.1k
CSS in the editor
Avatar for Tammie Lister tammielis
0
290
Global styles the story so far
Avatar for Tammie Lister tammielis
1
750
Dropped stitches and tangled yarn - a call to simplify WordPress
Avatar for Tammie Lister tammielis
1
1.3k
Being Brave
Avatar for Tammie Lister tammielis
2
1.6k
Lessons from growing design in the open
Avatar for Tammie Lister tammielis
0
1.1k
Thinking in patterns
Avatar for Tammie Lister tammielis
0
43
Design matters in open source
Avatar for Tammie Lister tammielis
1
740
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
610

Other Decks in Design

See All in Design
サービスデザインにおける、 映像活用の可能性（Spectrum Tokyo Meetup #18）
Avatar for Akihide Kanai ka71
0
120
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
6
3.5k
ビジネスアナリシスはビジネス”分析”じゃないよ！～システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス～
Avatar for BPStudy bpstudy
0
530
The Golden Whitney
Avatar for OhTristanArt ohtristanart
PRO
0
520
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
Avatar for マズロー安達 maslow_akkun
0
120
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
Avatar for trivia trivia
0
470
ビジネス成果を最大限に発揮するPORTFOLIO
Avatar for 新井拓海 ataxi1003
0
190
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
Avatar for Shingo Suzuki shingo2000
1
1.5k
Building foundations 堅牢なデザイントークンの設計
Avatar for Hiroki Tani hilokifigma
2
3.5k
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
Avatar for Takahiro Hayashi taka_piya
0
1.2k
CMS管理画面のアクセシビリティ
Avatar for Rikiya Ihara / magi magi1125
6
2k
FigmaのFigmaファイルから学ぶTips & Tricks
Avatar for Hiroki Tani hilokifigma
0
430

Featured

See All Featured
Scaling GitHub
Avatar for Zach Holman holman
459
140k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
233
17k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
20k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.6k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
270
20k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.7k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.7k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.7k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
670

Transcript

  1. BUDDYPRESS THEME DEVELOPMENT

  2. None

  3. ONE SIZE DOESN’T FIT ALL

  4. ONE SIZE DOESN’T FIT ALL ONE SIZE shouldn’T FIT ALL

  5. Once upon a time

  6. the VILLAIN : BP-DEFAULT

  7. the hero : theme compatibility

  8. None

  9. the world of buddy press Themes

  10. www.buddyboss.com

  11. www.msoe.edu/welcome

  12. typeonenation.org

  13. hobnobnation.com/cities/

  14. THE LIFE OF A BUDDYPRESS THEME

  15. THE LIFE OF A BUDDYPRESS THEME

  16. R&D SKETCH WIREFRAME MOCK UP PROTOTYPE DEVELOPMENT TESTING REFINE

  17. R&D SKETCH WIREFRAME MOCK UP PROTOTYPE DEVELOPMENT TESTING REFINE

  18. R&D SKETCH WIREFRAME MOCK UP PROTOTYPE DEVELOPMENT TESTING REFINE

  19. R&D SKETCH WIREFRAME MOCK UP PROTOTYPE DEVELOPMENT TESTING REFINE

  20. R&D SKETCH WIREFRAME MOCK UP PROTOTYPE DEVELOPMENT TESTING REFINE

  21. underscores.me Github.Com/Automattic/_S

  22. THEME COMPATIBILITY

  23. THEME COMPATIBILITY

  24. JUST CSS CSS +- TEMPLATES CUSTOM

  25. JUST CSS

  26. JUST CSS

  27. JUST CSS

  28. BP-Legacy

  29. buddypress.css

  30. TEMPLATE HIERARCHY plugin-buddypress.php buddypress.php community.php generic.php page.php single.php index.php codex.buddypress.org/themes/theme-compatibility-1-7/template-hierarchy/

  31. TEMPLATES

  32. THE wonderful world Of components

  33. codex.buddypress.org/buddypress-components-and-features/

  34. Components

  35. None

  36. possibilities of Hooks

  37. A BUDDYPRESS THEME IS A THEME codex.wordpress.org/Theme_Development

  38. - WORDPRESS THEME STANDARDS
 - THEME CHECK
 - BUDDYPRESS TEST

    DATA theme check : http://wordpress.org/plugins/theme-check/ theme unit test : http://codex.wordpress.org/Theme_Unit_Test bp default data : https://wordpress.org/plugins/bp-default-data/ make.wordpress.org/core/handbook/coding-standards/

  39. surviving BUddyPress Themeing

  40. 1. test 2. Listen 3. Always revise

  41. ? speakerdeck/tammielis/buddypress-theme-development @karmatosed