WordPress Mobile: Reality and Vision           Isaac Keyet, 24/9 2011
By 2020, more mobiledevices will connect to the  web than computers
.WordPress {mobile-friendly: yes !important;}
1iOS + Android + BlackBerry   + Windows Phone 7     + webOS + Nokia
2Mobile Themes
1
WordPress Mobile Projects             }           iOS       Android    BlackBerry   .WordPress.orgWindowsPhone        webO...
Open Source    GPL v2
Get involved!           iOS       Android    BlackBerryWindowsPhone        webOS  }          .WordPress.org/development/
Translate!translate.wordpress.com
2Mobile Themes
Make your blog mobile-friendly. Don’t create a    “mobile version”!
Mobile views:138 000 000/month
WordPress.com in your cell phone
Turning off the mobile theme
Responsive themes
WordPress.org/extend/  plugins/wptouch
WordPress.org/extend/      plugins      Search for “Mobile”
Write CSS specifically for    mobile browsers “Return of the Mobile Stylesheet” on A List Apart                http://bit.l...
Use Mobile META tags to tellthe browser to do cool things..    “The Viewport META Tag” by David B. Calhoun               h...
What about the future?
?
!     @WordPressiOS                         @WPAndroid@IsaacKeyet             @WPBlackBerryisaackeyet.com       @WPWindows...
Obrigado!
WordPress Mobile: Reality & Vision - WordCamp Lisboa 2011
WordPress Mobile: Reality & Vision - WordCamp Lisboa 2011
WordPress Mobile: Reality & Vision - WordCamp Lisboa 2011
WordPress Mobile: Reality & Vision - WordCamp Lisboa 2011
WordPress Mobile: Reality & Vision - WordCamp Lisboa 2011
WordPress Mobile: Reality & Vision - WordCamp Lisboa 2011
WordPress Mobile: Reality & Vision - WordCamp Lisboa 2011
Upcoming SlideShare
Loading in...5
×

WordPress Mobile: Reality & Vision - WordCamp Lisboa 2011

976

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
976
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Hi, I’m Isaac. Let’s talk about Mobile WordPress.\n
  • Hi, I’m Isaac. Let’s talk about Mobile WordPress.\n
  • One of my favorite people once sung “the times they are a-changing”\nIt was true then, and it’s true now - but for a whole other thing: mobile\nrecent example - facebook F8\nlet’s take a step back and look at some facts\n
  • ENIAC was, according to Wikipedia, “was the first general purpose electronic computer”\nremember reading about it in school (big, still slower than a normal computer)\nfact is, a regular phone trumps it today\nsilly comparison, was never a personal computer, but a smartphone today is still way more powerful than the early PCs\n
  • WP is growing. an estimated 14.7% of the top million websites in the world run WP\nnote.. sites, not only blogs.\n
  • this is an interesting stat I saw while back, and it’s been revised since (it’ll happen earlier) but either way it’s pretty darn incredible\nin africa, many people experiencing the web for the first time (cell phone, bank errands)\n
  • \n
  • \n
  • this is an interesting stat I saw while back, and it’s been revised since (it’ll happen earlier) but either way it’s pretty darn incredible\nin africa, many people experiencing the web for the first time (cell phone, bank errands)\n
  • so this is where my team come in\nI represent the Mobile Team at automattic, work on apps and making mobile WP exp better\nmy colleague jorge is actually here today as well\nfirst thing I want to talk about are the mobile apps\n
  • secondly I wanted to cover some of the basics around creating mobile friendly themes\n
  • so let’s start with the apps\n
  • team I’m leading develops apps for many platforms\n
  • here they are! first app: iOS, version 2.0 support ipad\nandroid, blackberry - adjusted exp for devices\nwp7, nokia last year (note about nokia) webOS up in the air. all these apps allow us to experiment! wanted to take some time about iOS 2.9 - just launched!\n
  • wpios 2.9\n
  • best of all..\n
  • kolla in koden, hjälp till at testa, bygg saker\n
  • vi försöker översätta de flesta av Automattics projekt, och så även apparna.\n
  • \n
  • \n
  • \n
  • wpcom has over 138M pageviews across the network from mobile devices alone\n
  • surfar in på en wpcom blogg i mobilen så ser man någon av de här två vyerna\nwptouch\ngamla temat för äldre mobiler (icke smartphones)\n
  • \n
  • best option is to build or use a theme that’s already responsive\nthis is twenty-eleven\n
  • wptouch-klon som inte är byggd av automattic men gör i princip samma sak\n
  • en hel mängd av plugins som gör din blogg mer lättanvänd för mobila webbläsare\n
  • the key to making your site mobile friendly, is to use responsive design\nif you’re making a client website, they shouldn’t have to pay extra for mobile friendly website - there is only one web\n\n
  • by adjusting the meta tag you can apply certain rules for specific screen sizes, disable zoom, and more\n
  • so what’s going to happen to mobile WP in the future?\napps recreating the whole blogging experience, not only management but also reading blogs\nall themes will have to become responsive\n
  • a little shorter than I’d hoped for but I’d like to open it up to questions now\n
  • find me on twitter\n
  • find me on twitter\n
  • find me on twitter\n
  • find me on twitter\n
  • \n
  • \n
  • WordPress Mobile: Reality & Vision - WordCamp Lisboa 2011

    1. 1. WordPress Mobile: Reality and Vision Isaac Keyet, 24/9 2011
    2. 2. By 2020, more mobiledevices will connect to the web than computers
    3. 3. .WordPress {mobile-friendly: yes !important;}
    4. 4. 1iOS + Android + BlackBerry + Windows Phone 7 + webOS + Nokia
    5. 5. 2Mobile Themes
    6. 6. 1
    7. 7. WordPress Mobile Projects } iOS Android BlackBerry .WordPress.orgWindowsPhone webOS Nokia
    8. 8. Open Source GPL v2
    9. 9. Get involved! iOS Android BlackBerryWindowsPhone webOS } .WordPress.org/development/
    10. 10. Translate!translate.wordpress.com
    11. 11. 2Mobile Themes
    12. 12. Make your blog mobile-friendly. Don’t create a “mobile version”!
    13. 13. Mobile views:138 000 000/month
    14. 14. WordPress.com in your cell phone
    15. 15. Turning off the mobile theme
    16. 16. Responsive themes
    17. 17. WordPress.org/extend/ plugins/wptouch
    18. 18. WordPress.org/extend/ plugins Search for “Mobile”
    19. 19. Write CSS specifically for mobile browsers “Return of the Mobile Stylesheet” on A List Apart http://bit.ly/a0ZwK
    20. 20. Use Mobile META tags to tellthe browser to do cool things.. “The Viewport META Tag” by David B. Calhoun http://bit.ly/bUZBX2 “Return of the Mobile Stylesheet” http://bit.ly/a0ZwK
    21. 21. What about the future?
    22. 22. ?
    23. 23. ! @WordPressiOS @WPAndroid@IsaacKeyet @WPBlackBerryisaackeyet.com @WPWindowsPhone @WPwebOS @WPNokia
    24. 24. Obrigado!
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×