Создаём мобильную версию блога
Опубликовано в разделе: Wordpress
Вчера случайно узнал, что дизайн моего блога попал в 7ку самых красивых блогов рунета по версии авторов Blogonika.ru. Приятно, что кому-то кроме меня приятно смотреть на Zavrab.Ru. Правда в голосовании я набрал только 4%, можете исправить ситуацию, поддержав меня, щёлкнув куда нужно в посте «Самые красивые блоги Рунета! По версии Blogonika.ru».
Теперь о плохом! Дизайн симпатичный, на компе всё хорошо, но вот на мобильной версии или КПК чтение текста значительно затрудненно или практически невозможно. У меня нет КПК и на мобильнике в интернет не имею привычки заходить, но моя девушка, регулярно выходя в интернет со своих двух HTC (зачем ей два одинаковых htc и по сей день загадка), окончательно меня убедила о важности мобильной версии блога.
Первым делом я отправился на поиски мобильного шаблона для wordpress, удалось отыскать несколько тем, из которых выбрал MobileTheme от проекта blogohblog.com в переводе Goodvina.
Скриншот с сайта:
Страница с полным описанием MobileTheme и ссылкой на скачивание.
Далее я занялся выбором плагина для создания мобильной версии блога, по функционалу самый нормальный – WordPress Mobile Pack. Целый набор функций для создания и управления мобильной версией блога на wordpress. Переведённого на русский данного плагина я не нашёл, но думаю вам не составит труда самим разобраться что к чему. В плагине есть 4 цветовых решения (темы) для блога, очень простые, мне больше понравилась тема переведённая Goodvinom, её я и поставил.
После активации WordPress Mobile Pack у вас появятся 3 вкладки в разделе Дизайн (Mobile Theme, Mobile Widgets, Mobile Switcher) для управления настройками, и один виджет:
Mobile Theme – здесь скрин переведённой данной вкладки:
Mobile Widgets – выставляем какие элементы навигации оставить
Mobile Switcher – главная вкладка, настройки работы плагина. Верхняя вкладка даёт нам выбрать как пользователь будет попадать на мобильную версию (я поставил Browser detection, т.е автоматом распознаётся браузер и нужным клиентам показыается мобильная версия). Затем выбираем из списка используемый нами шаблон, у меня это MobileTheme.
Если вы ставите детекцию по домену, то можно вывести ссылку переключения версий блога в любое место в шаблоне используя гиперссылку “http://типа ваш домен.com/?wpmp_switcher=mobile”. Для примера оформления ссылки смотрите мой сайтбар, однако, она не работает, я поставил автоопределение по браузеру (его можете испытать в любом мобильном клиенте, набив адрес моего блога).
Так всё просто, несколько минут и мобильная версия вашего блога готова.
Жду комментарии, замечания, вопросы, предложения и реплики)
- Создание и настройка нового блога
- Курс по заработку. Шаг 3. Установка Wordpress на денвер
- Самые популярные Wordpress плагины
- Руководство “Как искать свободные домены с ТИЦ”
- Курс по заработку. Шаг 2. Сайтостроительство.
- Новая wordpress тема на моем веб дизайн блоге
Комментариев 10
Прикольненько. Тоже давно подумывал о таком, но после того, как на море без проблем читал свой блог в обычном его виде на iPhone, решил, что и так сойдет
. Думаешь, наличие мобильной версии к отношению Яндекса значение имеет какое-нибудь? При подаче сайта в Яндекс.Каталог там есть поле “Наличие PDA версии”.
Перспективный блоггер написал:
я же для себя) без задней мысли!
Завраб, кстати, раз уж дошел до мобильной версии блога, то неплохо бы поправить страницу результатов поиска и 404-ю на блоге. А то сейчас они малехо подпорчены. И автозаполнение полей на форме комментирования так и не сделал. Хромает юзабилити, страдает горемычный комментатор
всему своё время, пока нужно вернуться к нормальной работе, а там и до блога доберусь!
Молодец завраб! Я именно нашел твой сайт через оперу-мини. Так, на работе иногда делать нечего, вот и ищешь что-то интересное с мобилы. Вобщем, завоёвуй и этот рынок. Заработок должен быть разносторонний.
Так а в яндексе ссылку вставить надо на PDA или просто указать что есть версия для модильников? А то у меня например автоматически она определяется.
@ Дмитрий:
укажите что есть мобильная версия. для кпк и мобильников в настройках wordpress можно выставить нужные значения.
Спасибо, так и сделал, надеюсь примут сайт в каталог) Хотя нутром чую, что нет)
@ Дмитрий:
про яка я часто писал, благо опыт подачи большой. но уже не помню когда туда коммерческие сайты попадали бесплатно.
О! Как раз! А то на меня наорали, что в мобилке кривовато иногда сайт смотрится.