Express Yourself With BuddyPress Themes

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

i Branding is more powerful than ninjas

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

h The logo game - spot the company

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

In the beginning there was the default theme...

Slide 21

Slide 21 text

Pity the fool that doesn’t use child themes

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

Customise it - Custom headers - Custom backgrounds E

Slide 25

Slide 25 text

Custom Headers Instant, use for logos or just to decorate

Slide 26

Slide 26 text

Custom Backgrounds Photos, repeat images - easy fast expression

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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; overﬂow: hidden; background:url('whateverthepathistoyourimage')no-repeat; height:heightofyourimagepx; width:widthofyourimagepx; }

Slide 29

Slide 29 text

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/

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

Pimp your pages - Full frontal hubs - Profiles u

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

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 proﬁles

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

Language files for all Carrying your voice - Customise email messages and lots more : Welcome pack for BuddyPress - Create custom language ﬁles and go beyond the default http://wordpress.org/extend/plugins/welcome-pack/

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

Get widgey with it The default theme has 5 widget areas

Slide 38

Slide 38 text

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

Slide 39

Slide 39 text

Free BuddyPress Themes

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

Paid BuddyPress Themes

Slide 42

Slide 42 text

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

Slide 43

Slide 43 text

Custom BuddyPress Themes

Slide 44

Slide 44 text

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

Slide 45

Slide 45 text

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

Slide 46

Slide 46 text

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