Практические решения

Руководство по настройке Mobile Joomla

Joomla
Добавление в избранное
Сохранить

Руководство по настройке Mobile Joomla

Существует несколько путей для элегантного решения проблемы с корректным отображением сайта в браузерах мобильных телефонов. Недавно мы подготовили статью создание мобильной версии сайта на Joomla - обзор решений, в рамках которой было подробно описано 5 способов, позволяющих сделать мобильную версию сайта на Joomla. В рамках текущего руководства рассмотрим подробнее расширение Mobile Joomla, которое позволяет легко и быстро организовать мобильную версию сайта. Данный способ крайне полезен в случае, когда у вас уже используется готовый шаблон и нет возможности переделать верстку в соответствии с требованиями мобильных устройств. Давайте попробуем это расширение.

Устанавливаем Mobile Joomla

Устанавливаем Mobile Joomla

Для этого необходимо зарегистрироваться на сайте http://MobileJoomla.com, авторизоваться и скачать файлы дистрибутива.

Установка Mobile Joomla

В панели управления сайтом перейдите в Расширения >> Установить/Удалить, нажмите на обзор, выберите нужное расширение и нажмите на загрузить и установить.

Процесс установки может занять немного времени, поскольку будут устанавливаться: компонент, шаблоны, плагины и др.

Мобильная версия Joomla

Если теперь перейдем в Расширения >> Менеджер шаблонов, то увидим четыре различных плагина, каждый из которых предназначен для определенного мобильного устройства:

Мобильная версия Joomla

Мобильная версия вашего Joomla сайта теперь должна незамедлительно работать, так что можно проверить работоспособность в различных мобильных устройствах.

Примеры iPhone / iPad / iPod Touch экрана:

iPhone / iPad / iPod версия Joomla

iPhone / iPad / iPod версия Joomla

Примеры Android / WAP / PDA экрана:

Android / WAP / PDA версия Joomla

Android / WAP / PDA версия Joomla

Позиции модулей Mobile Joomla

Мобильная версия Joomla

Расширение Mobile Joomla предоставляет возможность вставки модулей для мобильной версии сайта. Каждый шаблон идет с шестью позициями: две в шапке (header), две по середине экрана и две в подвале (footer). Шаблон на экране iPhone/iPad/iPod Touch выглядит примерно так:

Мобильная версия Joomla

Конфигурируем настройки Mobile Joomla

Настройка мобильной версии Joomla и компонента Mobile Joomla

Mobile Joomla имеет широкий спектр различных настроек. В "Global Settings" компонента можно настроить все четыре мобильных версии для основных устройств в собственные поддомены. (см.ниже). Каждая из мобильных версий имеет режимы настроек для главной страницы сайта, а также режимы управления изображениями и др.:

Настройка мобильной версии Joomla и компонента Mobile Joomla

Видео урок по настройке Mobile Joomla (на англ.)

{swfremote}http://c.brightcove.com/services/viewer/federated_f9?&width=620&height=390&flashID=myExperience650970470001&bgcolor=%23FFFFFF&playerID=615458561001&playerKey=AQ%252E%252E%2CAAAAjCu7t8E%252E%2CE1_aEDxUk7zl6SG2MXtM6xVrv4jGhIFX&isVid=true&isUI=true&dynamicStreaming=false&%40videoPlayer=650970470001&autoStart=&debuggerID={/swfremote}

Теперь вы можете с легкостью организовать мобильную версию сайта на Joomla и быть увереным в том, что пользователи мобильных устройств, заходящие на ваш сайт, это оценят.

Оригинальная статья: Mobile Joomla Tutorial (by Steve Burge)

{yandexmoney}

Оригинальная статья: Steve Burge
Eugene Sivokon
Предприниматель, менеджер проектов, Joomla-энтузиаст. Занимаюсь созданием сайтов с 2002 года. Координатор нескольких Joomla проектов. Обожаю путешествовать, интересуюсь историей и изучаю иностранные языки.

Подпишитесь на рассылку новостей CMScafe