У серії попередніх моїх статей Як створити сайт під мобільні пристрої, я вже згадував про такий інструмент, як Mobile Joomla! Гасло розробників: "Ваш Joomla сайт тепер мобільний. Миттєво. Mobile Joomla! - краще рішення для адаптації вашого Joomla сайту на iPhone, iPad, Android, Windows Mobile і всі інші телефони. "І грунтуючись на своєму недавньому досвіді з даною розробкою, я можу сказати, що гасло повністю себе виправдовує." Миттєво "- це, звичайно , голосно сказано, але проявивши наполегливість, терпіння, і скориставшись форумом підтримки, ви дійсно зробите гарну версію сайту під мобільні пристрої за допомогою Mobile Joomla! В цій статті я опишу свій досвід установки Mobile Joomla, і налаштуванням шаблону Elegance. Ця стаття пізніше буде доповнена ще двома, в ко орих я торкнуся таких моментів в роботі з Mobile Joomla: робота з Менеджером Шаблонів, зміна логотипу вашого сайту, зміна колірної схеми шаблону Elegance, розбір положень модулів в шаблоні, додаткова переробка шаблону і багато іншого.
Як приклад подивіться GoozerNation.com і FSCgroup.com. Перий - це сайт на Joomla 1.5, а другий - на Joomla 2.5. Якщо ви читали серію моїх оригінальних статей "Як побудувати мобільний сайт", то могли помітити, що я намагався створити зі звичайного сайту абсолютно окремий варіант мобільної версії сайту. Однак тепер коли у нас є Mobile Joomla! , в цьому немає необхідності. Це потужне розширення легко визначає браузер відвідувача і завантажує відповідну версію сайту. При тестуванні сайт працював без збоїв як на стаціонарному комп'ютері, так і на Android "трубках" HTC EVO і iPhone 3G. Коли я переглядав оптимізовані таким чином сайти на Apple iPad і Amazon Fire, то вид був цілком прийнятним.
Для наочності подивіться мій варіант мобільного сайту на HTML і варіант на базі Mobile Joomla. Яка версія вам більше подобається?
При використанні шаблону Elegance в нижній частині сайту з'являється посилання для повернення в звичайний режим перегляду - непогана юзабіліті-можливість для відвідувача вибрати що йому до душі.
Для повного розуміння я повинен сказати, що клуб Mobile Joomla! надає доступ до шаблону Elegance за передплатою. Якщо ви оплатили 69 $, то отримуєте шаблон і всі оновлення протягом року. По закінчення року ви можете продовжувати користуватися шаблоном, але для отримання оновлень ви повинні продовжити передплату. Крім платних шаблонів, Joomla Mobile також пропонує і безкоштовні варіанти шаблонів з яких можна почати знайомство з компонентом. У цій статті розглядається варіант використання преміум шаблону Elegance.
Установка проходить досить швидко і не повинна викликати проблем. Ви просто завантажуєте з головної сторінки Mobile Joomla! інсталяційний пакет, і через менеджер розширень встановлюєте як звичайне розширення. Воно працює як на Joomla 1.5, так і на Joomla 2.5. Якщо ви вирішите використовувати шаблон Elegance, то він встановлюється окремим архівом. Усередині ви знайдете два .zip файлу:
- mobile_elegance_j15-1.06.zip
- mobile_elegance_j16-1.17-j25-1.06.zip
Якщо ви все ще використовуєте Joomla 1.5, тоді встановлювати через менеджер розширень необхідно перший файл. Якщо ви вже використовуєте сучасну Joomla 2.5, то встановлювати необхідно другий файл.
Призначаємо шаблон Elegance
Якщо все зроблено правильно, то в панелі адміністрування в списку компонентів з'явиться Mobile Joomla! , А також з'явиться іконка на головній сторінці адмін.панелі. А якщо перейти в менеджер шаблонів, то побачимо 5 нових шаблонів:
- mobile_elegance
- mobile_imode
- mobile_iphone
- mobile_smartphone
- mobile_wap
Всі ці шаблони повинні бути відзначені зеленої галочкою за винятком шаблону Elegance. Він налаштовується безпосередньо в самому компоненті Mobile Joomla.
Для того, щоб застосувати шаблон Elegance, слід перейти в настройки компонента Mobile Joomla. Потім призначити шаблон для різних пристроїв: смартфона, iPhone, WAP або I-mode (потрібно призначити шаблон для кожного з пристроїв). У самій першій графі налаштувань можна побачити, що випадає - він нам і потрібен. Вибираємо і встановлюємо шаблон Elegance як показано на малюнку:
Я не став міняти інші настройки нижче цього списку, і відразу переключився на настройку модулів в правій частині екрана. У тому числі додав відображення модуля з рекламою Google Adsense. Але про це ми поговоримо в частини II .
Яка версія вам більше подобається?
