$30 off During Our Annual Pro Sale. View Details »

Express Yourself With BuddyPress Themes

Express Yourself With BuddyPress Themes

WordCamp New York talk 2012

Tammie Lister

June 09, 2012
Tweet

More Decks by Tammie Lister

Other Decks in Design

Transcript

  1. qwertyuiop[a
    sdghjkl;zxvbn
    m1234567890qw
    ertyuiop[asg
    hjklzxcvbnm12
    34567890qwert
    yuiop[]asdgh
    jkl;zxcvbnm12
    Tammie Lister
    logicalbinary.com
    Express yourself
    with BuddyPress
    Themes

    View Slide

  2. Who am I?
    Tammie Lister
    logicalbinary.com
    I’m a designer, passionate about communities

    View Slide

  3. Individuality
    f
    Look around... we’re all different

    View Slide

  4. Fight club got it wrong
    because we make ourselves unique
    We are unique snowflakes

    View Slide

  5. Real world customisation
    - stickers on laptops
    - school folders / notebooks
    - hair dye
    - tattoos
    - fashion
    - anything that makes you, you

    View Slide

  6. i
    Branding is more powerful than ninjas

    View Slide

  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

    View Slide

  8. h
    The logo game - spot the company

    View Slide

  9. View Slide

  10. View Slide

  11. View Slide

  12. View Slide

  13. View Slide

  14. View Slide

  15. View Slide

  16. View Slide

  17. A word of caution...
    A brand is not just a logo.
    Consider everything part of your brand.
    Your site is a brand

    View Slide

  18. I’m kind of a design snob
    I’ve got a confession...
    7

    View Slide

  19. Leave the snob at home
    Let people express themselves
    BUT give boundaries
    When it comes to community...

    View Slide

  20. In the beginning there was the default theme...

    View Slide

  21. Pity the fool that doesn’t use child themes

    View Slide

  22. So... how do you avoiding turning up wearing the same
    dress to the party?

    View Slide

  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...

    View Slide

  24. Customise it
    - Custom headers
    - Custom backgrounds
    E

    View Slide

  25. Custom Headers
    Instant, use for logos or just to decorate

    View Slide

  26. Custom Backgrounds
    Photos, repeat images - easy fast expression

    View Slide

  27. Personalise it
    - Logo
    - Colour Schemes
    - Fonts
    c
    dive into the child theme

    View Slide

  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;
    }

    View Slide

  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/

    View Slide

  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

    View Slide

  31. Pimp your pages
    - Full frontal hubs
    - Profiles
    u

    View Slide

  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

    View Slide

  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

    View Slide

  34. Create a voice
    - Customise your text
    - Carry throughout site
    K

    View Slide

  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/

    View Slide

  36. Get widgey with it
    - Built in
    - Custom widgets
    - Roll your own
    q

    View Slide

  37. Get widgey with it
    The default theme has
    5 widget areas

    View Slide

  38. Beyond the default
    - Free BuddyPress themes
    - Paid BuddyPress themes
    - Custom BuddyPress themes

    View Slide

  39. Free BuddyPress Themes

    View Slide

  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

    View Slide

  41. Paid BuddyPress Themes

    View Slide

  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...

    View Slide

  43. Custom BuddyPress Themes

    View Slide

  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

    View Slide

  45. Get inspired
    http://www.bpinspire.com/
    http://buddypress.org/showcase/

    View Slide

  46. D
    Thank you for listening, any questions?
    Tammie Lister @karmatosed www.logicalbinary.com

    View Slide