Делаем Iphone-версию сайта

Iphone-версия

Прочитав недавно пост на Хабре, я воодушевился и решил попробовать сделать Iphone-версию сайта, используя фреймворк iWebKit. Так как сайт сделан на Битриксе, пришлось делать шаблон, который вы можете найти в этом посте.

В архиве лежит папка iphone, в ней находится шаблон для Битрикса. Эту папку нужно закачать в /bitrix/templates/

Скачать шаблон (36 кб).

Версию для айфона можно разместить, например, в папке /pda/. Установите в настройках сайта применение нового шаблона к этой папке. Тогда в настройках вашего основного шаблона (главной страницы) напишите в самом верху следующий код:

if(strstr($_SERVER['HTTP_USER_AGENT'],'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'],'iPod') || strstr($_SERVER['HTTP_USER_AGENT'],'Android'))
{
	header("Location: /pda/");
}

В таком случае, если устройство пользователя Iphone, Ipod или смартфон под управлением Google Android, то его перекинет на страницу /pda/index.php, для которой у нас применяется шаблон Iphone-версии. Напишите в нём следующий код:

<? require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php"); ?>
Тайтл
Название компании
  • Описание компании

<? require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php"); ?>

Кстати, если у вас нету айфона, вы можете тестировать в Гугл Хроме или Сафари. Документацию можно почитать на сайте http://iwebkit.net/.

Дата: 16 января 2010
Теги: iphone, шаблоны
Добавить в закладки:

Комментарии (6)

reider, 14 Июня 2010

"Тогда в настройках вашего основного шаблона (главной страницы) напишите в самом верху следующий код: " - не совсем понятно, где разместить этот код? Это в коде шаблона или страницы?
"Тогда в настройках вашего основного шаблона (главной страницы) напишите в самом верху следующий код: " - не совсем понятно, где разместить этот код? Это в коде шаблона или страницы?

Артем, 14 Июня 2010

Круто! Скажите, а вот дальше как? Я вставляю компоненты на страницу настраиванию, меню все ок, а вот как с детальным описанием быть?
Круто! Скажите, а вот дальше как? Я вставляю компоненты на страницу настраиванию, меню все ок, а вот как с детальным описанием быть?

reider, 14 Июня 2010

"Тогда в настройках вашего основного шаблона (главной страницы) напишите в самом верху следующий код: " - не совсем понятно, где разместить этот код? Это в коде шаблона или страницы?
"Тогда в настройках вашего основного шаблона (главной страницы) напишите в самом верху следующий код: " - не совсем понятно, где разместить этот код? Это в коде шаблона или страницы?

Александр Живетьев
Александр Живетьев, 14 Июня 2010

reider, этот код нужно добавить в тот шаблон, который у вас применяется для главной страницы. Артем, объясните подробнее проблему: о каком детальном описании вы говорите? Всё остальное делается так же, как обычно. Этот шаблон - просто верстка под айфон.
reider, этот код нужно добавить в тот шаблон, который у вас применяется для главной страницы. Артем, объясните подробнее проблему: о каком детальном описании вы говорите? Всё остальное делается так же, как обычно. Этот шаблон - просто верстка под айфон.

reider, 14 Июня 2010

Спасибо, понял! Работает под андройдом.
Спасибо, понял! Работает под андройдом.

нгкьфы, 14 Июля 2010

спасибо! помогло. вот еще надо найти список других мобильных девайсов, что бы и их перенаправлять!
спасибо! помогло. вот еще надо найти список других мобильных девайсов, что бы и их перенаправлять!


Администратор запретил оставлять комментарии