Журнал о мобильном без мобильной версии? Звучит как-то нереально, но раньше действительно было так. В какой-то момент я решил, что наличие мобильной версии у этого блога оправдано — «настольный» шаблон будет всё время дополняться всякими штуками, а большой сайт вряд ли кто-то захочет просматривать с мобильного устройства.
Пересмотрев все возможные плагины для Вордпресса и учтя свои потребности я решил написать свой. Что из этого вышло — смотрите под катом.
Мобильная версия журнала
Не буду вдаваться в технические подробности, а вот дизайн всё-таки опишу. Была задача — сверстать лёгкий, понятный шаблон с цветовой гаммой, которая преобладает у веб-версии.
От привычной для веб-версии превью записи было решено отказаться, а ссылку на запись, число комментариев, дату и информацию о категории поместил в одну строку. Ссылка на обычную версию сайта должна обязательно всегда присутствовать — она и есть в низу каждой страницы.
Прошу учесть то, что «вап-версия» адаптирована для просмотра с простых мобильных телефонов и смартфонов, на айфонах она будет не такой уж и удобной.
Включаем мобильную версию
Мобильная версия журнала автоматически включается при заходе на сайт с мобильного устройства. Но если вы хотите читать мобильную версию используя компьютер — вы можете легко включить её в специальном меню, которое расположено в правом сайдбаре (см. скриншот ниже). Здесь же есть и qr-код.
Известные проблемы
Это скорее недоработки, чем проблемы: они, возможно, будут исправлены в ближайшее время.
- Не оптимизируются изображения. Это может создать дополнительные неудобства и повышенный трафик. Пока я не придумал алгоритма, и могу лишь посоветовать использовать Opera Mini или Opera Mobile со включенным режимом «Турбо».
- Не запоминается выбор пользователя. Например, если вы отключили мобильную версию, через некоторое время вам может понадобится опять её отключать.
Новый фавикон
Кроме мобильной версии и обновленного сайдбара у нашего журнала появилась и новая иконка, которую специально для этого блога нарисовал wmas (за что ему большое спасибо).
Новая иконка намного лучше подходит к тематике сайта чем предыдущая зелёная и полосатая: теперь нас гораздо легче вычислить в поисковой выдаче яндекса, либо найти в закладках или рсс-ридере.
Кстати, если приглядеться к фавиконке, там на экране можно увидеть аббревиатуру «IM», которая расшифровывается как Isafdar Magazine. Следите за обновлениями ;)
Почему Magazine?
Magazine — в переводе с английского означает журнал.
З.Ы. Проверь свою электропочту.
А, ясно :)
Почту проверил и своим глазам не поверил :-D Сначала подумал , что шутка :)
К мобильной версии придраться сложно, а вот расположение мелких иконок справа от большого аватара выглядит мягко говоря не очень. Лучше убрать их или заменить на размеры аватара (73px ? 73px). А при наведении всплывающий блок как в twitter или хотя бы атрибут alt для img.
Привет) Не нравятся сами иконки, либо то, что они относятся к ссылкам? Кстати, там не картинка, а фоновое изображение.
Большие иконки ставить не хочу, будут потом отвлекать.
Сами иконки, они малы по сравнению с аватаром, да и не видно на них ничего.
Ага, background ;-)
Текстовые ссылки ведь и сделаны, чтоб понять, что означают иконки.
Кстати, вместо аватара будет логотип, который будет вести на твиттер. У меня есть кое-какие идеи, но это нужно заказывать.
Ну и подпись меня смущает.
«Журнал о мобильном: информация WAP интернете и дизайне»
Пропущен предлог перед WAP и дефис между WAP и интернет.
А вообще советую изменить подпись, убрав этот WAP, и добавив чего-нибуть про железо.
«Журнал о мобильном: гаджеты, интернет, дизайн»
Предлог — опечатка. А заменить давно я хотел, просто не придумал пока на что. Кстати, «WAP» там как ключевик был, поэтому и некрасиво смотрелся.
The prchuases I make are entirely based on these articles.