Creating a mobile site with SiteWrench is a snap. The mobile detection and handling is built right in.
- Mobile templates are exactly the same as full page templates, they're just held in a specific location: Sitefiles/{SITEID}/MasterPages/Mobile
- Within SiteWrench, choose a mobile template for your page (requires mobile templates to be "on" in your plan).
- Present a link to mobile users from the mobile site to the full site:
<% If IsMobile() Then %><a href="#" onclick="util.flipToUA('full', '/');">View Full Site</a><% End If %>
Present a link to mobile users from the full site to the mobile site:
<% If IsMobile() Then %><a href="#" onclick="util.flipToUA('mobile', '/');">Switch to Mobile Site</a><% End If %>
Tip: Using Safari's "Develop" menu, set your user-agent to iPhone so you can view your mobile site from your desktop machine. Don't see the "Develop" menu? Turn it on under Preferences > Advanced.