WordPress Mobile Edition + BONUS Mobile Simulator
Digital Version Downloadable - No Shipping or Handling Fee!
Introduction by Author
Dear Friend,
To install WordPress Mobile Edition correctly, you have to manually move
the default theme into the WordPress themes directory.
The configuration options appear under “Settings > Mobileâ€, and allow you
to set the User Agent strings for mobile and touch devices.
The default theme (carrington-mobile-1.0.2) will serve a different CSS
file for touch devices (iPhone, Android, WebOS, etc). The theme places
both navigation and a search box at the bottom of the page.
Aside from presenting a cut-down theme, WordPress Mobile Edition doesn’t
do any advanced content adaption, such as image resizing or dividing pages
into smaller chunks.
Testing Notes
I modified the plugin settings to include “W3C-mobileOK†in the list of
Mobile Browser User Agents.
I passed the &user-agent=mobileok query string to the HTML Validator,
as outlined in the User Documentation for the W3C Markup Service.
Passing a user-agent URL query string doesn’t seem to work on the CSS Validator,
so each of the three stylesheets was validated by passing the URL directly to
the CSS Validator.
Testing Results
HTML Validator
This document was successfully checked as XHTML Mobile Profile 1.2!
CSS Validator
*** style.css – 4 errors (all border-radius errors,
as it was validating against CSS 2.1)
*** css/touch.css – 1 error
(Property -webkit-text-size-adjust doesn’t exist)
*** css/advanced.css – 39 errors
(all appear to be CSS 3 related: :last-child, text-shadow, border-radius)
mobileOK
*** 88/100
*** Page Size – 11 KB (document: 5KB – stylesheets: 6KB – images: