Webbell » FAQ по WordPress » Как сделать так, чтобы посетителям, зашедшим на сайт с iPhone, открывался оптимизированный под iPhone дизайн?
Правила Контакты Чтение RSS

Как сделать так, чтобы посетителям, зашедшим на сайт с iPhone, открывался оптимизированный под iPhone дизайн?

У нас вы можете скачать бесплатно Как сделать так, чтобы посетителям, зашедшим на сайт с iPhone, открывался оптимизированный под iPhone дизайн? .

Не пропустите комментарии к Как сделать так, чтобы посетителям, зашедшим на сайт с iPhone, открывался оптимизированный под iPhone дизайн?.
Данный материал предоставлен сайтом Webbell.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Как сделать так, чтобы посетителям, зашедшим на сайт с iPhone, открывался оптимизированный под iPhone дизайн?

Согласитесь, сегодня уже невозможно представить жизнь без сотовых телефонов. Недавно наткнулся на удобную программку, которая позволяет делать заметки на экране Вашего телефона. В abcNotes просто и удобно добавлять заметки и списки дел, придумывать уникальные цветовые схемы для разных типов задач, использовать несколько рабочих столов и даже вынести важные записи на виджет или заставку экрана разблокировки.
В ней возможно не только создавать, редактировать и удалять заметки, но и дублировать, отправлять их по электронной почте и bluetooth, менять внешний вид, вращать во все стороны и растягивать заметку до любого размера.

Многие пользователи могут заходить на ваш сайт с помощью телефона или смартфона. Давайте остановимся на этом поподробнее.

Пожалуй, ни для кого не секрет, что каждый браузер интерпретирует HTML-код сайта по-своему, и сайт, который идеально выглядит в одном браузере, вполне может оказаться расползшейся мешаниной не связанный между собой фрагментов в другом. И мобильные браузеры в этом плане не исключение, особенно «встроенные» в устройство.

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

В WordPress'e предусмотрен целый ряд глобальных переменных, использующихся для определения пользовательского агента, в том числе и переменная $is_iphone. Откройте файл header.php и вставьте в него следующий кусочек кода:

 <?phpfunction detect_iphone($iphone) {	global $is_iphone;	if($is_iphone) $iphone[] = 'iphone';	return $iphone;}add_filter('body_class','detect_iphone');?>


Код должен быть вставлен непосредственно перед закрывающим тегом .

Как сделать так, чтобы посетителям, зашедшим на сайт с iPhone, открывался оптимизированный под iPhone дизайн?

Обратите внимание, что переменная $is_iphone получила значение global — это связано с тем, что переменная задаётся за пределами функции.

Собственно, вот и всё. Теперь к любому элементу на странице, для которого прописаны стили, будет добавляться атрибут iphone. Осталось только добавить соответствующие стили в файл со стилями. Например, так:

 h1 {font-size: 30px;line-height: 110%;text-decoration: underline;}.iphone h1 {font-size: 35px;text-decoration: none;color: #FF0000;}


В указанном фрагменте CSS-файла определяются два стиля заголовка h1: первый — «общий», а второй — специально для браузера iPhone. Визуально это будет выглядеть примерно так:

Как сделать так, чтобы посетителям, зашедшим на сайт с iPhone, открывался оптимизированный под iPhone дизайн?


Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

«    Сентябрь 2018    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Яндекс Апдейты
↓ Апдейты Яndex тИЦ
18.11.2017 ←Последний
04.11.2017
16.08.2017
↓ Апдейты выдачи Яndexa
21.09.2018 ←Последний
19.09.2018
17.09.2018
↓ Апдейты ЯКаталога
16.01.2018 ←Последний
20.12.2017
15.12.2017
Мы рекомендуем
Заработай на сайте!
Gogetlinks-Биржа вечных ссылок для сайтов с Тиц
Getgoodlinks-Биржа вечных ссылок для сайтов с PR


Опрос на портале

Сколько у вас сайтов?

Больше 20 сайтов
От 10 до 20 сайтов
От 5 до 10 сайтов
От 1 до 5 сайтов
Нету сайтов

Наш архив
Облако тегов
ajax, Build, DataLife, dle, dle 9.0, dle 9.2, Engine, Final, Google, Opera, Release, RSS, WordPress, адаптация, административная панель, бесплатно, виджет, Игровой, кино, комментарии, модуль, новости, Новый, Оригинал, парсер, парсер поисковых систем yandex google рассылка комментариев по DLE Joomla Community спаммер раскрутк, Переходы, плагин wordpress, сайта, сайтов, сбор данных телефонов адресов email контактов потенциальные клиенты BlackSpider универсальный сборщи, тема, тематики, универсальный, хак, хак wordpress, Шаблон, шаблона, Яндекс

Показать все теги
Последние комментарии
Популярные файлы

Информация!
Уважаемый посетитель! Присоединяйтесь к нам
в Твиттере.