Gamifying WordPress

of 27 /27
GAMIFYING WORDPRESS Bronson Quick sennza | (07) 3040-1545 | [email protected] | http://www.sennza.com.au/ | Twitter: @sennza @bronsonquick

description

Bronson's talk was given to the Brisbane Web Design Meetup group in August 2013. Bronson talks about how to add gamification to WordPress by using the "Achievements" WordPress plugin. A video of the talk is available here: http://youtu.be/dqHN7UmUW9g

Transcript of Gamifying WordPress

Page 1: Gamifying WordPress

GAMIFYING

WORDPRESS

Bronson Quick

sennza | (07) 3040-1545 | [email protected] | http://www.sennza.com.au/ | Twitter: @sennza @bronsonquick

Page 2: Gamifying WordPress

OVERVIEW Who Am I?

Why WordPress?

What Excites Me About WordPress

The Brief

Examples Of Challenges

Core Plugins

The Theme

BuddyPress

Achievements

Moderator Roles

Stats

2 of 27 sennza | (07) 3040-1545 | [email protected] | http://www.sennza.com.au/ | Twitter: @sennza @bronsonquick

I love talking about our WordPress projects!

Page 3: Gamifying WordPress

WHO AM I? WordPress Developer @ Sennza

Corporate WP design, theme and plugin development

Google, News Corp, Lorna Jane, Qld Govt & Meerkats ;)

Die hard Smashing Pumpkins fan!

Just a guy who is obsessed with WordPress!

3 of 27 sennza | (07) 3040-1545 | [email protected] | http://www.sennza.com.au/ | Twitter: @sennza @bronsonquick

Page 4: Gamifying WordPress

WHY WORDPRESS? Frequent release cycle

Easy to theme

Easy to extend – over 26,000 plugins

Powers 20% of the internet

Modern tools for future releases – unit tests, grunt, CSS pre-processors

TLDR: Because it’s awesome!

4 of 27 sennza | (07) 3040-1545 | [email protected] | http://www.sennza.com.au/ | Twitter: @sennza @bronsonquick

http://make.wordpress.org/core/2013/08/06/a-new-frontier-for-core-development/

Page 5: Gamifying WordPress

WHAT EXCITES ME ABOUT WORDPRESS? Google App Engine

HelloBar

Compare The Meerkat

WordPress As An Application Framework

Gamifying WordPress

Unusual uses of WordPress!5 of 27 sennza | (07) 3040-1545 | [email protected] | http://www.sennza.com.au/ | Twitter: @sennza @bronsonquick

Page 6: Gamifying WordPress

THE BRIEF University of Chicago

Create a blog for a fictional 17 year-old African American girl living in Chicago

Her mother is overburdening her with extracurricular activities and keeping her from

having a real social life

Uses her site to post blogs and vlogs

She crowd sources challenges (online & offline) to teams of students created by the

university

Players are rewarded for completing challenges with points and badges

4 weeks of challenges

Sounds fun to me!6 of 27 sennza | (07) 3040-1545 | [email protected] | http://www.sennza.com.au/ | Twitter: @sennza @bronsonquick

Page 7: Gamifying WordPress

EXAMPLES OF CHALLENGES Logging in each day

Commenting on a post

Updating avatar & user profile

Uploading images

Treasure hunts

Decoding puzzles

Attending classes

Completing assignments

Liking an image post

Just to name a few!7 of 27 sennza | (07) 3040-1545 | [email protected] | http://www.sennza.com.au/ | Twitter: @sennza @bronsonquick

Page 8: Gamifying WordPress

CORE PLUGINS BuddyPress - http://wordpress.org/plugins/buddypress/

Achievements - http://wordpress.org/plugins/achievements/

Gravity Forms - http://www.gravityforms.com/

28 plugins in total

8 of 27 sennza | (07) 3040-1545 | [email protected] | http://www.sennza.com.au/ | Twitter: @sennza @bronsonquick

Page 9: Gamifying WordPress

THE THEME Broke our normal workflow due to time constraints

Dispatch theme from ThemeForest

Recoded from scratch

Made responsive

The theme has since been removed from ThemeForest

9 of 27 sennza | (07) 3040-1545 | [email protected] | http://www.sennza.com.au/ | Twitter: @sennza @bronsonquick

Page 10: Gamifying WordPress
Page 11: Gamifying WordPress

THE THEME

Page 12: Gamifying WordPress

BUDDYPRESS Social network plugin

Used Groups to create “Teams” of players

Extended profiles

Used a language file to change terminology

12 of 27 sennza | (07) 3040-1545 | [email protected] | http://www.sennza.com.au/ | Twitter: @sennza @bronsonquick

http://codex.buddypress.org/developer/customizing/customizing-labels-messages-and-urls/

Page 13: Gamifying WordPress

TEAMS

Page 14: Gamifying WordPress

TEAMS

Page 15: Gamifying WordPress

TEAMS

Page 16: Gamifying WordPress

PROFILES

Page 17: Gamifying WordPress

PROFILES

Page 18: Gamifying WordPress

PROFILES

Page 19: Gamifying WordPress

ACHIEVEMENTS Written by Paul Gibbs – WordPress VIP

Earn points by triggering events or receiving an award

Hidden Achievements

Team Achievements

Limited Achievements (both time & number based)

Leaderboard

Pull requests back to the plugin for bug fixes/new features

One of the most maintained WordPress plugins!

19 of 27 sennza | (07) 3040-1545 | [email protected] | http://www.sennza.com.au/ | Twitter: @sennza @bronsonquick

Page 20: Gamifying WordPress

ACHIEVEMENTS

Page 21: Gamifying WordPress

ACHIEVEMENTS

Page 22: Gamifying WordPress

ACHIEVEMENTS

Page 23: Gamifying WordPress

ACHIEVEMENTS

Page 24: Gamifying WordPress

LEADERBOARD

Page 25: Gamifying WordPress

MODERATOR ROLES Add users

Moderate comments

Moderate images

Create challenges/achievements

Award challenges/achievements to players

These guys keep everything ticking over!25 of 27 sennza | (07) 3040-1545 | [email protected] | http://www.sennza.com.au/ | Twitter: @sennza @bronsonquick

Page 26: Gamifying WordPress

STATS 147 Players

17 Admins/Moderators

82 Challenges/Achievements

1141 Comments

464 Images Uploaded

The students loved it!26 of 27 sennza | (07) 3040-1545 | [email protected] | http://www.sennza.com.au/ | Twitter: @sennza @bronsonquick

Page 27: Gamifying WordPress

THANKS ALOT

27 of 27

http://core.trac.wordpress.org/ticket/13237

sennza | (07) 3040-1545 | [email protected] | http://www.sennza.com.au/ | Twitter: @sennza @bronsonquick