Building a Mobile Website
Different ways of making your
Website Mobile
Building a mobile website
• Responsive website example
• Device Detection website examples
• How to choose a good responsi...
Responsive Templates
• This is based on your screen size…
• the websites tries to be ‘intelligent’ and change depending on...
Using Device Detection
• Based on the device that opens the site, the
entire template will change.
Regular Screen
Site on ...
Advantage with Device Detection
• Based on device can change the template
view
• Can determine which modules SHOULD or
SHO...
Versions of Mobile Joomla
Free Basic Mobile-pro
$0 $29 $100
Has Advertisements No advertisements No advertisements
Can not...
Mobile joomla Backend - preview
Click for
preview
Select
what
modules
appear
Advanced module options
• Can select exactly which modules appear or
not appear depending on your device
Time for mobile joomla
• Mobile joomla installation could take an
additional 5-10 hours based on template
styling
• Curren...
Upcoming SlideShare
Loading in …5
×

Building a mobile website

590 views

Published on

How to build a mobile website using Mobile Joomla.

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
590
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Building a mobile website

  1. 1. Building a Mobile Website Different ways of making your Website Mobile
  2. 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. 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. 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. 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. 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. 7. Mobile joomla Backend - preview Click for preview Select what modules appear
  8. 8. Advanced module options • Can select exactly which modules appear or not appear depending on your device
  9. 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

×