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
320
Global styles the story so far
Avatar for Tammie Lister tammielis
1
790
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.7k
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
770
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
640

Other Decks in Design

See All in Design
21 Ways to Call American Airlines Customer Care Full Guide USA
Avatar for Sonny americanhub
0
220
Marpで推しCSSスライドを作ろう！ / marp-with-favorite-css
Avatar for ふじえもん fujiemon
0
690
AI時代に、僕たちデザイナーはどう歩むか
Avatar for kim kazuhirokimura
0
410
mount_company_profile
Avatar for mount inc. mount_inc
0
2.3k
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
Avatar for 株式会社ルート root_recruit
PRO
0
170
【Designship 2025｜10.11】デザイン組織と事業貢献、その挑戦と結果。
Avatar for payatsun payatsusan213
1
690
アプリ360onWeb使い方と裏ワザ？紹介！
Avatar for ikejun360 ikejun360
0
320
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
110
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
280
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
2.8k
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
570
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜（Scrum Fest Mikawa 2025）
Avatar for Tadashi Inoue tadashiinoue
0
570

Featured

See All Featured
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
44
7.8k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.6k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
75
5.1k
Navigating Team Friction
Avatar for Lara Hogan lara
190
15k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
369
20k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
Building an army of robots
Avatar for Kyle Neath kneath
305
46k

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