Last weekend, I had the pleasure of rolling out my first Drupal mobile site! After listening to Drupal founder Dries Buytaert talk about the mobile web taking over, I lit a fire under myself to get this done.
Dries' Presentation Slide
Luckily, I discovered it’s easy as pie in Drupal:
The modules that I had to install to get it functioning well are collapsiblock, menu block, and mobile tools.
- Collapsiblock is just what it sounds like. It enables javascript collapsible blocks. You set defaults on if the block is collapsed by default, always collapsed, or collapsible.
- Menu Block enables you to take a certain subsection of your Drupal menu system, and display it in a block.
- Finally, Mobile Tools does the grunt work, and detects mobile devices. If it finds a mobile device user-agent, it redirects them to m.gatortailgating.com, and also switches the theme to your mobile them.
The final amount of work was just straight up D6 theming. I created a copy of the custom GatorTailgating.com theme, and modified the page.tpl.php and associated CSS files.
The final time it took to put this together was something around 6 hours… which to me is pretty amazing. It really speaks to Drupal’s power. Check it out on your IPhone, Droid or (hopefully not..) Blackberry!
PS. For all you Gator Drupaler's out there. We're having a huge Orange & Blue Game tailgate. Stop by and I'll throw you some free food & beer!