01 Июнь 2011
Warp6: прокачиваем мобильную тему
Ребята из YOOtheme на славу потрудились над Warp6, получился отличный фреймворк. Но его нужно немного прокачать для того, что бы сделать из сайта полноценный WebApp.
Для начала, нужно создать иконку для приложения. Я сделал одну иконку размером 114×114 пикселей, потому что она
Потом я решил, что мне не нужен блик на иконке, для этого идем в {
<link rel="apple-touch-icon" href="<?php echo $this['path']->url('template:apple_touch_icon.png'); ?>" />на
<link rel="apple-touch-icon-precomposed" href="<?php echo $this['path']->url('template:apple_touch_icon_precomposed.png'); ?>" />,
Если ты сделал 3 иконки, то меняем на:
<link rel="apple-touch-icon" href="<?php echo $this['path']->url('template:apple_touch_icon.png'); ?>" /> <link rel="apple-touch-icon" sizes="72x72" href="<?php echo $this['path']->url('template:apple_touch_icon_ipad.png'); ?>" /> <link rel="apple-touch-icon" sizes="114x114" href="<?php echo $this['path']->url('template:apple_touch_icon_iphone4.png'); ?>" />и заливаем соответствующие файлы в корневой каталог шаблона.
Теперь идем в {
<meta name="apple-mobile-web-app-capable" content="yes" />Что бы убрать адрес бар в режиме вебаппа.
<meta name="apple-mobile-web-app-status-bar-style" content="black" />Перекрашиваем статус бар в нужный нам цвет, варианты: default, black,
<link rel="apple-touch-startup-image" href="<?php echo $this['path']->url('template:startup.png'); ?>" />
А вот готовый результат:
PS Что бы логотип в хедере и логотип в футере хорошо выглядели на ретина дисплее ужимаем его программно