Chrome DevTools. Обзор основных возможностей веб-инспектора.

Опубликовано: 14.08.2017

видео Chrome DevTools. Обзор основных возможностей веб-инспектора.

landing page c высокой конверсией. Пошаговое руководство создания целевых страниц.


Chrome DevTools. Обзор основных возможностей веб-инспектора.

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

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

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

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

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

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

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

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

{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}


Вернуться на главную!

Поделитесь своим мнением