Building a mobile website
- 1. Building a Mobile Website Different ways of making your Website Mobile
- 2. Building a mobile website • Responsive website example • Device Detection website examples • How to choose a good responsive template • How to make basic modifications with mobilejoomla
- 3. Responsive Templates • This is based on your screen size… • the websites tries to be ‘intelligent’ and change depending on your actual screen size… Regular Screen Screen made smaller manually
- 4. Using Device Detection • Based on the device that opens the site, the entire template will change. Regular Screen Site on Mobile Device Using a different template
- 5. Advantage with Device Detection • Based on device can change the template view • Can determine which modules SHOULD or SHOULD NOT appear on specific devices • Can switch which menus appear, even on an Ipad (hover does not work well) • Can show preview of device to change styles
- 6. Versions of Mobile Joomla Free Basic Mobile-pro $0 $29 $100 Has Advertisements No advertisements No advertisements Can not preview No preview mode Preview Mode – LOVE No option for tablet changes, etc Support is PER License, but can install on multiple sites, just can’t get support (and will say invalid on backend)
- 7. Mobile joomla Backend - preview Click for preview Select what modules appear
- 8. Advanced module options • Can select exactly which modules appear or not appear depending on your device
- 9. Time for mobile joomla • Mobile joomla installation could take an additional 5-10 hours based on template styling • Currently the styling has to be done by ‘inspect element’, css and image changes • In the future they may make this easier to do • Sometimes new menus need to be created to simplify the site (syossetlibrary.org) we use a different menu for mobile vs. the entire site