Персональный SEO блог


Создаём мобильную версию блога

26.08.2010, обновлено: 24.01.2011 Опубликовано в разделе: Wordpress

Вчера случайно узнал, что дизайн моего блога попал в 7ку самых красивых блогов рунета по версии авторов Blogonika.ru. Приятно, что кому-то кроме меня приятно смотреть на Zavrab.Ru. Правда в голосовании я набрал только 4%, можете исправить ситуацию, поддержав меня, щёлкнув куда нужно в посте «Самые красивые блоги Рунета! По версии Blogonika.ru».

Теперь о плохом! Дизайн симпатичный, на компе всё хорошо, но вот на мобильной версии или КПК чтение текста значительно затрудненно или практически невозможно. У меня нет КПК и на мобильнике в интернет не имею привычки заходить, но моя девушка, регулярно выходя в интернет со своих двух HTC (зачем ей два одинаковых htc и по сей день загадка), окончательно меня убедила о важности мобильной версии блога.

Первым делом я отправился на поиски мобильного шаблона для wordpress, удалось отыскать несколько тем, из которых выбрал MobileTheme от проекта blogohblog.com в переводе Goodvina.

Скриншот с сайта:

mobiletheme

Страница с полным описанием MobileTheme и ссылкой на скачивание.

Далее я занялся выбором плагина для создания мобильной версии блога, по функционалу самый нормальный – WordPress Mobile Pack. Целый набор функций для создания и управления  мобильной версией блога на wordpress. Переведённого на русский данного плагина я не нашёл, но думаю вам не составит труда самим разобраться что к чему. В плагине есть 4 цветовых решения (темы) для блога, очень простые, мне больше понравилась тема переведённая Goodvinom, её я и поставил.

После активации WordPress Mobile Pack у вас появятся 3 вкладки в разделе Дизайн (Mobile Theme, Mobile Widgets, Mobile Switcher) для управления настройками, и один виджет:

wordpressmobile

Mobile Theme – здесь скрин переведённой данной вкладки:

wordpressmobilepack

Mobile Widgets – выставляем какие элементы навигации оставить

Mobile Switcher – главная вкладка, настройки работы плагина. Верхняя вкладка даёт нам выбрать как пользователь будет попадать на мобильную версию (я поставил Browser detection, т.е автоматом распознаётся браузер и нужным клиентам показыается мобильная версия). Затем выбираем из списка используемый нами шаблон, у меня это MobileTheme.

Если вы ставите детекцию по домену, то можно вывести ссылку переключения версий блога в любое место в шаблоне используя гиперссылку “http://типа ваш домен.com/?wpmp_switcher=mobile”. Для примера оформления ссылки смотрите мой сайтбар, однако, она не работает, я поставил автоопределение по браузеру (его можете испытать в любом мобильном клиенте, набив адрес моего блога).

Скачать WordPress Mobile Pack

Так всё просто, несколько минут и мобильная версия вашего блога готова.

Жду комментарии, замечания, вопросы, предложения и реплики)



Комментариев 11

11 комментариев к «Создаём мобильную версию блога»

  1. Прикольненько. Тоже давно подумывал о таком, но после того, как на море без проблем читал свой блог в обычном его виде на iPhone, решил, что и так сойдет :) . Думаешь, наличие мобильной версии к отношению Яндекса значение имеет какое-нибудь? При подаче сайта в Яндекс.Каталог там есть поле “Наличие PDA версии”.

  2. Перспективный блоггер написал:

    Прикольненько. Тоже давно подумывал о таком, но после того, как на море без проблем читал свой блог в обычном его виде на iPhone, решил, что и так сойдет :) . Думаешь, наличие мобильной версии к отношению Яндекса значение имеет какое-нибудь? При подаче сайта в Яндекс.Каталог там есть поле “Наличие PDA версии”.

    я же для себя) без задней мысли!

  3. Завраб, кстати, раз уж дошел до мобильной версии блога, то неплохо бы поправить страницу результатов поиска и 404-ю на блоге. А то сейчас они малехо подпорчены. И автозаполнение полей на форме комментирования так и не сделал. Хромает юзабилити, страдает горемычный комментатор :)

  4. всему своё время, пока нужно вернуться к нормальной работе, а там и до блога доберусь!

  5. Pavel пишет:

    Молодец завраб! Я именно нашел твой сайт через оперу-мини. Так, на работе иногда делать нечего, вот и ищешь что-то интересное с мобилы. Вобщем, завоёвуй и этот рынок. Заработок должен быть разносторонний.

  6. Дмитрий пишет:

    Так а в яндексе ссылку вставить надо на PDA или просто указать что есть версия для модильников? А то у меня например автоматически она определяется.

  7. @ Дмитрий:
    укажите что есть мобильная версия. для кпк и мобильников в настройках wordpress можно выставить нужные значения.

  8. Дмитрий пишет:

    Спасибо, так и сделал, надеюсь примут сайт в каталог) Хотя нутром чую, что нет)

  9. @ Дмитрий:
    про яка я часто писал, благо опыт подачи большой. но уже не помню когда туда коммерческие сайты попадали бесплатно.

  10. Изя пишет:

    О! Как раз! А то на меня наорали, что в мобилке кривовато иногда сайт смотрится.

  11. Евгений пишет:

    А я сам себе сделал мобильную версию блога. Хотя долго искал, но сделал и без плагина. Можете посмотреть мой блог через мобильные устройства.
    Я не люблю всякие плагины, а мобильные версии с плагинами такая лажа и нагрузка на блог. Зато я понял как делать мобильные версии без плагина. ;-)

Авторский seo блог заводского трудяги, seo новости и полезная seo информация

Дизайн и создание шаблона