Как настроить joomla mobile

Mobile Joomla — настройка и создание адаптивного сайта

Время на чтение: 4 минуты

Многие веб-ресурсы решили не спешить с созданием адаптипновной версией. В итоге, поисковики уже начали активно понижать позиции сайтов, что не сделали мобильную версию. А все потому, что число пользователей, зашедших в Сеть через смартфоны или планшеты, с каждым днем растет. В отдельных случаях количество пользователей, что пребывают в Интернете со смартфона, уже превышает число «компьютерных» посетителей. И это только начала. Индустрия разработки девайсов растет и вскоре у каждого в кармане будет гаджет с 3G Интернетом.

После прочтения вводного абзаца, вы наверняка ощутили испарину пота у себя на лбу. Если у вас есть сайт и он не работает с мобильными устройствами, пора принимать какие-то меры. Не сегодня, так завтра Гугл и Яндекс введут санкции для «неудобных» ресурсов и вы лишитесь органического трафика, за счет которого жили.

В данной статье будут раскрыты способы настройки Joomla Mobile, которые приведут к созданию адаптивного ресурса.

Как можно создать Joomla Mobile

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

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

Если же вам не удалось найти бесплатную версию фреймворк-шаблона, то придется покупать тему. Обойтись это может больше 50 долларов. Зато у вас будет сайт, который в дальнейшем обязательно прорвется в выдаче, ведь поисковики все больше внимания уделяют именно адаптивным ресурсам, у которых нормальные настройки Joomla Mobile.

Настройка адаптивной версии сайта при помощи плагинов

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

Недостаток такого способа внедрения Joomla Mobile — это наличие двух отличающихся по виду площадок. Так, пользователь зайдет к вам на сайт сначала с телефона, оставит адрес почты в форме рассылки. Потом ему придет письмо и он с почты перейдет к вам на ресурс уже с компьютера и не узнает его! Чтобы такого не случилось, вы должны максимально приблизить внешний вид и общие настройки адаптивного шаблона к параметрам основного. Похожим должно быть все: от формы для заполнения почты до шрифта и дизайна модулей.

Читайте также:  Как настроить влажность на кондиционере

Плагин Mobile Joomla

На данный момент это одно из лучших расширений, котором можно использовать для привязки адаптивного шаблона к основному. Чтобы установить его у себя на сайте, сначала зарегистрируйтесь на сайте шаблона: введите адрес почты, пароль и подтвердите регистрацию. Далее скачайте дистрибутивы расширения на компьютер. Следующий шаг — это установка плагина через админку Джумла. Сделайте это при помощи вкладки «Менеджер расширений». Вместе с установкой этого плагина будут установлены одновременно четыре разных расширения, которые предназначены для создания адаптивной версии ресурса под различные устройства.

Далее вам предстоит изменить общие настройки плагина. Вы сможете настроить отображение под различные устройства, а также активировать переход на поддомены при условии входа пользователем на сайт со смартфона или планшета. Каждую версию сайта вы сможете настроить отдельно: изменить параметры адаптации изображений, способ изменения вида модулей и многое другое. В Интернете есть масса материалов по настройке плагина Mobile Joomla. Главное, что теперь вы знаете как адаптировать ваш сайт под различные девайсы.

Кроме плагина Mobile joomla, есть и другие расширения, способные сделать из вашего сайта гибкую платформу и для компьютеров, и для смартфонов. Некоторые рассчитаны только на определенные устройства, к примеру, плагин J! Admin Mobile рассчитан для входа на площадку через iPhone. Но вам это не понадобится — лучше сделать площадку массовой, чтобы на ней смогли сидеть пользователи с самых различных устройств. Такое может обеспечить плагин Tap Theme, который также создаст вторичную адаптированную тему.

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

Источник

Делаем мобильную версию сайта с Mobile Joomla — часть I

В серии предыдущих моих статей Как создать сайт под мобильные устройства, я уже упоминал о таком инструменте, как 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!

Установка проходит достаточно быстро и не должна вызвать проблем. Вы просто скачиваете с главной страницы Mobile Joomla! установочный пакет, и через менеджер расширений устанавливаете как обычное расширение. Оно работает как на Joomla 1.5, так и на Joomla 2.5. Если вы решите использовать шаблон Elegance, то он устанавливается отдельным архивом. Внутри вы найдете два .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.

Источник

Joomla mobile — как создать мобильный сайт

Время на чтение: 5 минут

Интернет стремительно меняется. Он становится более функциональным и гибким. Теперь всемирная Паутина рассчитана не только на пользователей ПК — в ней сидят множество людей и с других устройств. В частности, Интернетом активно начали пользоваться владельцы смартфонов и планшетов с различными расширениями экрана. Поисковики не могли не отреагировать на возникшую тенденцию и приняли решение ввести мобильную версию сайта в список факторов ранжирования. Теперь тот, у кого есть адаптированная версия сайта, имеет преимущество над обычным веб-ресурсом. Это отличная возможность подняться в поиске, либо опасность опуститься в выдаче, если ничего не делать!

В данной статье будут рассмотрены варианты, как создать мобильную адаптированную версию сайта.

Вы узнаете, как вам в этом деле поможет шаблон, компонент, плагин, а также как убрать предустановленную версию сайта для телефонов.

Как сделать адаптированную версию сайта, используя шаблон

Нет ничего проще, чем создать адаптивный сайт, используя специальный шаблон RT. Компания RT — это современный разработчик, каждый шаблон которого наверняка является PDA-версией — то есть адаптируется под любую ширину экрана. Чтобы ваш ресурс мог менять свою размерность и удовлетворял потребности пользователей с низкими разрешениями, вам достаточно скачать шаблон RT и установить его на движке Joomla.

Инсталлировать шаблон RT на движок — это плевое дело. Достаточно зайти в «Менеджер расширений» через админку, а оттуда пройти в раздел «Шаблоны». Там вы сможете загрузить шаблон RT на хостинг, после чего пройдет инсталляция. Вам останется лишь активировать макет RT через админку в том же разделе «Шаблоны». Учтите также, что порой мобильная версия сайта не включается по умолчанию. Зайдите в панель управления возможностями темы RT — там должно быть что-то сказано про активацию адаптивной версии сайта.

Читайте также:  Как настроить зеркала на ниве шевроле

Как отключить PDA-версию сайта, предустановленную в шаблоне

Порой вебмастеру не нравится затея с мобильной версией ресурса, но сам шаблон подходит. В таком случае необходимо убрать функцию адаптации и изменения ширины экраны под различные разрешения. Порой отключить адаптивность можно самым простым образом — через админку установленного шаблона. Но не всякий макет предлагает такой функционал, потому зачастую приходится действовать вручную.

Чтобы убрать адаптацию сайта, вам придется влезть в код шаблона и отключить изменение ширины ресурса. У мобильных шаблонов, обычно, в директивах имеется файл bootstrap-responsive, или как-это в этом роде, — именно он отвечает за адаптацию площадки под различные экраны. Убрать мобильность ресурса можно как раз при помощи этого файла — нужно добавить в него код, который с точностью определяет ширину сайта и делает веб-ресурс стабильного размера.

Итак, чтобы окончательно отключить PDA-версию сайта, введите следующий код в responsive-файл шаблона:

Вам осталось только убрать знаки вопросов и вписать свое значение ширины ресурса — часто ставят параметр 1200px.

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

Компонент Mobile Joomla

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

Итак, чтобы установить к себе на ресурс рассматриваемый компонент Mobile Joomla, вам нужно найти официальный сайт расширения. Разработчик предоставляет дистрибутивы только после регистрации на площадке. Как только авторизуетесь, сможете скачать Mobile Joomla. Установка проходит стандартным способом: «Расширения» -> «Установить/Удалить» -> «Загрузить» -> «Установить». Учтите, что установится не только компонент Mobile Joomla, но и дополнительные расширения: плагин, шаблон и некоторые другие элементы, в зависимости от скачанной версии дополнения. Суть в том, что после установки, когда вы перейдете к менеджеру шаблонов, то увидите что Mobile Joomla разбил ваш сайт на несколько версией — для каждого устройства своя.

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

Порой нужно сделать не весь сайт адаптивным, а изменить какие-то его элементы. Компонент Mobile Joomla предлагает такую возможность. В комплекте с компонентом идут около шести модулей, которые можно вставлять в разные позиции шаблона, тем самым создавая адаптивные части сайта.

Плагин Mobile Template

Еще один мощный инструмент, который позволяет буквально за 10-15 минут после установки сделать оптимизированную под все устройства версию сайта. Плагин адаптирует текущий шаблон, потому вам не придется устанавливать специальный макет. Если же вы хотите изменить тему оформления, то плагин идет в комплектации со специальным шаблоном, который вы легко сможете инсталлировать на сайт.

Плагин позволяет фильтровать определенные типы и размерности устройств. Вы сможете включать и выключать расширение под различные экраны, если есть такая надобность.

Плагин TapTheme

TapTheme работает аналогично предыдущему описанному плагину. Но если у вас возникли проблемы с установкой Mobile Template, то можете использовать TapTheme, как запасной вариант. Инструмент так же позволяет фильтровать различные устройства, а также изменять отображения в разных браузерах. Вам не нужно будет скачивать отдельный шаблон — вы сможете адаптировать уже установленный макет.

Источник

Поделиться с друзьями
Инструкции360