WordPress<br />as a mobile publishing platform.<br />By Matt Geri / Twitter: @mattgeri / Email:matt@wpgeeks.com<br />
Matt Geri<br />Who am I?<br />
Back in the day…<br />
First website<br />
Money on my mind, mind on my money!<br />
vs<br />
MobilePress<br />
Sneaky developers<br />Oh, Hai!<br />
To the rescue!<br />
A better mobile plugin<br />
Just one more thing…<br />
Launch!<br />
Observations<br />
To infinity and beyond<br />
Why mobile?<br />
Mobile web explosion<br />
Audiences are on the move<br />
Makes sense to optimize for mobile<br />
WordPress is the right platform<br />
World wide platform<br />Image credit: Dr. Richard Lester, UBC (http://www.publicaffairs.ubc.ca/2010/11/09/mr-10-167/) <br />
Recent key mobile stats<br />Millions of mobile web users<br />For every 7 searches on web there is 1 search on the mobile...
How to go mobile<br />
Lets get technical!<br />
Device detection<br />
Caching<br />
Theme switching<br />
Creating themes<br />
Javascript & jQuery<br />
Plugins<br />
That’s all folks…<br />Matt Geri<br />matt@wpgeeks.com<br />0795240246<br />Get in touch!<br />
Upcoming SlideShare
Loading in …5

WordPress as a mobile publishing platform


Published on

My presentation from WordCamp Cape Town 2011 on WordPress as a mobile publishing platform

Published in: Technology, Business
  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Thanks for coming to listen to me talkToday going to be talking about WordPress as a mobile publishing platformRoughly 3 parts (about me, why you should go mobile, more technical how to go mobile)
  • Name is Matt GeriLike to think adventurous web &amp; mobile developerAdventurous as I like the outdoors and web &amp; mobile developer speaks for itselfCore skillset as developer is HTML/CSS/PHP/MySQL/MongoThen I also work on top of frameworks and platforms like WordPress
  • During day Chief geek at WordPress geeks, wordpress development &amp; consultancy businessI founded it a earlier this year with a partnerOne of original MobilePress developer (more on that later)
  • Been developer since 2001Started off 2D tile based games in Qbasic and eventually moved on to c++During my time developing game, I built up quite a few but had no way to distribute them
  • Wanted to show off games and get also feedback on themDecided I needed website to host my games and so learnt HTML/CSS/PHPThanks to archive.org, on screen is my first website, table based and lots of spelling errors
  • Site hosted on free host with tons of adsRealized I could make money on the netBeing young I needed some money to party with on the weekendDug deeper and discovered adsense and affiliate programs
  • Armed with the desired to make some money, started looking into easier ways to publish content (building static sites was becoming a pain)Found WP and TextPattern around 2004How many of you have heard of text pattern?Started building affiliate sites with bothWordPress won due to easy of use, themes and community
  • Cut long story short, I ended up becoming a WP consultantQ3 2008 joined Younique, started MobilepressStarted out of need for a decent Mobile plugin
  • At time, 2 other half decent pluginsAuthor inject admob ads into themes, he was making money off the back of other peoples contentThemes hard coded, changes overwritten when theme updatedGeared towards high end devices only
  • Figured we could build a better mobile pluginPeople were looking for an alternative, but there wasn’t oneHow idea for MP came about
  • Built MP with a few key featuresBtw, picture a jokeLower end device supportCustom themes for iphone, bb, winmo, low end devices etcCreate your own themes
  • On top of those featuresAlso added in better ad support through AduityMobile analyticsDuring the time of MP we were also building a mobile ad mediation platform.
  • Launched and very well received by WP communityGot lots feedbackNot many changes since launch (because part time, focus was on better ad experience)
  • Share quickobservations from building MP and feedbackPlugin enhanced SEO automatically, SE’s loved MP websites. Blogs added to index quickRealized how big the mobile web actually is, small blogs would get tons of visitorsFor every 2000 web visitors (smallish blog), you would get around 1000 mobile visitors114000 downloads to date. People going mobile
  • Whats happening with MobilePress going forward?Busy with massive overhaul, version 2.0Features are hush for now but will have better themes
  • Always hear mobile is the next big thingLast year, this year and next yearBack then we needed justification (not many stats, people unsure), but now obvious
  • From seeing MobilePress stats, the mobile web is massiveOnly going to grow with the rise of smartphonesMore people are browsing the web from phonesiPad and tablet growth (got to optimize for these devices)
  • The audience you blog for, are not always in once place, they are on the move.You need to cater for that.First feedback we got from mobilepress was people were happy they could now read blogs in bed
  • Makes sense that blog is optimized for mobileWe optimize content for RSS, so why not for mobile? RSS is dying yet we still care to optimize for itAnother reason, ordinary blog themes include widgets and plugins which don’t render nicely on mobile screens
  • WordPress huge, and easy to go mobileWordPressno longer for bloggers, it’s for everything i.e. websites, applicationsMakes sense to reach the widest audience possible by turning WP website into mobi websiteQuick stat, 14.7% of top million websites powered by WP
  • Since WP so popular, used world wideYour blog can be read anywhereIn some countries it’s the first and even only screen!
  • Mobile stats
  • Talk about pluginsAdvocate for promotion of mobile web, would like to see many mobi sites as possibleAllows me to read while I am on the loo, shopping, resting etcSo please use any of the above that suites you, all are good
  • Little bit technical since we are on the development trackGoing to look at MobilePress behind the scenes and how it works with some code snippetsYou’d even be able to use the following information to build your own mobile theme switcher
  • Most important part of your plugin, detects if we are dealing with a Mobile deviceWrite your own (MP open source)Device atlas – lots of overhead, not ideal for pluginswURFL – again, lots of overheadRecommend writing your own
  • Massive caching issue at first with MP, sites were caching mobile version etcReached out to Cache developers, as did othersMost good cache plugins now let mobile traffic through (Total Cache, Super cache etc)
  • Once you have detected a device and skipped the cache, need to display a mobile themeLuckily WordPress is flexible and gives us filters to do thisCode snippet for switching themes
  • Most tricky part of the whole processBe aware devices use different rendering engines, what you see on one device, not the same as anotherA lot of lower end devices only support a subset of html/css (CSS quirky)CSS for lowerend devices must be inline or in the head part of html pageCookies also not suported on a number of devices
  • Great for higher end devicesCheck out jQuery mobile for smart phonesNot so much for lower end devices, be careful
  • Not all plugins will work on mobile, watch out for flash/JSIntegrate the plugins on a per case basis and testMost likely custom integration into mobile themes
  • Questions?Will be around till the end of the conference for discussion
  • WordPress as a mobile publishing platform

    1. 1. WordPress<br />as a mobile publishing platform.<br />By Matt Geri / Twitter: @mattgeri / Email:matt@wpgeeks.com<br />
    2. 2. Matt Geri<br />Who am I?<br />
    3. 3.
    4. 4. Back in the day…<br />
    5. 5. First website<br />
    6. 6. Money on my mind, mind on my money!<br />
    7. 7. vs<br />
    8. 8. MobilePress<br />
    9. 9. Sneaky developers<br />Oh, Hai!<br />
    10. 10. To the rescue!<br />
    11. 11. A better mobile plugin<br />
    12. 12. Just one more thing…<br />
    13. 13. Launch!<br />
    14. 14. Observations<br />
    15. 15. To infinity and beyond<br />
    16. 16. Why mobile?<br />
    17. 17. Mobile web explosion<br />
    18. 18. Audiences are on the move<br />
    19. 19. Makes sense to optimize for mobile<br />
    20. 20. WordPress is the right platform<br />
    21. 21. World wide platform<br />Image credit: Dr. Richard Lester, UBC (http://www.publicaffairs.ubc.ca/2010/11/09/mr-10-167/) <br />
    22. 22. Recent key mobile stats<br />Millions of mobile web users<br />For every 7 searches on web there is 1 search on the mobile web for that same query, according to Google<br />Mobile ad spend 2011: $ 3.3 billion world wide<br />http://mobithinking.com/mobile-marketing-tools/latest-mobile-stats<br />
    23. 23. How to go mobile<br />
    24. 24. Lets get technical!<br />
    25. 25. Device detection<br />
    26. 26. Caching<br />
    27. 27. Theme switching<br />
    28. 28. Creating themes<br />
    29. 29. Javascript & jQuery<br />
    30. 30. Plugins<br />
    31. 31. That’s all folks…<br />Matt Geri<br />matt@wpgeeks.com<br />0795240246<br />Get in touch!<br />