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

загрузка...

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

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

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

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

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

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

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

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

загрузка...

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

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

<meta name="viewport" content="width=????px, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes"/>

Вам осталось только убрать знаки вопросов и вписать свое значение ширины ресурса — часто ставят параметр 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, как запасной вариант. Инструмент так же позволяет фильтровать различные устройства, а также изменять отображения в разных браузерах. Вам не нужно будет скачивать отдельный шаблон — вы сможете адаптировать уже установленный макет.

mobile-plugin-taptheme

Похожие статьи

ОСТАВЬТЕ ОТВЕТ

Please enter your comment!
Please enter your name here