integrity st. louis wordcamp 2012

39
Interactive. Digital. Awesome. Ed Morrissey Partner & Chief Creative Officer 6358 Delmar Boulevard, Suite 444 Saint Louis, MO 63130 [email protected] www.integritystl.com Evolution of WordPr It’s Nice to Meet You

Upload: ed-morrissey

Post on 13-May-2015

515 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

Ed MorrisseyPartner & Chief Creative Officer6358 Delmar Boulevard, Suite 444Saint Louis, MO [email protected]

Evolution of WordPressIt’s Nice to Meet You

Page 2: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

Welcome

• It starts when it starts•The people who come are the best who could have come• It’s over when it’s over

•The Law of Two Feet

2

Page 3: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

Background

•The ‘Elder’•Still going strong•Advocate for open source

3

Page 4: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

This Past Year…

4

WordPress Sites in the Worldas of 8/2/2011 and 9/18/2012 - http://en.wordpress.com/stats/

Page 5: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

The CMS Market (top Million)

5

Other(100+)

http://w3techs.com/technologies/overview/content_management/all

54.6%

8.9%

7.0%

Page 6: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

How it All Started…

•Matt blogged about b2 and Mike left a comment…

6

http://ma.tt/2003/01/the-blogging-software-dilemma/#comment-445

Page 7: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

Why Start WordPress

• Forward compatibility•Software wasn’t being improved•Didn’t agree with licensing•Wanted code to be free to the world

• Flexibility of Moveable Type• Parsing of TextPattern• Hackability of b2• Ease of Blogger

7

Page 8: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

GPLv2 License

•Gives the unlimited rights to copy/distribute source code •AND prevents you from taking those rights away

8

Page 9: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

What it is…

A classy news/weblog tool

(aka logware)9

Page 10: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

What is it?

•Blogging•CMS•Application•PaaS

10

Limited by your imaginationAnd tech chops

Limited by your imaginationAnd tech chops

Page 11: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

History of Defaults

WordPress Themes

Page 12: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

2001 – B2/cafelog

12

Page 13: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

2003 - 0.71-gold

13

Page 14: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

2004 – Classic – 1.2

14

Page 15: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

2005 – Kubrick – 1.5

15

Page 16: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

2010 – TwentyTen – 3.0

16

Page 17: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

2011 – TwentyEleven – 3.2

17

Page 18: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

2012 – TwentyTwelve

• Home Template•Mobile-first • Retina• Open Sans

18

http://twentytwelvedemo.wordpress.com/

Page 19: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

Community Powered

WordPress Admin

Page 20: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

2003 - 0.71-gold

20

• No dashboard• Landing page was write

post page• Only 1 category

• No dashboard• Landing page was write

post page• Only 1 category

Page 21: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

2004 – 1.2

21

• Plugins• Subcategories• Custom fields• Post preview

• Plugins• Subcategories• Custom fields• Post preview

Page 22: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

2007 – 2.1

22

• Spellcheck• Auto-save• Redesigned admin panel• Comments as menu item

• Spellcheck• Auto-save• Redesigned admin panel• Comments as menu item

Page 23: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

2008 – 2.5

23

• New dashboard• 1 click upgrade plugins• Visual editor• Built-in gallery

• New dashboard• 1 click upgrade plugins• Visual editor• Built-in gallery

Page 24: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

2008 – 2.7

24

• New dashboard• Auto install plugins• Comment paging• Reply to comments

• New dashboard• Auto install plugins• Comment paging• Reply to comments

Page 25: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

Now – 3.4

25

• Admin Bar• Multi-site• Improved Help• Theme Customizer• Internationalization

• Admin Bar• Multi-site• Improved Help• Theme Customizer• Internationalization

Page 26: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

The Future?

Application Platform

Page 27: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

Web App Requirements

• User registration/administration• Workflow• Searching• Sorting/filtering• XML interfacing• Caching• Socializing

• Commenting, Ranking, Sharing• Security• Search friendly URLs• Media management• Analytics• Error logging

27

Page 28: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

The Question

28

Page 29: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

An Example

29

Page 30: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

Custom Admin

30

Page 31: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

Custom Admin

31

Page 32: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

Custom Admin

32

Page 33: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

Custom Admin

33

Page 34: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

Custom Admin

34

Page 35: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

Summary

• Feature rich• Extendable via plugins or theme• Constantly improved• Know it’s limitations (e-commerce)• Too many plugins (there’s a plugin for that)• Lots of upgrades

35

Limited by your imaginationAnd tech chops

Limited by your imaginationAnd tech chops

Page 36: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

Carpe Diem

Randy HicksMetacake/Nashville‘Hooks & Filters’

36

Ryan MarkelAutomattic‘Getting Started’

Eric JohnsonAutomattic‘Mobile’

Reshma ChattaramChamberlinB&C Designers‘Design’

Joshua RayIntegrity‘Custom Admin’

Page 37: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

My Challenge to You

MAKE TODAYRIDICULOUSLYAWESOME

MAKE TODAYRIDICULOUSLYAWESOME

37

Page 38: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

Thanks to Our Sponsors

38

Page 39: Integrity St. Louis WordCamp 2012

Interactive. Digital. Awesome.

Ed MorrisseyPartner & Chief Creative Officer6358 Delmar Boulevard, Suite 444Saint Louis, MO [email protected]

Thank YouIt Was Nice to Meet You