Mobilizing WordPress

997 views

Published on

Presentation for WordCamp:Developers 2011 on options for building mobile sites for WordPress.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
997
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
9
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Mobilizing WordPress

    1. 1. Mobilzing WordPress curtis@curtismchale.ca @curtismchale
    2. 2. Why?
    3. 3. Why?• mobile devices are everywhere
    4. 4. Why?• mobile devices are everywhere• iPhone, iPad, iPod Touch
    5. 5. Why?• mobile devices are everywhere• iPhone, iPad, iPod Touch• Android
    6. 6. Why?• mobile devices are everywhere• iPhone, iPad, iPod Touch• Android• Xoom
    7. 7. Why?• mobile devices are everywhere• iPhone, iPad, iPod Touch• Android• Xoom• .........
    8. 8. Constraints
    9. 9. Smaller Screen
    10. 10. Smaller Screen• sidebars
    11. 11. Smaller Screen• sidebars• footer
    12. 12. Smaller Screen• sidebars• footer• only essential information
    13. 13. Constrained Bandwidth
    14. 14. Constrained Bandwidth• high resolutions images look good but are slow
    15. 15. Constrained Bandwidth• high resolutions images look good but are slow• every line of code adds to the download package
    16. 16. Constrained Total Usage
    17. 17. Constrained Total Usage• what’s the monthly limit of data?
    18. 18. Usage Assumptions
    19. 19. Usage Assumptions• no hover
    20. 20. Usage Assumptions• no hover• no rollover
    21. 21. Usage Assumptions• no hover• no rollover• different orientations
    22. 22. Usage Assumptions• no hover• no rollover• different orientations• different screen dimensions
    23. 23. Usage Assumptions• no hover• no rollover• different orientations• different screen dimensions• more distractions?
    24. 24. iOS No File System
    25. 25. iOS No File System
    26. 26. Other Options
    27. 27. Other Options
    28. 28. Other Options
    29. 29. Options
    30. 30. Options• WP Touch
    31. 31. Options• WP Touch• CSS Media Queries
    32. 32. Options• WP Touch• CSS Media Queries• Mobify
    33. 33. Options• WP Touch• CSS Media Queries• Mobify• others ( WordPress Mobile Pack, Mobile Press...)
    34. 34. WP Touch
    35. 35. WP Touch• Free, $39 - $199
    36. 36. WP Touch• Free, $39 - $199• intercepts the page request to provide mobile only theme
    37. 37. WP Touch• Free, $39 - $199• intercepts the page request to provide mobile only theme• Used on WordPress.com
    38. 38. Prowl
    39. 39. Web App Mode
    40. 40. iPad Popovers
    41. 41. Premium Support
    42. 42. Premium Support
    43. 43. and...
    44. 44. and...• Stats Codes
    45. 45. and...• Stats Codes• Developer Mode
    46. 46. and...• Stats Codes• Developer Mode• iPad dang fancy comments
    47. 47. Theme Structure
    48. 48. Theme Structure
    49. 49. Theme Structure
    50. 50. Device Classes
    51. 51. Device Classes• Themes specific to iPad, iPhone, Android...
    52. 52. Device Classes• Themes specific to iPad, iPhone, Android...
    53. 53. Adding Classes
    54. 54. Adding Classes
    55. 55. Modified Loop
    56. 56. Modified Loop
    57. 57. WP Touch Pro Issues
    58. 58. WP Touch Pro Issues• Theme level functionality doesn’t work
    59. 59. WP Touch Pro Issues• Theme level functionality doesn’t work
    60. 60. WP Touch Pro Issues• Theme level functionality doesn’t work• use a plugin
    61. 61. WP Touch Pro Issues
    62. 62. WP Touch Pro Issues• bbPress
    63. 63. WP Touch Pro Issues• bbPress• BuddyPress
    64. 64. Usability
    65. 65. Usability• many issues are simply options in WP Touch
    66. 66. CSS Media Queries
    67. 67. CSS Media Queries• also talked about as ‘responsive design’
    68. 68. CSS
    69. 69. CSS
    70. 70. Print Styles
    71. 71. Small Screens
    72. 72. PHP Checking
    73. 73. PHP Checking
    74. 74. JS Checking
    75. 75. JS Checking
    76. 76. Theme Functions Work
    77. 77. Theme Functions Work
    78. 78. Issues
    79. 79. Issues• already on a constrained pipe now we’ve got lots of CSS to download
    80. 80. Issues• already on a constrained pipe now we’ve got lots of CSS to download• resizing images with CSS
    81. 81. Issues• already on a constrained pipe now we’ve got lots of CSS to download• resizing images with CSS• all about optimization
    82. 82. Works
    83. 83. Works• bbPress• WordPress• BuddyPress• WP Multi-site
    84. 84. A List Apart
    85. 85. A List Apart
    86. 86. Shelf - Theme Foundry
    87. 87. Shelf - Theme Foundry
    88. 88. Mobify
    89. 89. Mobify• hosted solution
    90. 90. Mobify• hosted solution• paid
    91. 91. Works??
    92. 92. Works??• Web WYSIWYG to select content
    93. 93. Works??• Web WYSIWYG to select content• redirects to mobify
    94. 94. Works??• Web WYSIWYG to select content• redirects to mobify• compresses HTML and CSS
    95. 95. Works??• Web WYSIWYG to select content• redirects to mobify• compresses HTML and CSS• WordPress plugin
    96. 96. Issues
    97. 97. Issues• Pricey pricey
    98. 98. Issues• Pricey pricey
    99. 99. Issues
    100. 100. Issues• speed since we’ve got all this redirect mumbo jumbo
    101. 101. Issues• speed since we’ve got all this redirect mumbo jumbo• iOS uploads?
    102. 102. Good For
    103. 103. Good For• bbPress• WordPress• BuddyPress• WP Multi-site• WP eCommerce/Shopp• .....
    104. 104. Testing
    105. 105. OS X Development
    106. 106. OS X Development• iPhone/iPad = xCode
    107. 107. OS X Development• iPhone/iPad = xCode• Android = SDK
    108. 108. OS X Development• iPhone/iPad = xCode• Android = SDK• Parallels + Windows Phone Dev Tools
    109. 109. Windows Development
    110. 110. Windows Development• iPhone = iBBDemo2
    111. 111. Windows Development• iPhone = iBBDemo2• Android = SDK
    112. 112. Windows Development• iPhone = iBBDemo2• Android = SDK• Windows Phone Developer Tools
    113. 113. Test In Hand
    114. 114. Mobilzing WordPress curtis@curtismchale.ca @curtismchale

    ×