Creating Mobile Websites with Joomla 1.5
Thursday, 18 September 2008 17:42
Have you heard about the mobile web, or are you looking to build a mobile-optimized version of your website? Why would you want to do this in the first place? Well, there's a couple of reasons:
1. Millions of people are now surfing the web on their cell phones. However, screens on phones are not well optimized for regular websites. Even on the iPhone, which has the "real" internet, it can be a pain to constantly zoom in and out and scroll around.
2. Speed. Most cell phones don't have a lot of bandwidth, so if you can strip out as much of your site as possible, such as the excess javascript, css, and large images, you'll be delivering a your content more quickly to your users.
I'll be discussing two extensions that can help give you a mobile site with Joomla 1.5:
#1 PDA Plugin
The more fully featured plugin for mobile websites, PDA Plugin works quite well. It comes with two files, a template and a plugin. Install both and then visit Plugin Manager and click on PDA Plugin to set some options:
The settings above are the settings that I am currently using. First thing you'll notice is that this plugin was sort of rushed for Joomla 1.5 as it's still called "Mambot" rather than the preferred "Plugin."
1 Version of the Site or 2?
The first two options are very important. You'll have to decide whether you want to give the choice for mobile users to visit your regular site and your optimized site, or if mobile users will always see the mobilized version. I prefer to give my readers the choice, so I've set it up that way, as it shows in the graphic above. To have two versions, you need to do some additional work: Create a CNAME in your web hosting control panels that maps m.yourdomain.com to yourdomain.com. I chose to use "m" as it's become pretty common on a lot of sites and it's shorter than the default of "pda." Remember that typing on a mobile can be a pain, so the shorter the better!
If you'd like to offer your mobile visitors the mobile site all the time, you won't have to change any of the settings. Just publish the plugin and you're done.
Customize the Template
Next, visit the Template Manager and click on pda. From here you can customize how your template will appear to mobile users. You can specify which modules should show up (up to 5), so make sure to include one of your menus at least!
All together, this is a very nice solution to creating a mobile version of your website. Issues I can see in the future:
- Will development continue? The author has outlined grand plans for version 3, but hasn't updated his site in months.
- The developer's site has changed hosts--if the site goes down that would be a tragedy.
- Will the plugin work on newer mobiles if the developer doesn't update the plugin? This is the most troubling of all, although I suppose a differente developer could add code (heck perhaps I could do it myself) to support newer platforms, such as Andriod.
#2 Auto Template Switcher for iPhone
I believe the name of this extension had iPhone added on just to make it seems more useful for iPhone users, because it isn't specifically made for the iPhone. What it does do, is allow you to serve up to 3 different templates to users based on the browser they use. By default it allows you to target iPhone, Internet Explorer, and Mozilla users, but you could use this for users of other browsers as well.
Installation is sorta straightforward--installs as a module. Set it to a postion, set it to not show the title, and publish it. Oh wait, what's this? You also have to make a Joomla core file modification.
Note that this extension does not come with any templates, so you'll need to find one and install it separately.
Issues:
- As I mentioned earlier, you have to make a modification to the Joomla core to make this work. Modifications to the core make me sad--it's another thing to track when upgrades roll around.
- Not compatible with PDA plugin. I had both installed and PDA plugin stomped over it--probably due to Auto Template being a module.
- Only supports 3 browsers. This leaves out many users of other mobile web browsers.
Mobile Joomla 1.5 Templates
There aren't that many native Joomla 1.5 Templates. If you know of any, let me know if the comments. Here's what I've found:
Testing on a Mobile Device
Don't have a mobile device but want to see if the plugin is working? You can see if the mobile detection is working by using these tools:
1000 mobile phones picture from Gaetan Lee.
TrackBack URI for this entry
written by Benjamin C. Mooney , November 20, 2008
written by Benjamin C. Mooney , November 21, 2008
Really it wasn't working when i clicked on it i promise 
written by Mike B. , November 21, 2008
written by Mike B. , December 26, 2008
written by Thomas , February 27, 2009
Has anyone gotten this to work?
written by Mike B. , March 01, 2009
written by Thomas , March 01, 2009
written by Mike B. , March 04, 2009
written by Nick , March 30, 2009
any suggestions?
written by mike b , April 06, 2009
I wish a developer would take control of the project and give it some much needed love
written by biologico y ecología , May 29, 2009
Cheers...
written by Eye4IT , June 23, 2009
We believe there is a big future for such software. Please advice.
written by Mike B. , June 23, 2009
written by Pat , June 30, 2009
Thx
Pat
written by Mike B. , June 30, 2009
written by Mike B. , July 23, 2009
written by Text to screen , August 03, 2009
written by Evan K. Stone , August 19, 2009
The GREAT thing is that, in the main, the site I created with just a standard site template is still workable and actually looks pretty good on my iPhone (except for my header graphic. It's a little fat I think, but I think I can deal with that...).
Anyway, it is going to be very helpful to have this in my arsenal since I know someone is going to ask about it eventually.
Thanks again!
///eks :: interactive logic
i just follow your instruction but it's not work...
written by Jeff W , September 03, 2009
Thanks for finding this!!!
written by Mike B. , September 26, 2009
written by Rob Mousley , October 12, 2009
Turns out that the PDA version of the site was showing up on some people's browsers. I wasn't able to figure out why - but when we removed the PDA Plugin the problem went away. On the affected machines it didn't matter what browser was used, we got them to try chrome, firefox, IE.
written by Mike B. , October 14, 2009
written by Frank Gielen , November 02, 2009
written by Joomla Extension , November 22, 2009
written by Magnus , December 14, 2009
Visit the project here http://sourceforge.net/projects/visitas/ and download template under files.
written by Mike B. , December 15, 2009
Which option are you referring to that makes the cache a problem?
I found a great website for mobile websites. Here you can make a mobile version of your existing desktop site! Quick and easy. www.osmobi.com is the website!
written by apriliawaludin , March 25, 2010
written by Noel , April 26, 2010
Hope someone can use it, we have spent more than a few hours trying to get something generic enough but simple to use that we could share. There will be more versions and layout to come in the coming months.
Kind Regards
written by James S , May 18, 2010
I even downloaded the add-on for FireFox called UserAgentSwitcher.xml which imports into FireFox to give you more selections. With this, I can view the iphone results using my desktop browser as it would appear using an iphone. Then I can just switch back to the default user setting.
Mobile-Joomla is a component which installs secondary modules in your module manager and assigns menu positions to these. Also 3 additional templates are installed for the mobile devices. Anyway, check it out for yourself:
http://www.mobilejoomla.com/
https://addons.mozilla.org/en-US/firefox/addon/59/
written by Noel , June 15, 2010
We just completed a number standards compliant mobile phone templates for Joomla, optimized for iPhone 3GS, iPhone 4 and iPad, here: http://alturl.com/tvkc
If you own an iPhone, try the samples, we are building a demo site here: http://www.noxidsoft.com/templar
They are only a few dollars for the download, is open-source GNU licensed of course and they are being used in production mode in a number of mobile websites. Remember to enable the cache feature if desired.
Hope someone can use them, we have spent more than a few hours trying to get something generic enough but simple to use that we could share. There will be more versions and layouts to come in the coming weeks and months as the first mobile optimized template we made for Joomla! 1.5.x has proven a winner.
written by mobile phones , October 13, 2010
written by James-MobileWebsite , December 08, 2010
written by Angelo Glasser , May 13, 2011
iVM is a native app for Joomla/Virtuemart websites. Its an resident iphone app but takes data runtime from the website. You can find more details at http://www.ivmstore.com
Best Regards,
written by aneesh , July 08, 2011
Any ideas?
Thanks.
written by Suchet , August 31, 2011
Is this possible with the plugin?
| Get plugged into Joomla! | ||
| Subscribe free with: | ||
|
|
OR |
|
|
Subscribe to the blog |
||
 via RSS |
Follow The Joomla Podcast on Twitter
|
|
Latest Blog Posts
Buy me a cup of coffee?
Categories
Need to get a message out to the Joomla Podcast community?
The Joomla Podcast is currently accepting sponsorships on both the website and podcast. Please contact us for pricing and layout options. Reach your audience with us!The Joomla Podcast Recommends:
 |
|
| Great resources to get up and going with Joomla! | |
Need to upgrade your template?
© (c) 2009 - 2012 Joomla Podcast