The Mobile Version of Your Site
How to configure your site's mobile app
Before we get into the nitty gritty - it is probably a good idea discuss what this is all about...
As more and more users are visiting your site via a mobile device, they expect to be able to view your content in a "mobile friendly" way. Small screen and potentially slow, spotty connections mean that your standard site needs to be re-skinned to something that is very lean and easily viewable on a smartphone.
Enters your mobile.html page. When designing this feature, we had 3 goals in mind:
1. Create an alternate view of your site that is compatible with as many mobile platforms as possible.
2. Make sure it is super lean. Nothing superfluous. Allow users to get in and out quickly without downloading silly design elements that no one care for.
3. Most importantly, make it populate seamlessly, so that you don't have to support 2 separate sites.
And so, we've created the moble.html page where all the content is the same content you enter to your regular Content Management Environment.
Now, in order to activate it you will need to request for it in the Support Tracker by submitting a config snippet. This is what is installed by default on you site:
HEADER::$org_url Mobile
EVENTS::Upcoming Events
NEWS::Latest News
ARTICLE::About Us::2
TEL::Call Us::800-555-1212
EXT-LINK::Full Site (non-mobile version)::http://www.$org_url
There are 6 lines above. Each line starts with a directive (HEADER, EVENTS, etc...). These should be in all caps. They tell the system what type of item this is.
Each line then has a separator (::) and the second item on each line is the text that actually shows for this item. So, for example, you can change "NEWS::Latest News" to "NEWS::What's New?"
Some lines have a second separator. These are similar to links. The third item on these lines is simply the destination for the link. So, for example, "ARTICLE::About Us::2" means: add a link to an article. Title is About Us. And when the user clicks on it, go to aid#2.
The TEL directive allows you to add a phone number. When the user clicks this item, his/her smartphone will prompt a dialog box asking whether to call the number. This one is optional.
EXT-LINK stands for external link. Example: EXT-LINK::Full Site (non-mobile version)::http://www.cnn.com will simply go to cnn.com
BTW, $org_url is replaced by your domain name. So, if you site is abc.org - the system will automatically replace HEADER::$org_url Mobile with HEADER::abc.org Mobile. So you don't need to change that.
|
|
 |
