Итак, вы изучили достаточно статей и видеоуроков по joomla и можете приступить к созданию сайта. В какой-то момент возникает необходимость поиска, подбора шаблона и разработки дизайна. И тут надо все тщательно продумать.
На рынке появляется все больше устройств, с помощью которых можно выходить в интернет: смартфоны, планшеты, портативные игровые устройства - и многие пользователи выходят с помощью этих средств каждый день. Поэтому возникает потребность создания сайта, оптимизированного не только под разные версии и расширения браузеров, но и для разных устройств выхода в интернет. Если еще совсем недавно для просмотра сайта на мобильных устройствах достаточно было сделать мобильную версию сайта, то для IPad нужна еще и специальная настройка и корректировка. Телефоны и IPad не могут использовать мобильную версию сайта, потому что размеры абсолютно разные. Кроме того, мобильная версия довольно "скучно" выглядит, а IPad позволяет видеть сайт значительно в более презентабельном виде. Если этого не предусмотреть, ваш сайт будет «голым» и неинтересным, это все равно, что надеть полуботинки в лютый мороз: обувь есть, а тепла не добавляет.
Так как же создать IPad-версию без каких-либо радикальных изменений в коде? Давайте выясним.
1. Тестирование, как ваш сайт выглядит на IPad - Моделирование
Увы, не у всех есть свои собственные IPad. В таком случае можете воспользоваться специальными имитаторами этого устройства на вашем же компьютере, например, с помощью браузера Safari. Загрузите ваш сайт в Safari (Mac OS X или Windows). Затем перейдите в расширенную панель настроек Safari и установите флажок рядом с "Показывать Разработка меню в строке меню". Далее, выберите Develop -> User Agent -> Other.
В ответ на запрос, скопируйте следующую строку и вставьте ее в поле:
Mozilla/5.0 (IPad, U; процессор OS 3_2, как Mac OS X; EN-US) AppleWebKit/531.21.10 (KHTML, как Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10
Нажмите кнопку ОК и страница обновится. Вот таким увидят ваш сайт на IPad.
2. Тестирование сайта на совместимость с IPad
Часто при первом же тестировании становится видно, что некоторые плагины и скрипты неправильно отрабатывают на IPad. Это происходит потому, что IPad поддерживает HTML5, а не определенные форматы Интернета. В таком случае вы должны либо удалить эти элементы вручную, либо конвертировать их в формат HTML5.
Перейдите в Настройки безопасности Safari, в "Web Content" вы увидите чекбоксы для каждого плагина. Снимите флажок "Включить плагины" и перезагрузите страницу. Теперь в тех местах, где использовались несовместимые плагины, будет пустота. Возможно, вы захотите удалить их для IPad версии. Когда все несовместимые плагины будут удалены, сайт будет выглядеть более приемлемо, и вы можете создать новый специальный URL для IPAD. Что-то вроде mysite.ru/IPAD
3. Для перенаправления пользователей IPad на соответствующую ссылку используете .htaccess
Теперь, когда IPad версия готова, добавьте скрипт для обнаружения сайта браузером IPad по файлу .htaccess. Это позволит обнаружить IPad пользователей и перенаправит их на IPad версию сайта, в то время как остальные пользователи увидят сайт по оригинальной ссылке.
RewriteCond% {HTTP_USER_AGENT} ^ .* IPad .* $
RewriteRule ^(.*)$ http://mysite.ru/IPAD [R = 301]
