What approach should I take? Using alt templates or setting up m.website.com and creating a new subdomain in my umbraco instance? What approach is all around better way to handle mobile sites?
The whole notion about semantic HTML markup and the seperation of layers is that you will only need to write your markup once and then be able to style it by targeting different medias.
However I reckon that it can sometimes be difficuelt to achieve.
So if it's not possible for you to achieve your goal by the solution Thomas is suggesting I think that using an alternative template is the way to go. Maybe you could find some inspiration in this post from Tim Geyssens http://www.nibble.be/?p=59 - It's about making an alternative template specific for the Iphone. But the approach should be similiar for a general page that should be visible on cell phones.
Hi Evan, just on a side note, you don't need to use the "altTemplate" querystring... due to the way the (default) NotFoundHandlers work, you can do this:
@Lee thanks for the advice and I have looked into doing that, the only problem is part of the site can not soley depend on bodyText as the home page does, there are a few other factors.
Creating a mobile site...
What approach should I take? Using alt templates or setting up m.website.com and creating a new subdomain in my umbraco instance? What approach is all around better way to handle mobile sites?
Another option is to use css targets: http://www.w3schools.com/CSS/css_mediatypes.asp
hth, Thomas
Agree with Thomas.
The whole notion about semantic HTML markup and the seperation of layers is that you will only need to write your markup once and then be able to style it by targeting different medias.
However I reckon that it can sometimes be difficuelt to achieve.
So if it's not possible for you to achieve your goal by the solution Thomas is suggesting I think that using an alternative template is the way to go. Maybe you could find some inspiration in this post from Tim Geyssens http://www.nibble.be/?p=59 - It's about making an alternative template specific for the Iphone. But the approach should be similiar for a general page that should be visible on cell phones.
/Jan
Good idea but that really wont work as it is not necessarily the CSS that is changing, also stripping out pictures so it loads faster....
@Jan, thanks for the tip, that is the route I have been playing with as you can see here:
Regular page: http://testserver4.carbintech.com/index.aspx
Mobile Page: http://testserver4.carbintech.com/index.aspx?altTemplate=mobilehome
Just trying to see if this is the best approach...
Hi Evan, just on a side note, you don't need to use the "altTemplate" querystring... due to the way the (default) NotFoundHandlers work, you can do this:
http://testserver4.carbintech.com/mobilehome.aspx
You can also apply that template to all your other pages too...
i.e.
http://testserver4.carbintech.com/the-team/mobilehome.aspx
http://testserver4.carbintech.com/services/mobilehome.aspx
http://testserver4.carbintech.com/portfolio/mobilehome.aspx
If you change the template name from "mobilehome" to just "mobile" - it might be a bit more usable?
Good luck with your mobile version of your site.
- Lee
@Lee thanks for the advice and I have looked into doing that, the only problem is part of the site can not soley depend on bodyText as the home page does, there are a few other factors.
Evan
is working on a reply...