Как сделать мобильную версию сайта
Здравствуйте, уважаемые читатели Disseo.ru.
Наш разговор пойдет об одном из способов оптимизации блога, а конкретнее, о том как сделать мобильную версию сайта WordPress. Я выбрал эту тему не случайно, а в связи с тем, что последнее время очень большое количество людей переходит от использования компьютеров и ноутбуков к мобильным устройствам, типа электронных планшетов, книг и телефонов. Абсолютно любой сайт, даже поисковая система заметно теряют в оформлении и приобретают совершенно иной внешний вид, если открыть их через мобильное устройство. Давайте же, наконец рассмотрим, как сделать мобильную версию сайта WordPress.
Мобильная версия сайта
Мобильная версия сайта— это формат сайта или блога, основной функцией которого является отображение на мобильных устройствах, типа электронных планшетов или телефонах.
Интернет, который раздает сотовый оператор достаточно медленный, поэтому все графические элементы открываемого нами ресурса загружаются очень медленно, что заметно тормозит работу. А так же работу с ресурсом, который открывается через телефон или смартфон будет тормозить маленькая разрешающая способность экрана. В связи с этим все элементы блога будут выглядеть очень маленькими, а текст будет мелким и совершенно не читаемым. Из этого, можно сделать вывод, для того чтобы блог посещало как можно больше человек и формировалась постоянная аудитория, необходимо делать мобильную версию сайта WordPress.
Как сделать мобильную версию сайта WordPress
Для того, чтобы сделать мобильную версию сайта для WordPress блога, не нужно создавать отдельный сайт и копировать туда все содержимое с основного. Достаточно либо использовать облегченную версию шаблона, которая ухудшит внешний вид ресурса, либо перейти к использованию специальных плагинов, которые автоматически будут отслеживать посетителей с мобильных устройств и загружать для них облегченную версию оформления. Чтобы WordPress блог не тормозил, используйте в дополнение плагин Hyper Cache, который автоматически будет создавать кэш версию страниц.
Облегченных шаблонов в интернете большое количество, так что если у вас есть желание менять оформление своего блога, то вперед. Я же в рамках этой статьи рассмотрю вариант с использованием специальных плагинов для создания мобильной версии сайта для WordPress. Подходящих плагинов имеется достаточное количество, но рассмотрим мы только один — это плагин WpTouch, так как именно он создан для открытия мобильной версии сайта на устройствах с сенсором ( планшет, смартфон, электронная книга, iPhone, iPad, моб.телефон и электронная книга).
Плагин WpTouch
Установите плагин WpTouch на блог и пройдите в его настройки для создания мобильной версии сайта. Для этого пройдите во вкладку «Параметры» — «WpTouch» и приступим к настройке. Настраивать можно практически все что можно, это и выбор главной страницы, выравнивание текста, установка title, отключение комментариев, отображение изображений и аватаров, выбрать цвет и стиль шаблона, настроить отображение и расположение рекламы Google AdSense и так далее.
Так же имеется еще уйма уникальных настроек которые будут полезны для владельцев коммуникаторов, iPhone и iPad — это включение эффекта приближения, а так же функция создания иконки блога для рабочего стола.
Вот такой достаточно удобный плагин WpTouch для создания мобильной версии WordPress сайта. Помимо этого плагина существует еще несколько, которым следует уделить внимание:
- WordPress Mobile Pack — плагин с огромным выбором функциональных настроек для создания мобильной версии сайта wordpress. WordPress Mobile Pack имеет 4 меню для настройки, от выбора каждым отдельным пользователем понравившейся темы до добавления новых постов через мобильное устройство.
- Mobilepress — имеет возможность вставлять рекламу Google Adsense, а так же совместим практически со всеми браузерами.
- WordPress Mobile Edition — существует несовместимость с некоторыми версиями WordPress, но в случае выбора WordPress Mobile Edition, движок можно обновить.
(9 голос, средний: 4,44 из 5)
Loading ...
Навигация
Предыдущая статья: ← Как прикрепить запись на главной странице?
Следующая статья: Как проверить позиции сайта в поисковиках →
В этой же рубрике:
Понравилась статья? Получайте свежие уроки прямо на email или подпишитесь на RSS ленту блога!
Доброе время суток Иван.
Интересная статья.
Я всё подумываю об мобильную версию сайта WordPress.
Благодарен за статью.
Михаил, нужно делать. Сайт медленнее работать не будет, да и все таки какая никакая, а дополнительная оптимизация.
Надо будет сделать
Оказалось очень легко и удобно! Встречал ранее на других блогах, поставил на свой. Радует, что не надо создавать поддомен m.***.ru
Спасибо за статью. получается сайт автоматически будет мобильным для телефонов, смартфонах и т.д.?
Да, Viktor. Можно перед тем как применять изменения посмотреть как он будет выглядеть «До» и оценить результат.
не сочтите за труд, подскажите, где можно посмотреть результат?
Берете в руки телефон или смартфон и смотрите как в нем отображается ваш сайт, далее применяете плагины для мобильной версии и снова смотрите как он стал отображаться на экране мобильного телефона.
Основным назначением плагина для создания мобильной версии сайта является изменение шаблона таким образом, чтобы на экране мобильного телефона он отражался без искажений (кнопки не плавали, картинки не занимали половину экрана и загрузка сайта через мобильный интернет осуществлялась быстрее).
Во-первых, то как он будет отражаться на экране мобильного будет зависеть не только от конкретного плагина(некоторые убирают картинки и оставляют только текст, а некоторые делают шаблон резиновым, либо заменяют его), но и от шаблона который у вас установлен(резиновый шаблон, который подстраивается по любое расширение) — пример моего шаблона.
Поэтому, если ваш сайт отражается на экране мобильного без искажений, значит плагин у вас работает правильно. Можете поэкспериментировать и попробовать действия различных плагинов, разница будет видна(только не забывайте скинуть кэш)
Товарищи, есть нескромный вопрос: а на каких фреймворках сей плагин строит мобильную версию сайта?
Под Android, Palm, IOS и Windows 7,5. Под Symbia не подходит вроде. Хотя в последних версиях плагинов, вполне может и работает
Необходимо посмотреть, какие плагины совместимы с платформой установленной на вашем мобильном устройстве.
А Вы сами не хотите для своего блога сделать мобильную версию. Ведь необходимо заботиться о мобильных посетителях, чтобы им было удобно читать Вас. А я вот захожу к Вам на блог, через планшет, не сказал бы что удобно!
Так у меня уже давно сделана мобильная версия. Сам периодически захожу то через планшет Ipad, то через телефон. У меня плагин мобильной версии делает шаблон резиновым. Если вы обратили внимание, то картинки не сползают, кнопки и все остальное остается на месте, так как будто вы открываете его на компьютере.
А делать так, чтобы были только одни кнопки — не очень нравится.
На сколько я знаю, в сам шаблон прописан код мобильной версии сайта. Вам лучше напрямую обратится к хозяину поста или поставить такой же шаблон и проверить.
Как-то некрасиво выглядит сайт после установки плагина( Быстро избавилась от плагина(
Плагинов, с помощью которых можно сделать мобильную версию сайта или блога, достаточно много приведено в статье. Чтобы найти свой, необходимо попробовать установить все. Как говорится: На вкус и цвет — фломастеры...
Иван, добрый день! Насколько я понял, плагин платный для использования adsense?
Не совсем. Есть платная версия и бесплатная, и с той и с другой вы можете сделать мобильную версию сайта. А вот отображение Adsense блоков будет зависеть от конкретного шаблона и настроек браузера клиента.
Да не совсем так, там рекламу не дает включить, если не про версия
Обычным html или java кодом вставляете рекламу в структура шаблона и плагин ничего не сможет сделать.