How to design a mobile website in Joomla

Posted on Posted in Online Marketing Tools

One of the most common questions I get from my Joomla training students now is: “how do I make my Joomla site ready for mobile phones?”

There are two different paths to do this and the choice depends largely on whether you have a template or not.

1) Template Frameworks: If you’re looking for a template, choose one of the designers whose templates automatically adjust for mobile browsers. Click to visit this section. But there are many out there. Just “google Mobile Joomla templates.”

2) Template plus plugin: If you already have a template, there are systems that will provide both the mobile template and a plugin to detect when someone is visiting from a mobile phone. 
Here is a guide to the different ways to make your site mobile and at the end we’ll show you how to manage and update your site from your phone.

Template Framework: Rocket Theme. and the Gantry Framework

tutuploadsmedia_1288021530855.png
tutuploadsmedia_1288027465434.png
tutuploadsmedia_1288027493563.png

Template Framework: Joomlart and the T3 Framework

tutuploadsmedia_1288021674321.png
tutuploadsmedia_1288027609174.png
tutuploadsmedia_1288027205731.png

Template Framework: Joomla Junkie and the Morph Framework

tutuploadsmedia_1288022297093.png
tutuploadsmedia_1288027239714.png
tutuploadsmedia_1288027669158.png

Template plus Plugin: Tap Theme

tutuploadsmedia_1288022505028.png
  • Sitehttp://taptheme.com
  • Price: $29 each for the iPhone, Android and iPad versions.
  • Screenshots and video:
tutuploadsmedia_1288027332516.png
tutuploadsmedia_1288027380172.png

Template plus Plugin: Mobile Joomla

tutuploadsmedia_1288022537719.png
tutuploadsmedia_1288027702938.png
tutuploadsmedia_1288027742781.png

Managing Your Site From Your Phone: J! Admin Mobile

tutuploadsmedia_1288022669622.png
tutuploadsmedia_1288027940247.png
tutuploadsmedia_1288027917882.png
The following two tabs change content below.

By Mary

Head of Integrated Digital Marketing and International Outreach
Maris Pozo is an Integrated Digital Marketer and member of the American Marketing Association, with over 9 years of experience on the agency side-and has worked with clients such as HP, LATimes, and Monster.com--In bilingual markets in Spain and U.S.

1429total visits.

  • Hi would you mind stating which blog platform you’re working with?
    I’m going to start my own blog in the near future but I’m having a hard time selecting between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your design and style seems different then most blogs and I’m looking
    for something unique. P.S My apologies for getting off-topic but I had to ask!

  • admin

    It depends what your needs are Drupal is for large content base sites. Drupal’s tools are fantastic at structuring and managing content. The Entity, Field and Form APIs make managing content a pleasure, while modules like Taxonomy and Menu give us efficient ways of structuring, organizing, and filtering the content. I like WordPress because it very search engine friendly (for some reason google likes it), and i use it as a personal blog tool. Which ever CMS system you choose make sure it will be scalable (if you need to grow your business), but most importantly that it has design flexibility. With WordPress you can choose pre-design templates, but if you know some CSS and PHP coding you can change the look and navigation of your site. Good luck!

  • Kimberly

    It is true that the Malaysia airplane vanished in a black hole haha :)

  • Mark

    Thanks for posting this. I was looking for a while.

  • Ojeka

    I am sure this post has touched all the internet users, its really really nice
    post on building up new webpage.

  • Mark

    Good Post!

  • Mark

    Will try to switch to mobile. Thanks for the tip

  • Linda pendaja

    Having read this I thought it was rather enlightening. I appreciate you taking
    the time and effort to put this article together.
    I once again find myself spending a significant amount of time
    both reading and posting comments. But so what, it was still
    worth it!

  • esmeral

    I think is good to offer two different versions for mobile users, the mobile site and the desktop site. I hate when they make me stay in the mobile site. I want options.