Express Yourself With BuddyPress Themes

WordCamp New York talk 2012

Transcript

1. qwertyuiop[a sdghjkl;zxvbn m1234567890qw ertyuiop[asg hjklzxcvbnm12 34567890qwert yuiop[]asdgh jkl;zxcvbnm12 Tammie Lister logicalbinary.com Express yourself with BuddyPress Themes
2. Who am I? Tammie Lister logicalbinary.com I’m a designer, passionate about communities
3. Individuality f Look around... we’re all different
4. Fight club got it wrong because we make ourselves unique We are unique snowflakes
5. Real world customisation - stickers on laptops - school folders / notebooks - hair dye - tattoos - fashion - anything that makes you, you
6. i Branding is more powerful than ninjas
7. A product is something made in a factory; a brand is something that is bought by the customer. A product can be copied by a competitor; a brand is unique. A product can be quickly outdated; a successful brand is timeless Stephen King - WPP GROUP LONDON
8. h The logo game - spot the company
17. A word of caution... A brand is not just a logo. Consider everything part of your brand. Your site is a brand
18. I’m kind of a design snob I’ve got a confession... 7
19. Leave the snob at home Let people express themselves BUT give boundaries When it comes to community...
20. In the beginning there was the default theme...
21. Pity the fool that doesn’t use child themes
22. So... how do you avoiding turning up wearing the same dress to the party?
23. Five steps 1. Customise it 2. Brand it 3. Pimp your pages 4. Create a voice 5. Get widgey with it Express yourself with the default theme...
24. Customise it - Custom headers - Custom backgrounds E
25. Custom Headers Instant, use for logos or just to decorate
26. Custom Backgrounds Photos, repeat images - easy fast expression
27. Personalise it - Logo - Colour Schemes - Fonts c dive into the child theme
28. Logo How do you add a logo? - Easy = upload as custom header - Otherwise to the child theme! h1#logo{ text-indent: 100%; white-space: nowrap; overflow: hidden; background:url('whateverthepathistoyourimage')no-repeat; height:heightofyourimagepx; width:widthofyourimagepx; }
29. Colour Schemes The power of colour - Use one main and one sub colour to maximise impact - Create a colour scheme - Unite your site with the colour scheme - Colour similar meanings the same Useful links: - http://www.colourlovers.com/ - http://www.colorschemer.com/online.html - http://www.colorschemer.com/
30. Fonts Free option = easily change the look of your site using Google fonts http://www.google.com/webfonts But... Google is not the only font resource
31. Pimp your pages - Full frontal hubs - Profiles u
32. Full frontal hubs - Make your front page truly a home page - Create your contents page with your design - Show off your community - Give incentives through displaying on front just like parents do with fridges
33. Profiles The most overlooked part of a BuddyPress site - Give your users a home of their own - Make it good enough to share - Let your imagination run wild - think beyond social network profiles
34. Create a voice - Customise your text - Carry throughout site K
35. Language files for all Carrying your voice - Customise email messages and lots more : Welcome pack for BuddyPress - Create custom language files and go beyond the default http://wordpress.org/extend/plugins/welcome-pack/
36. Get widgey with it - Built in - Custom widgets - Roll your own q
37. Get widgey with it The default theme has 5 widget areas
38. Beyond the default - Free BuddyPress themes - Paid BuddyPress themes - Custom BuddyPress themes
39. Free BuddyPress Themes
40. Free BuddyPress Themes http://wordpress.org/extend/themes/frisco-for-buddypress http://wordpress.org/extend/themes/citizen-kane http://wordpress.org/extend/themes/custom-community http://317.milo317.com/?wptheme=Secondary https://github.com/karmatosed/Status and lots more... Frisco Citizen Kane Custom community Secondary Status - a community theme contributions welcome
41. Paid BuddyPress Themes
42. Paid BuddyPress Themes http://ghostpool.com/wordpress/?theme=bounce-bp http://huddle.themedemo.net/ http://para.llel.us/themes/mingle-wp/ http://themeloom.com/themes/pure-theme/ http://themes.swishthemes.com/feature/ Huddle Mingle Pure Feature Bounce and lots more...
43. Custom BuddyPress Themes
44. Custom BuddyPress Themes http://eeif.co.uk/ http://my.telegraph.co.uk/ http://startupweekend.org/ http://jasonmraz.com/ http://bitsythis.com/ and lots more... Bitsy Energy & Environmental industries forum My Telegraph Start up weekend Jason Mraz
45. Get inspired http://www.bpinspire.com/ http://buddypress.org/showcase/
46. D Thank you for listening, any questions? Tammie Lister @karmatosed www.logicalbinary.com