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
190

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
340
Global styles the story so far
Avatar for Tammie Lister tammielis
1
860
Dropped stitches and tangled yarn - a call to simplify WordPress
Avatar for Tammie Lister tammielis
1
1.4k
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
830
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
680

Other Decks in Design

See All in Design
アクセシビリティ推進を続けられるようにするヒント - Accessibility Conference CHIBA 2025
Avatar for uto usui uto
0
180
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
1.3k
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
250
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
230
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.1k
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
2
26k
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
500
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
1
890
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
790
デザインするために「多様性」について考える
Avatar for なつ iflection
0
180
【Designship 2025｜10.11】デザイン組織と事業貢献、その挑戦と結果。
Avatar for payatsun payatsusan213
1
910
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
1.3k

Featured

See All Featured
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
120
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
200
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
24k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.3k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
430
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
230
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6.2k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
210
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
310
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
71k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
160
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
350

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