o2 is the new P2Bringing WordPress to the Front-End

#wpo2

@beaulebensdentedreality.com.au

beau@automattic.com

Beau Lebens

A story

A theme called Prologue

http://en.blog.wordpress.com/2008/01/28/introducing-prologue/

Time passes...(1 year)

P2, son of Prologue

http://themes.trac.wordpress.org/changeset/6285/ (2009-04-14)

Time passes...(4 years)

Wait a second...

v1.0.1

v1.5

Refined workflow

• Everything shared, searchable, archived

Refined workflow

• Everything shared, searchable, archived

• Multi-media enhanced

Refined workflow

• Everything shared, searchable, archived

• Multi-media enhanced

• Asynchronous AND Synchronous(ish)

Refined workflow

• Everything shared, searchable, archived

• Multi-media enhanced

• Asynchronous AND Synchronous(ish)

• Accessible (desktop, mobile, email subs/posting, Jabber)

Refined workflow

• Everything shared, searchable, archived

• Multi-media enhanced

• Asynchronous AND Synchronous(ish)

• Accessible (desktop, mobile, email subs/posting, Jabber)

• A radically transparent, shared inbox

Refined workflow

Why P2?

This P2 thing...

This P2 thing...

• We have 150 of them at Automattic

This P2 thing...

• We have 150 of them at Automattic

• 80%+ of our internal communication happens via P2

This P2 thing...

• We have 150 of them at Automattic

• 80%+ of our internal communication happens via P2

• Every single Automattician is reliant on P2s to do their work

This P2 thing...

• We have 150 of them at Automattic

• 80%+ of our internal communication happens via P2

• Every single Automattician is reliant on P2s to do their work

• Other people are even using P2s now

What would P2 look like if we wrote it today?

This is not your grandfather’s P2

• Exist as a network

• Cross-site Search

• Cross-posting

• Keyword + Name Notifications

• Shared Tags

• Email Integration/Following models

• Special syntaxes

• One-liner media handling

How do we make all of this available to everyone?

P3!

o2

“Communication is Oxygen”

http://ma.tt/2011/09/automattic-creed/

• o2 is a plugin

• o2 is a plugin

• o2 is a platform

• o2 is a plugin

• o2 is a platform

• o2 is a network

• o2 is a plugin

• o2 is a platform

• o2 is a network

• o2 is a client-side app

Wait a second...

Default theme(Breathe)

Completely new codebase

Smoother UX

Native Infinite Scroll

Improved editor/shortcuts

JSON API with Backbone.js sync

Still to come...

WordPress.com and WordPress.org,

single or Multi-site

Networks

Jetpack-powered integration

Node.js/Socket.io messaging backend*

* Maybe. We’re still experimenting with this.

Awesome mobile experience

Things we’ve learned

Template compatibility is hard

JS API

http://make.wordpress.org/core/2013/07/17/json-rest-api-version-0-3/

(read + write)

WP_Query

Options/Settings

WordPress.js?

@beaulebensdentedreality.com.au

beau@automattic.com

geto2.com#wpo2