[support] Best practices for mobile sites in Drupal

[Laura Scott]

The document header in your page template can call up a different  
stylesheet for your mobile visitors. Something like

<style type="text/css" media="handheld">@import...</style>

Aside from your basic semantic structuring (and avoiding table-based  
layouts), there are css practices that can help. See http:// 
www.alistapart.com/articles/pocket/ for some tips.

One wrinkle in all this: My understanding is that Safari in the  
iPhone does not honor mobile stylesheets. Go figure.

Hope this is helpful.

Laura

On Sep 30, 2007, at 1:34 PM, Albert Cuesta wrote:

> Hi everyone
>
> After a bit of research, I have concluded that there are two main
> approaches to creating mobile-enabled versions of existing Drupal
> sites:
>
> * Using the mobile theme <http://drupal.org/project/mobile> and
> setting up some theme switcher / URL alias to redirect requests to
> 'clean' pages
> * Using the .mobi loader module
> <http://drupal.org/project/mobi_loader> + .mobi theme
> <http://drupal.org/project/mobi> combo, so all requests for the
> site.mobi domain are intercepted and get the 'clean' theme. However, I
> have found it quite buggy, so many requests for the mobile site are
> still getting the default theme, as reported here
> <http://drupal.org/node/163541>
>
> Besides, none of these two themes pass the compatibility tests at
> http://mtld.mobi
>
> How are you managing the mobile versions of your sites? Has anyone
> combined the above two approaches?
>
> Thanks in advance for any comments and suggestions.
>
> ----------------------------------------------------------------------
> Albert Cuesta
> http://www.canalpda.com
> -- 
> [ Drupal support list | http://lists.drupal.org/ ]