Как сделать мобильную версию сайта. Как создать мобильную версию сайта joomla
Как сделать мобильную версию сайта?
Друзья, сегодня мы разберемся с вопросом - как сделать мобильную версию сайта Joomla. На сегодняшний день данный вопрос актуален по причине увеличения влияния пользовательских факторов на ранжирование сайтов. Это связано с тем, что у многих пользователей интернета появляются смартфоны, которыми многие пользуются для просмотра сайтов в т.ч. Чтобы сделать сайт удобным для просмотра пользователями на смартфонах возникает потребность создать облегченную версию сайта (мобильную, PDA версию сайта). Если пользователю удобно просматривать такую версию сайта на смартфоне, значит он подольше задержится на сайте и, возможно, прочитает что-то еще. Иными словами, посетитель не станет сразу уходить из-за неудобного просмотра. В итоге, создавая мобильную версию сайта мы улучшаем внутреннюю оптимизацию и положительно влияем на факторы трастовости сайта в целом.
Как сделать PDA версию сайта на Joomla с помощью компонента?
Хочу рассказать Вам об одном компоненте, которым пользуюсь, но очень хорошем - это Mobile Joomla! Этот компонент хорош тем, что он бесплатен, создает мобильную версию сайта для разных типов смартфонов (WAP, XHTML, iPhone, iMode) с возможностью создавать соответствующие поддомены. Но создавать поддомены вовсе не обязательно и это огромный плюс для данного компонента.
Единственным минусом является реклама в мобильной версии сайта. Но с этим можно справиться довольно просто. После установки нужно пройти в админке по следующему пути: Расширения - Шаблоны -выбираем Mobile_PDA. Потом открываем его, жмем кнопку "Редактировать HTML" и находим ближе к концу файла строку:
// The user has installed plug-in to remove ads
Сколько я ни таращился в плагины, так и не смог убрать рекламу. Поэтому, удаляем следующие строки:
<div><script type="text/javascript">//<!--/* <![CDATA[ */window.googleAfmcRequest = {client: 'ca-mb-pub-5710199815985059',format: '320x50_mb',output: 'html',slotname: '1896811186'};/* ]]> *///--></script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_afmc_ads.js"></script></div>
Сохраняем. Реклама исчезнет, по крайней мере, на моем HTC она перестала отображаться.
Также, я обнаружил, что если меню на сайте многоуровневое, то в мобильной версии сайта, выпадающие подпункты не отображаются...
Скачать компонент Mobile Joomla! можно по ссылке - http://extensions.joomla.org/extensions/mobile/mobile-display/11722
Как сделать PDA версию сайта Joomla без установки компонентов?
Если Вы не профессиональный програмист, то PDA версию Joomla можно реализовать с помощью шаблонов. Например, шаблон you_shop от Gavick.com имеет такую возможность. При посещении сайта со смартфона, сайт автоматически отображается в PDA режиме. Шаблон достаточно красивый и удобный, имеет много полей. Даже страницы товаров в интернет магазине на Joomla Virtuemart отображаются удобно.
Надеюсь, эта небольшая статья стала для Вас полезным пособием, и теперь Вы знаете, как сделать мобильную версию сайта.
kleparj.com
Переводим сайт на мобильную платформу - Joomla Master
По статистике около 20% всего трафика российского сегмента Интернета приходится на мобильные устройства. Скорее всего, планшеты, телефоны и нетбуки в обозримом будущем во многом потеснят настольный компьютер. Однако, лишь малая часть интернет-ресурсов способна сейчас предоставить возможность комфортного восприятия текста и графической информации пользователям мобильных устройств. Между тем, оптимизировать сайт под мобильное устройство совсем не трудно.
Для начала нужно преобразовать контент так, чтобы весь основной смысл информации был выражен достаточно ясно и немногословно. Набор взаимосвязанных статей должен проецироваться в простую схему навигации. Неплохо, если удастся в основном обойтись лишь вертикальной прокруткой, а кнопка возврата на главную страницу всегда будет на виду.
Конечно, дизайн страниц должен быть адаптирован под любое разрешение экрана. Следует сообщать мобильному устройству, что сайт уже адаптирован, и нет необходимости в дополнительном масштабировании.
Для улучшения производительности вместо красочных рекламных баннеров лучше использовать информативные текстовые сообщения. Это стимулирует инициативу посетителя.
У аудитории пользователей мобильных устройств более популярными окажутся сайты, предоставляющие актуальную информацию по оптимизации Windows.
Вообще целесообразно перенаправлять запрос с I-PHON\'ов и I-PAD\'ов на поддомен с мобильной версией. Это положительно скажется и на адаптированности мобильной версии под поисковую систему.
Следует понимать, что изначально все системы управления контентом были ориентированы на возможности настольного компьютера, которому обязательно требуется оптимизация Windows. И все же, такие популярные «движки», как Joomla, WordPress или Drupal, уже умеют подстраиваться под телефоны и планшеты. Однако для ресурсов, изначально адаптируемых под мобильные устройства лучше подобрать одну из специализированных систем, например CellAdmin.
Создать мобильную версию ресурса на основе существующей помогут многочисленные онлайн-сервисы: MobilizeToday, MobiSiteGalore, Mobify и подобные им. Кроме того, всегда можно обратиться в соответствующие дизайнерские студии.
В целом, важно добиваться эффективности в плане времени загрузки и удобства навигации.
joomla-master.org
Как сделать мобильную версию сайта
Вы здесь: Главная - HTML - HTML Основы - Как сделать мобильную версию сайта
В наш современный век стали очень бурно развиваться мобильные устройства. Большинство этих мобильных устройств позволяют выходить в Интернет. И сейчас доля "мобильных пользователей" продолжает расти, поэтому есть большой смысл сделать мобильную версию сайта. В этой статье я расскажу, как сделать мобильную версию своего портала.
Первым делом, Вы должны понять, что мобильный Интернет уступает по скорости стационарному во много раз, плюс из-за небольшого экрана просмотр страниц так же не удобен. Я уже молчу про тех, кто пытается выйти в Интернет через GPRS. Мне это удалось прочувствовать однажды, когда я был далеко в Краснодарском крае, в какой-то глубинке, где телефон по непонятным причинам более-менее (40-50%) ловил только на кладбище. С такой связью можно звонить, но вот Интернет был совершенно некудышным. Поэтому когда мне пришлось там загружать страницы размеров 200-300 КБ, из которых 90% - это ненужная графика, я проклинал создателей этого сайта.
Поэтому в первую очередь мобильная версия сайта должна быть с минимальным набором графики, максимум - это какая-нибудь "лёгкая" шапка, не более того.
Вывод отсюда простой: Вам придётся делать абсолютно другую вёрстку для мобильных устройств, где не будет никаких красот, а будет лишь только самое необходимое. Плюс позиционирование элементов надо сделать по-другому. Например, если меню слева, то лучше будет его сделать сверху, чтобы основную часть можно было растянуть на всю ширину экрана. Это как пример.
Что касается ширины страницы, то рекомендую поставить max-width: 620px; у самого верхнего контейнера. Сильнее растягивать не требуется.
Мобильную версию сайта лучше сделать на отдельном поддомене, например, на m.mysite.ru.
Когда Ваш отдельный сайт для мобильных устройств будет готов, надо подумать, как перенаправлять пользователей с мобильными устройствами с сайта mysite.ru на m.mysite.ru. Код для определения браузера можно скачать здесь: http://detectmobilebrowsers.com/.
Скачиваете, например, для PHP. Далее вставляете в index-файл этот код и заменяете там адрес в header() на адрес Вашей мобильной версии сайта.
Таким образом, все посетители Вашего основного сайта будут проверены на то, мобильный у них браузер или нет. Если мобильный, то будут перенаправлены на мобильную версию сайта, иначе у них будет спокойно открываться стандартная версия.
Подведу итог:
- Создайте отдельный поддомен Вашего сайта для мобильной версии.
- Сделайте новую вёрстку для мобильной версии.
- Скопируйте все системные библиотеки с Вашего основного сайта на поддомен, а база данных, безусловно, должна быть общей, если не хотите, добавляя новый контент, делать это дважды.
- В index-файл основного сайта добавьте проверку на браузер пользователя. И если это мобильный браузер, то делайте редирект на мобильную версию сайта.
Это всё, что требуется сделать для того, чтобы была мобильная версия Вашего сайта.
- Создано 01.02.2013 10:59:23
- Михаил Русаков
Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!
Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.
Если Вы не хотите пропустить новые материалы на сайте,то Вы можете подписаться на обновления: Подписаться на обновления
Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.
Порекомендуйте эту статью друзьям:
Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):
-
Кнопка:
<a href="https://myrusakov.ru" target="_blank"><img src="/800/600/https/myrusakov.ru/images/button.gif" alt="Как создать свой сайт" /></a>
Она выглядит вот так:
-
Текстовая ссылка:<a href="https://myrusakov.ru" target="_blank">Как создать свой сайт</a>
Она выглядит вот так: Как создать свой сайт
- BB-код ссылки для форумов (например, можете поставить её в подписи): [URL="https://myrusakov.ru"]Как создать свой сайт[/URL]
myrusakov.ru
