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

Мобильная версия журнала

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

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

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

Включаем мобильную версию

Мобильная версия журнала автоматически включается при заходе на сайт с мобильного устройства. Но если вы хотите читать мобильную версию используя компьютер — вы можете легко включить её в специальном меню, которое расположено в правом сайдбаре (см. скриншот ниже). Здесь же есть и qr-код.

Известные проблемы

Это скорее недоработки, чем проблемы: они, возможно, будут исправлены в ближайшее время.

• Не оптимизируются изображения. Это может создать дополнительные неудобства и повышенный трафик. Пока я не придумал алгоритма, и могу лишь посоветовать использовать Opera Mini или Opera Mobile со включенным режимом «Турбо».
• Не запоминается выбор пользователя. Например, если вы отключили мобильную версию, через некоторое время вам может понадобится опять её отключать.

Новый фавикон

Кроме мобильной версии и обновленного сайдбара у нашего журнала появилась и новая иконка, которую специально для этого блога нарисовал wmas (за что ему большое спасибо).

Новая иконка намного лучше подходит к тематике сайта чем предыдущая зелёная и полосатая: теперь нас гораздо легче вычислить в поисковой выдаче яндекса, либо найти в закладках или рсс-ридере.

Кстати, если приглядеться к фавиконке, там на экране можно увидеть аббревиатуру «IM», которая расшифровывается как Isafdar Magazine. Следите за обновлениями ;)

Смена названия

Теперь данный ресурс носит название «Журнал о мобильном» вместо предыдущего — «Блог о мобильном» (кстати, адрес ресурса остался прежним). Но все не ограничилось лишь сменой названия: вместе с этим был сверстан новый дизайн сайта, чтобы максимально соответствовать журнальному стилю, придуман новый стиль записей и их структура, а также проделано много изменений, исправлений и дополнений.

Оформление и новые возможности

В качестве основы нового оформления был взят старый минималистский шаблон под названием Gridline Lite от Graph Paper Press. Но как всегда, я его основательно переделал и схожести хоть и есть, но их мало. Кстати, теперь дизайн имеет фиксированную ширину.

I Like This!

В конце каждой записи появилась кнопочка «Мне нравится!». Эта кнопочка предназначена только для подсчета количества посетителей, которым понравилась определенная запись.

Реализовано с помощью плагина I Like This для WordPress и работает на jQuery, поэтому не требует обновления страницы.

Знаете ли вы…

Новый блок в правой колонке под названием «Знаете ли вы…» отображает интересные факты, связанные с мобильными устройствами, интернетом, и миром в целом. На данный момент в «базе фактов» находится 14 записей, в будущем их число возрастет.

Блок обновляется автоматически примерно раз в полтора часа.

Система комментариев

Здесь два изменения: во-первых, реализована древовидность комментариев, во-вторых — добавлена возможность подписки по электропочте на новые комментарии. Дискутируйте!

Грани между WEB и WAP не будет

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

Мобильные версии уже давно есть у таких гигантов, как Google, Yandex, Wikipedia и они все время совершенствуются, добавляются новые функции (Google Mobile Blog подтверждает сей факт), а раз они работают над этим, значит это востребовано.

Разработчики существующих WEB CMS реализуют «мобильный вид» в самом движке, либо будут написаны специальные плагины.

Мобильные плагины уже есть у большинства известных CMS, таких как WordPress, Drupal, Joomla.

Мобильные CMS добавят возможность просмотра ресурса, используя веб-шаблон (все веб-темы, которые есть сейчас, например, для JohnCMS, WapMotor и др. никуда не годятся). Будут разработаны новые системы управления контентом, включающие в себя как минимум два полноценных варианта просмотра сайта.

Улучшится качество реализации

Сейчас мобильные версии ресурсов в целом представляют из себя серые и непривлекательные странички, но со временем все обязательно изменится: оформлению, юзабильности и разработке самой WAP-версии будет уделяться все больше внимания. Конечно, в этом есть и свой минус: на разработку проекта с двумя версиями будет уходить вдвое больше времени, но есть и огромные плюсы — поиск информации с портативных устройств будет в разы быстрее, удобнее и привлекательнее.

Перед новым годом я решил заняться поиском WordPress плагинов для подсветки кода — вариантов нашлось много, но я остановился на плагине SyntaxHighlighter Evolved, который использует одноименную JavaScript библиотеку от Alex Gorbatchev.

Syntax Highlighter обладает богатыми возможностями подсветки кода, тонкой настройкой и большим количеством поддерживаемых языков программирования. Правда, перед установкой на работающий блог плагин мне нужно было чуть-чуть доработать, но это уже мои заморочки :)

В качестве примера кода, подсвеченного с помощью Syntax Highlighter даю функцию парсинга аргументов из дистрибутива WordPress:

function wp_parse_args($args, $defaults = '') {
    if (is_object($args))
        $r = get_object_vars($args);
    elseif (is_array($args))
        $r =& $args;
    else
        wp_parse_str($args, $r);

    if (is_array($defaults))
        return array_merge($defaults, $r);
        return $r;
}

Руководство читателям блога

Так как копировать подсвеченный код прямо со страницы не очень-то и удобно — мешаются номера строчек, разработчик предусмотрел возможность просмотр кода без подсветки и форматирования. Для этого в правом верхнем углу блока с кодом есть кнопка «view source». Там же есть и кнопка, с помощью которой можно отпечатать листинг.

Данный ресурс ориентирован на тех людей, которые занимаются или хотят заняться созданием так называемых WAP-сайтов. Так как wap 2.0 это всё-таки часть «большого» интернета, то я не буду себя ограничивать написанием статей только о мобильном. Как я уже говорил — идей много и пусть это пока что останется секретом.

Что касается проделанной работы: в самом начале, когда у меня только-только родилась идея создания этого блога я решил сделать полностью мобильный ресурс. Тогда для основы я взял движок WB engine, и начал разработку платформы для ведения мобильных standalone блогов. Примерно через месяц я понял, что на разработку такого движка уйдёт уйма времени, и решил воспользоваться готовым решением — WordPress.

О WordPress приходилось читать многое, в том числе и о производительности данной CMS, по этому особое внимание уделил оптимизации системы. Конечно, я не лез в ядро WP, так как в будущем собираюсь обновляться на новые версии, но и без этого добился достаточно неплохих результатов:

1. Убраны ненужные запросы в базу данных, некоторые мелочи заменены статикой
2. Подключен облегчённый вариант локализации
3. Небольшое количество используемых плагинов
4. Для выполнения функций некоторых плагинов были написаны некие аналоги с использованием стандартных возможностей WordPress. Код встраивался непосредственно в тему оформления
5. В теме оформления избавился от функций __() и _e() — только прямой перевод
6. …и ещё много всяких мелочей

Результаты проделанной работы вы можете увидеть в исходном коде страницы.

Изначально оформление блога тоже задумывалось другим — мобильным. Но, взвесив все плюсы и минусы данного варианта, всё-таки решил сделать WEB. Основой для темы оформления послужил лёгкий шаблон WPPureWhite. Я его чуть-чуть переработал и что получилось Вы уже видите перед собой. Правда, это ещё не окончательная версия, и будет постепенно дорабатываться.

Так как блог новоиспечённый, у меня к вам есть небольшая просьба: если вы вдруг заметите недочёты в переводе либо в вёрстке темы оформления — сообщите пожалуйста в комментариях. Спасибо.

Итак, объявляю старт блога о мобильном!