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
300
Global styles the story so far
Avatar for Tammie Lister tammielis
1
770
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
760
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
620

Other Decks in Design

See All in Design
UXデザインはなぜ定着しないのか？
Avatar for Inside Design Studio designstudiopartners
0
920
読書シェア会 vol.5 / Yumemi.grow 20250526
Avatar for Rakus_Dev rakus_dev
0
1.7k
そのUIコンポーネント、これから先も使えますか？―Headless UI,Open UI,グローバルデザインシステム
Avatar for sakito sakito
2
890
新卒の目から見たサイボウズのデザイン組織
Avatar for 小林諒大 ryota5884
0
160
デザインシステムの「種」を使って、受託開発を加速させる
Avatar for akane akane___ui
0
11k
ビジネスアナリシスはビジネス”分析”じゃないよ！～システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス～
Avatar for BPStudy bpstudy
0
610
なぜプレイドにデザインエンジニアが必要だったのか？
Avatar for t32k t32k
0
640
企画を動かすデザイナーの思考！「広げて絞る」アプローチ。
Avatar for Hikida Kan hikidakan
0
150
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
Avatar for Andrew Shapiro ashapiro
0
130
街・都市という眼差し。まちづくりにおける規範と実践
Avatar for S.SAKAMON sakamon
0
130
1920*1080pxに設定したケース / Google Slide Size Test
Avatar for Arthur arthur1
0
3.2k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
200

Featured

See All Featured
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1.1k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
25
1.8k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
53
8.8k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
900
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.9k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
268
13k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
6.8k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
6k

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