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
310
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
630

Other Decks in Design

See All in Design
ランドマークが光る！季節を彩るナビ体験 - Mobility Night #3 -
Avatar for tetsuya kitauji kitau
0
120
Character Experience AI 〜 AIキャラクターのつくりかた 〜
Avatar for SmartBank smartbank
1
300
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
Avatar for Miwa Kuramitsu transit_kix
1
1.1k
ビジネスアナリシスはビジネス”分析”じゃないよ！～システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス～
Avatar for BPStudy bpstudy
0
620
What makes a great Director?
Avatar for _Limex_ _limex_
0
220
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
250
なぜプレイドにデザインエンジニアが必要だったのか？
Avatar for t32k t32k
0
1.8k
Designing User Experience through Interaction Design
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
380
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
Avatar for bebe bebe
0
820
デザイナー向けフライル説明資料
Avatar for Toshiaki Arai toshiblues
0
130
Hatena Engineer Seminar #33 チームと開発するためのモック
Avatar for takuwolog takuwolog
0
430
ブランドパーソナリティ言語化における生成AI活用の実際
Avatar for Hiroki Hosaka h0sa
0
280

Featured

See All Featured
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.8k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
368
19k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
83
9.2k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
113
20k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
330
21k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.1k

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