Как сделать мобильную версию сайта джумла
Обновлено: 07.07.2024
Как при помощи Mobile Joomla! сделать мобильную версию сайта?
Мобильные устройства получили очень широкое распространение и все чаще их хозяева просматривают сайты, а не только используют их для игр или развлечений. Поэтому встает вопрос - как сделать мобильную версию сайта на Joomla ? Это актуалено по той простой причине, что увеличивает влияние пользовательских факторов на ранжирование вашего сайта. Чтобы сделать сайт удобным для просмотра пользователями и возникает нагальная потребность создать облегченную версию сайта (т. е. мобильную, PDA версию сайта). Если пользователю удобно просматривать такую версию сайта на смартфоне, значит он подольше задержится на вашем сайте и, возможно, прочитает что-то там еще.
Иными словами, посетитель не станет сразу уходить из-за неудобного просмотра. В итоге, создавая мобильную версию сайта мы улучшаем внутреннюю оптимизацию и положительно влияем на факторы трастовости сайта в целом. Эта тема очень актуальная. Сам компонент разрабатывался создателями Joomla, поэтому полностью согласован с СМS Joomla, а скачать его можно на сайте разработчика, но перед скачиванием необходимо зарегистрироваться.
Если после инсталляции зайти в Расширения - Менеджер плагинов, то можно увидеть четыре плагина, а в Расширения - Менеджер шаблонов четыре различных шаблона, каждый из которых предназначен для различных типов телефонов:
Мобильная версия сайта должна работать сразу после того как вы ее установили, вот так ваш сайт будет выглядеть на мобильных телефонах:
Скриншоты на iPhone / IPad / IPod
Скриншоты Android / WAP / PDA
Позиции мобильных модулей в Joomla
Компонент Mobile Joomla также имеет возможность добавлять позиции модулей на мобильные дисплеи телефонов. Каждый шаблон поставляется с шестью позициями: два в заголовке, два средине и два в низу. Ниже приведен пример шаблона позиций для iPhone / IPad / IPod Touch на их дисплее:
Mobile Joomla имеет широкий диапазон параметров настроек. В глобальных настройках "Global Settings" можно создать субдомен для каждого из четырех основных шаблонов мобильных версий. Каждый из которых имеет свои собственные настройки для домашней страницы, управление изображениями и многое другое:
Но только в Mobile Joomla нет русского перевода этого замечательного компонента. Мне пришлось повозиться и для версии joomla 1.5 я его сделал, отправил в Mobile Joomla на модерацию, когда это будет, а сейчас можно скачать с приложенного файла
Пользователей, которые посещают сайты с помощью мобильных устройств (мобильные телефоны, планшеты, смартфоны) становиться с каждым днем больше и больше. Вообще тренд по адаптированному веб-дизайну сайта под мобильные устройства пришелся на 2014 год. Многие авторитетные аналитические компании предсказывали активный рост армии мобильных пользователей с 2014г. И это не удивительно , причиной тому послужило широкое проникновение интернет провайдеров, доступность цен на интернет и мобильные устройства, активное развитие мобильной электроники. В 2014 году сайты в буржуйнете почти 50% пользователей посещали с помощью мобильных гаджетов, а в рунете пророчили активный рост мобильных пользователей в 2015 году. Давайте и мы не будем отставать от современных требований к сайту.
Что такое оптимизация сайта под мобильные устройства
Оптимизация – адаптирование чего-либо к чему-либо. Оптимизация сайта под мобильные – адаптация и усовершенствование визуализации сайта под мобильные устройства. То есть, оптимизированный сайт – сайт, на котором удобно воспринимать информацию с мобильного телефона или планшета.
Адаптивный веб-дизайн – способность сайта адаптироваться под любое современное мобильное устройство, то есть адаптация сайта не под конкретную модель или тип устройства, как при разработке мобильной версии сайта, а абсолютная адаптивность сайта под ширину экрана любого электронного девайса.
Не оптимизированный сайт под мобильное устройство не удобно просматривать с мобильного, такой сайт считается не оптимизированным под мобильное устройство.
Зачем оптимизировать сайт под мобильные гаджеты
Поэтому сайты, которые не оптимизированные под мобильные, просто теряют огромную массу трафика, то есть мобильный пользователей, кстати, которые переходят к Вашим конкурентам, тем самым делая успешным их веб-ресурс.
Что говорят об адаптивной версии веб-дизайна поисковые системы? Практически все в один голос говорят, что адаптивный веб-дизайн – это супер. Google вообще всем вебмастерам, у которых сайты не оптимизированы, разослал письма счастья, где сообщил, что адаптивный веб-дизайн сайта приобрел большее влияние при ранжировании сайтов в поисковых системах. То есть, если взять два конкурирующих и схожих во многом сайта, то выше в позициях и успешнее в целом будет тот сайт, который имеет адаптивную версию веб-дизайна.
Как оптимизировать сайт под мобильное устройство
Есть несколько способов оптимизации сайта под мобильные устройства:
Способ 2. Использовать готовое решение – шаблон для сайта с абсолютной адаптивностью. Выгода этого варианта заключается в том, что готовый адаптивный дизайн сайта максимально отточен и навряд ли будет иметь недочеты. Этот вариант будет значительно дешевле, чем разработка веб-дизайна под ключ в веб-студии.
Способ 3. Использовать модуль, который превратит сайт в адаптивный. Не под каждую CMS есть такой модуль. Есть, например под WordPress — плагин WPTouch. Недостаток этого способа в том, что теряется вся оригинальность родного дизайна сайта. Зато этот способ полностью бесплатен.
Сколько стоит оптимизация сайта под мобильные
Оптимизации сайта под мобильные устройства может быть как бесплатной, так и платной.
Однозначно платный способ – разработка мобильной версии сайта у специалистов – Веб-студиях. Цена может колебаться в приделах 100-500$. На ценообразование влияет множество факторов.
Вариант дешевле или условно бесплатный – купить готовый адаптивный шаблон для сайта. Цена шаблона, в среднем, варьируется в приделах 50-150$. В этом случае к специалистам можно не обращаться, достаточно изучить мануал шаблона и иметь прямые руки для установки шаблона. Кстати, на нашем сайте представлен огромный выбор премиум шаблонов для Joomla с абсолютной оптимизацией под мобильные устройства, которые можно скачать совершенно бесплатно.
Бесплатный вариант. Использовать бесплатные адаптивные шаблоны или модули, которые превращают Ваш сайт в адаптивный.
Оптимизированный сайт под мобильные сегодня уже не тренд, а стандарт. Сайт, который не имеет адаптивной версии веб-дизайна будет уступать конкурентам, которые позаботились об удобстве пользователей, посещающих сайт с мобильных гаджетов. Сделайте Ваш сайт удобным для мобильных пользователей!
eldarbal, конкретно Вам не скажет т.к плагины для адаптации под моб. устройства созданы таким образом что приводят разные шаблоны к общим данным для адаптации, и как будет смотрется конкретно ваш шаблон при такой верстке заранее не сказать точно.. если хотите чтоб всё было ровно и красиво обратитесь к верстальщику или учите css и не нужны будут плагины..
dik85, да, вы правильно подметили на счет шаблона. Так как у плагина Mobile Joomla есть такой момент. тут предлагается свой шаблон. А к кому порекомендуете обратиться? может и шаблон мне обновить уже сразу. есть студии которые занимаются именно джумла?
Можно сделать для вашего сайта адаптивную верстку (текущую скорректировать). И не понадобится отдельный мобильный шаблон.
Пишите, если надумаете.
Сегодня пойдет речь о том, как можно создать мобильную версию для сайта, построенном на системе CMS Joomla.
Во-первых, нам нужно зайти по адресу и нажать на надписи Get Started – Build Your Site .
После этого кликнуть на кнопке Make my site mobile , после чего окажемся на новой вкладке.
Здесь как раз и начинается настройка нашего сайта под мобильную версию.
В первом пункте выбираем формат отображения элементов, таких как меню, цветовая палитра.
Нажимаем кнопку Next и переходим ко второй части настроек – Edit site . Тут мы можем определить, какие элементы на странице можно убрать, а какие добавить. К примеру, у вас есть возможность добавить на страницу рекламу от google adsense, html форму или слайдер.
Теперь переходим к вкладке Save site и сохраняем наш проект.
Перейдем к расширенным настройкам.
После того, как у вас появился сайт по адресу:
вы можете изменить его, просто внеся несколько настроек у вашего хостинг провайдера.
Для этого нужно сделать запись в DNS, которую вам предложит после сохранения данный сервис.
Зайдите на ваш сайт, найдите основной файл (обычно это index.php или index.html) в вашем шаблоне и добавьте скрипт в блок тегов .
После вышеперечисленных действий ваш сайт будет доступен по адресу:
Вот, в принципе, и весь процесс создания и редактирования мобильной версии сайта на Joomla или любом другом. Данный принцип удобен для тех, кто не хочет устанавливать компоненты, плагины от сторонних производителей.
Читайте также: