Wordpress и веб-разработка

Сделайте свой WordPress блог iPad удобным с Onswipe

Сделайте свой WordPress блог iPad удобным с Onswipe

Статистика говорит, что iPad является самым успешным потребительским продуктом на сегодняшний день. Менее чем за год (точнее, за девять месяцев) планшет попал в руки 15 миллионов человек. И, глядя на энтузиазм по поводу iPad 2, бизнес-аналитики предсказывают, что показатель успеха второго поколения планшетов Apple превзойдет первое.

Что эти данные означают для нас? Для начала, все больше и больше людей, которые выходят в Интернет, будут делать это с iPad или другого планшета. Поэтому, если у вас есть присутствие в Интернете, было бы неплохо настроить интерфейс вашего сайта так, чтобы он был удобен для планшетов. Automattic, родительская компания WordPress.com, поняла это и добавила функцию, которая оптимизирует 18 миллионов блогов для просмотра планшетов. Так что для тех из вас, у кого есть собственный блог на WordPress , есть приложение для этого.

Коснитесь, проведите, поверните и более

Чтобы реализовать эту функцию, Automattic работала с Onswipe — компанией, которая специализируется на планшетных (и других сенсорных устройствах) публикациях.

Пользователям WordPress.com не нужно ничего делать, поскольку эта функция уже добавлена ​​в их блоги. С другой стороны, пользователям, использующим хостинг, нужно будет установить плагин Onswipe, прежде чем они смогут сделать свой блог удобным для iPad. Плагин добавит возможность:

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

Если вас заинтересовали эти бонусы, скачайте плагин на веб-сайте Onswipe , затем загрузите и установите его в свой блог.

Ipad дружественных WordPress

Или получить его из меню « Плагины — Добавить новый » в своем блоге.

Ipad дружественный блог

Установить некоторые вещи

После установки вы можете зайти в меню « Onswipe », чтобы настроить некоторые элементы плагина по своему вкусу.

Ipad дружественный блог

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

Ipad дружественный блог

Немного переместитесь вниз, чтобы выбрать, хотите ли вы отобразить « переднюю обложку » для своего блога. Эта обложка придаст вашему блогу ощущение журнала.

Ipad дружественный сайт

Для дальнейшей настройки блога вы можете загрузить PNG-изображение размером 200 × 200 пикселей в качестве логотипа обложки. Этот логотип будет отображаться на передней обложке.

Ipad дружественный веб-сайт

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

Ipad дружественный сайт

Вы также можете загрузить изображение экрана запуска, если хотите. Требование 768 × 1004 пикселей.

03e Изображение экрана запуска

Затем выберите шрифт, который вы хотите использовать в своем блоге на iPad. По умолчанию используется ArvoRegular, но в списке есть много других вариантов.

03e Показать шрифт

Последний шаг — выбрать цвет кожи и нажать кнопку « Сохранить настройки ».

03 г цвет кожи

И результат …

Я использовал свой блог для эксперимента, поэтому открыл адрес с помощью мобильного Safari на iPad. «Первая страница» приветствовала меня, вместе с тегом « проведи меня » справа, чтобы перейти на страницу поста.

05a Cover s

Так будет выглядеть портретное изображение. Страница поста разделена на несколько блоков. Последняя статья расположена вверху, за ней следуют меньшие рамки старых статей. Заголовки сообщений отображаются белым цветом над прозрачной цветной лентой. Цвет ленты — это цвет кожи, который вы выбрали в меню настроек Onswipe.

05b Портрет с

Блоки статей будут перестраиваться по размеру экрана при каждом повороте устройства. Так будет выглядеть страница в альбомной ориентации.

05c Пейзаж с

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

Ipad дружественных WordPress

Попробовав Onswipe, я почувствовал, что результат оказался не таким хорошим, как я ожидал — пока. Разработчик пообещал, что полная платформа выйдет этой весной. Это означает, что мы можем ожидать больше положительных героев в будущем. Мы также можем поспорить, что тогда у нас будет больше тем для планшетов.

Что вы думаете об iPad-izing вашего веб-макета? Знаете ли вы какие-либо другие оптимизированные для планшетов темы WordPress? Поделитесь своими мыслями и мнениями, используя комментарии ниже.

Похожие посты
Wordpress и веб-разработка

Добавить красивые слайд-шоу в сообщения WordPress с помощью SlideDeck

Wordpress и веб-разработка

Как создать карту изображения с помощью GIMP

Wordpress и веб-разработка

WordPress: еще 3 скрытых жемчужины в наборе плагинов Jetpack, а также обновлено приложение WordPress!

Wordpress и веб-разработка

Защити и ускори свой сайт бесплатно с CloudFlare