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

Как сделать ваш блог на WordPress мобильным с WPtouch

Как сделать ваш блог на WordPress мобильным с WPtouch

<Firstimage =»// static..com/wp-content/uploads/2010/10/00-iPhone-Image-WP.jpg»> WordPress мобильный Не стоит недооценивать силу мобильных устройств. Несмотря на то, что мобильный доступ в интернет раньше был неубедительным, последние статистические данные говорят о том, что в одних только Соединенных Штатах каждый день доступ к Интернету с мобильных телефонов получают более 47 миллионов человек. И это число растет как на дрожжах.

Эти данные могут ничего не значить для большинства из нас, особенно если мы находимся на пассивной стороне информации. Но если вы блоггер или веб-издатель, вы уже должны понимать, что с ростом этого числа растет и необходимость обеспечения мобильности вашего сайта.

Дополнительные усилия по перепроектированию интерфейса и перестройке строк кода в соответствии с потребностями мобильного просмотра могут заставить большинство веб-владельцев стонать от разочарования. К счастью, если вы используете собственный блог WordPress для своего блога, проблемы могут быть легко и стильно решены с помощью WPtouch .

Искать и устанавливать

WPtouch — это плагин WordPress, который преобразует интерфейс вашего блога в соответствии с интерфейсом (сенсорного) экрана мобильного телефона ваших посетителей. Первоначально он был разработан только для интерфейса iPhone, и мы рассмотрели старую версию этого плагина еще в 2008 году. Но с тех пор он сильно вырос, и теперь он уже совместим со многими другими типами телефонов, что, я думаю, заслуживает другой взгляд.

Начнем с самого начала: установка. Установка плагинов WordPress не так сложна, как раньше. Все, что вам нужно сделать, это поиск плагинов, которые вы хотите из меню плагинов WordPress. Больше не нужно связываться с FTP.

WordPress мобильный

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

плагин wptouch

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

Нажмите на блог

Следующий пример был сделан на iPhone. У меня нет доступа к другим устройствам для экспериментов, поэтому, если вы можете попробовать это на других типах мобильных телефонов, пожалуйста, поделитесь своим опытом в комментариях ниже.

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

плагин wptouch

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

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

плагин wptouch

Нажатие на кнопку входа откроет поля имени пользователя и пароля. Вы можете войти в систему и получить доступ ко всем меню, которые обычно появляются только из административной области WordPress.

wptouch

Регулировка настроек

Опции находятся в меню « Настройки — WPtouch ». Первый — « Общие настройки », который касается всего: от « регионализации » до « сообщения нижнего колонтитула ».

wptouch

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

wptouch

WPtouch имеет возможность отправлять push-уведомления на iDevices и Mac или ПК с поддержкой Growl с помощью Prowl, но вам необходимо сгенерировать API Prowl, прежде чем эта функция будет активирована. Мы поговорим подробнее о Prowl в следующей статье.

02c Push Notification.jpg

Параметры « Стиль и цвет » имеют дело со стилями шрифтов и цветами элементов WPtouch. Вы также можете выбрать один из доступных стилей фона здесь.

02d Style n Color.jpg

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

02e Icon Pool.jpg

А если вы являетесь издателем Adsense, вы можете добавить свой идентификатор Google AdSense, чтобы реклама могла отображаться через мобильный интерфейс.

WordPress мобильный

Таким образом, не имеет значения, являются ли ваши блоги WordPress любительским или профессиональным уровнем, WPtouch может помочь вам легко перенести интерфейс, чтобы сделать его более удобным для мобильных устройств, чтобы обслуживать этих мобильных посетителей.

Вы пробовали WPtouch для своих блогов? Каков был результат на ваших мобильных устройствах? Поделитесь своим опытом в комментариях ниже.

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

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

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

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

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

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

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

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