Главная » Управление и настройка системы uCoz » Дополнительные функции » Как сделать так, что бы сайт лучше отображался с мобильных

Как сделать так, что бы сайт лучше отображался с мобильных

11.03.2015 в 14:37
Автор: sergeymitrichev   

Содержание


Подготовка к работе

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


Убедитесь, что используемая тема оформления оптимизирована для мобильных устройств

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


1. Я использую стандартную тему оформления uCoz

Перейдите в панель управления сайтом в разделе главного меню выберите “Настройки - Общие настройки”. Посмотрите номер темы оформления:

Список тем, которые оптимизированы для мобильных устройств:

1041, 1051, 1061, 1062, 1063, 1064, 1071, 1072, 1073, 1074, 1075, 1080, 1081, 1082, 1083, 1084, 1085, 1086, 1087, 1088, 1089, 1090, 1091, 1101, 1131, 1132, 1133, 1134, 1141, 1161, 1171, 1181, 1211, 1221, 1231, 1241, 1251, 1252, 1253, 1254, 1255, 1256, 1257, 1261, 1271, 1281, 1311, 1321, 1322, 1323, 2001, 2011, 2012


2. Я использую премиум тему оформления от uTemplate.pro

Посетите раздел “Адаптивные” в магазине шаблонов uTemplate.pro. Если ваша тема присутствует в этом разделе, значит она по умолчанию оптимизирована для мобильных устройств.


3. Я использую тему оформления, которой нет в предыдущих списках

Проверьте шаблон на удобство просмотра на мобильных устройствах.

Можно также проверить быстродействие используемого шаблона, применив инструмент PageSpeed Insights. Убедитесь, что в разделе "Скорость" нет ошибок с рекомендацией "Исправьте обязательно".


Как оптимизировать сайт для мобильных устройств?


1. Установить новую тему оформления


1.1 Стандартная тема оформления uCoz

Выберите тему оформления, которая основана на принципе адаптивного дизайна из списка стандартных тем, которые оптимизированы под мобильные устройства:

1041, 1051, 1061, 1062, 1063, 1064, 1071, 1072, 1073, 1074, 1075, 1080, 1081, 1082, 1083, 1084, 1085, 1086, 1087, 1088, 1089, 1090, 1091, 1101, 1131, 1132, 1133, 1134, 1141, 1161, 1171, 1181, 1211, 1221, 1231, 1241, 1251, 1252, 1253, 1254, 1255, 1256, 1257, 1261, 1271, 1281, 1311, 1321, 1322, 1323, 2001, 2011, 2012

Как установить тему оформления читайте в документации на стандартные шаблоны uCoz.


1.2 Премиум тема оформления от uTemplate.pro

При установке премиум темы из раздела “Адаптивные” в магазине шаблонов uTemplate.pro используйте инструкцию, которая прилагается к шаблону.

Теперь ваш сайт будет выглядеть одинаково хорошо как на ПК, так и на мобильных устройствах. Страницы будут подстраиваться под браузер пользователя, используя один и тот же код HTML, CSS и JavaScript.


2. Подключить отдельную версию сайта для мобильных устройств

Для этого перейдите в панель управления сайтом. В главном меню выберите Настройки - Общие настройки и установить флаг “Активизировать шаблоны для PDA версии сайта”:

Чтобы задать вопрос, обратитесь на форум сообщества uCoz в тему PDA версия сайта.

Посетите раздел ”Мобильные” в магазине шаблонов uTemplate.pro, чтобы установить тему оформления для PDA версии сайта:


3. Изменить существующую тему оформления

Это тема повышенной сложности, требующая глубоких знаний HTML и CSS. Вот некоторые источники информации:


Удалось ли мне оптимизировать сайт uCoz для мобильных устройств?

Надеемся, теперь ваш сайт оптимизирован для мобильных устройств. Предлагаем проверить это.

Если результаты теста окажутся неудовлетворительными или у вас возникнут вопросы, посетите форум Google для веб-мастеров, где вы сможете получить дополнительную информацию и поддержку.


Рейтинг: 4  (помогла ли Вам эта инструкция: да / нет)          Просмотров: 10264          Комментариев: