Вы здесь
Главная > Мой блог > WEB-разработка > Как сделать мобильную версию блога с плагином и без плагина и почему второй вариант лучше?

Как сделать мобильную версию блога с плагином и без плагина и почему второй вариант лучше?

Интересная статья с сайта (источник): http://isif-life.ru:

В начале коротко о главном. Можете меня поздравить. Вчера мне доделали мою мобильную версию блога и теперь на всех мобильных и планшетах Блог Александра Борисова выглядит вот так (это с Iphone 5S):

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

А вот так выглядит меню и рубрики:

меню и рубрики блога

Блог в горизонтальном положении мобильного устройства:

мобильная версия на Iphone

Ну еще пару скринов. Тело статьи и футер:

пост мобильной версии

футер мобильного

Все получилось на мой взгляд не плохо. Кому уже показывал, всем понравилось. Теперь ваша очередь заценить. )

Обошлось мне все это удовольствие в 24 000 рублей с учетом того, что мне сделали скидку 4000 рублей. Разрабатывали дизайн и прикручивали мобильную версию к блогу ребята из geniustudio.net за что им спасибо!

Сделали все как надо, все перепроверял, вроде косяков не нашел. Были некоторые проблемы с кешированием при внедрении моб.весрии, но в итоге все разрулили.

Перед тем как рассказывать вам про мобилы, вкратце скажу, зачем вообще все это нужно? Зачем вообще мне нужна мобильная версия, можно ведь и без нее верно?

Буду краток. Очень много людей заходят на мой с мобильных устройств и я хочу чтобы моим читателям было удобно читать мой блог и находиться на нем. Это первое. Второе.

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

То есть к таким ресурсам поисковики будут относиться намного лучше, следовательно показатели пойдут вверх. Я думаю тут комментировать больше не стоит для чего нужна мобила? Время такое пришло…

Сейчас я вам коротко расскажу, как можно сделать мобильную версию блога как с плагином так и без плагина. Я плагины не очень люблю, поэтому сразу для себя решил, что буду делать без плагина однозначно и вам рекомендую. Почему? Дальше расскажу.

Как сделать мобильную версию без плагина:

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

У вас есть 2 варианта:

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

Второй — заказать отдельный шаблон для блога, который будет подгружаться посетителю именно тогда, когда он заходит на ваш блог с мобильного устройства (телефон, смартфон, планшет)…

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

Лично я выбрал второй вариант, не хотелось мне чтобы мой шаблон, который у меня есть сейчас, ковыряли и что-то там меняли.

Все происходит примерно следующим образом: вам делают отдельный шаблон мобильной версии, закидывают его в папку с темой wp-content/themes (у меня тема главная это isif-life, а мобильная isif-life-mobile) и далее подключается плагин Any Mobile Theme Switcher или WPMS Mobile Edition которые подключают автоматически нужный шаблон нужному пользователю.

Не путайте эти плагины с тем плагином, который полностью создает мобильную версию (пример WpTouch). Это разные плагины. Тот плагин полностью все делает, а этот только подключает нужный шаблон тогда когда это надо и не создает ни какой нагрузки на блог.

Заказать можно, как все вместе какой-то конторе, либо же по отдельности. Найти дизайнера, который сделает вам дизайн моб.весрии, потом найти верстака, который сделает вам отдельный шаблон с этим дизайном и подключит к блогу.

Схема абсолютно такая же как и в моей прошлой статье — «Как сменить дизайн блога. Пошаговая инструкция»

Дизайнер рисует макет, далее дает вам все psd файлы, вы их даете верстаку вместе с вашими данными для входа на ваш сервер и все. Он все делает, вы потом проверяете.

Когда я искал людей, которые мне сделают мобильную версию под ключ, то ценники там лупили мама дорогая. От 30 000 рублей. Были чудики, которые говорили и 2000$. ))) Кстати дочитайте данный пост до конца, узнаете кое что интересное =)))

Как сделать мобильную версию плагином:

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

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

Много уже на нем написано. Поставили плагин, а заходишь с компа, а там мобильная версия выдается ))) В общем не рекомендую ставить плагин это 100%. То же самое касается и других плагинов.

Повторю — все что бесплатно и просто — в мусор. Это мое мнение. Кто не согласен, пишите в комментариях.

В принципе на сегодня у меня все. В заключение несколько интересных новостей. Прямо очень при очень интересных.

Новость №1: С сентября (в начале или середине) начнем с моим коллегой делать полные анализы блогов + их настройку под ключ. Скоро узнаете все подробности.

Новость №2. В ближайшее время, а точнее месяц я и моя команда, запускаем студию создания красивых, рисованных (как у меня), мега шикарных блогов под ключ. Будет тариф «Отдохни». То есть хочет человек блог завести крутой или обновить существующий, это к нам. Сделаем конфетку от которой все просто взвизгунт. ))

То что мы будем делать не делает пока что никто в рунете. Все будет под ключ, то есть заказчику ни чего не надо будет доделывать и заморачиваться. Смотрите сами:

Шикарный дизайн + дизайн мобильной версии блога
Верстка и натяжка дизайна на wordpress + мобильная версия
SEO оптимизация шаблона (микроразметка, устранение появления дублей)
Внедрение всех основных функций и минимум плагинов
Защита + ускорение
Аналитика продвижения блога на протяжение 3-х месяцев
Мои личные рекомендации по продвижению нового блога
Комплект видеокурсов из серии КСБТ в подарок

Короче мы сделаем ВСЕ! Чтобы у блоггера не болела голова, и все что ему надо было делать после нашей работы, так это писать, писать и писать. Как думаете сколько все это будет стоить? Если есть желание угадать стоимость, то напишите в комментариях. Стоимость, сразу скажу, копейки.

Добавить комментарий

Top