mobile тема

WP Mobile Detector делаем мобильную версию для своего сайта !

Здравствуйте !

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

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

 

Итак, мобильную версию сайта, мы будем делать с помощью плагина — WP Mobile Detector, данный плагин достаточно прост, и имеет не много настроек, в общем то что я искал для своего сайта, ничего лишнего. Данный плагин вы сможете установить прямо из своей админ-панели WordPress, для этого перейдите по вкладке: ПлагиныДобавить Новый, введите название плагина в поиск, нажмите Enter, и установите появившейся плагин.

25-06-2015 15-21-56

 

 

Затем, после активации плагина, в вашей админ-панели, в меню слева, появится вкладка — WP Mobile Detector. Чтобы начать создавать мобильную версию сайта, перейдите на страницу — Mobile Theme Settings.

25-06-2015 15-24-09

 

Вы попадёте на страницу создания и настройки вашей мобильной версии сайта. Начнём по порядку:

General

25-06-2015 15-24-57

1. Select the home page for mobile visitors — Выберите домашнюю страницу для мобильных пользователей, это та страница, которая будет отображаться первой при открытии вашего сайта на мобильном устройстве.

2. How many posts should be shown per page  — Укажите сколько постов или записей должно отображаться на странице.

3. Change your header text for your mobile website — Здесь можно изменить текст заголовка для вашего мобильного сайта.

4. Show this mobile theme to tablet devices — Если отметить данную функцию галочкой, то мобильная тема будет показываться на планшетах то же, если галочка не стоит, то на планшетах будет отображаться ваша обычная тема, как и на компьютере.

5. Disable this plugin — Если поставите здесь галочку плагин отключится.

6. Redirect mobile visitors to a specific URL — Это функция для редиректа, то есть перенаправления. Если вы хотите, чтобы посетитель попадал именно на ваш сайт, то не ставьте галочку.

7. Enable mobile statistics — Ставьте галочку если хотите следить за статистикой посещения вашего мобильного сайта.

8. Display «Powered by WP Mobile Detector» in the footer — В общем смотрите, если поставить галочку, то внизу вашего мобильного сайта появится ссылка на сайт плагина.

9. Do you have a Twitter profile — Можно будет добавить ссылку на ваш профиль в Твиттере.

10. Do you have a Facebook profile — Аналогично, ставьте галочку если хотите добавить на мобильный сайт ссылку на ваш профиль в Фейсбук.

 

Theme

25-06-2015 16-04-25

 

1. Select your mobile theme — Здесь можно выбрать мобильную тему для сайта, в общем попробуйте, посмотрите разные темы, и выберите самую подходящую для себя.

2. Select a standard font — Можно выбрать другой шрифт для сайта.

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

 

Menu

25-06-2015 16-10-44

 

На странице Меню, то же, все настройки только для Про версии.

 

Ads

25-06-2015 16-13-59

 

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

 

Stats

25-06-2015 16-16-07

На странице Stats можно следить за статистикой посещения вашего мобильного Сайта.

 

App

25-06-2015 16-27-25

 

Enable App mode for your mobile website — В общем смотрите если поставить здесь галочку, то ваш мобильный сайт смогут добавлять на домашний экран iOS и Android устройств в виде приложения.

Далее настройки для Про версии.

Upload an Android icon — можно загрузить значок, который будет Отображаться на Android устройствах.

 

Misc

25-06-2015 16-28-10

 

Place HTML/JavaScript analytics code on the mobile website — Можно добавить HTML-код счётчика посещаемости.

Reset the plugin with default settings — Можно cбросить все настройки, к настройкам по умолчанию.

 

Всё, после того как вы настроите все необходимые для вас настройки, вам нужно будет Сохранить сделанные вами изменения, нажав на кнопку — Save Changes.

25-06-2015 18-28-59

 

На этом всё, Мобильная версия вашего Сайта готова, можете зайти на свой сайт с мобильного устройства и проверить правильность отображения. До новых встреч !

WP Mobile Detector делаем мобильную версию для своего сайта ! обновлено: Сентябрь 2, 2016 автором: Илья Журавлёв
 
 

7 комментариев

  • Наталья 08.12.2015 Ответить

    Здравствуйте!
    Скажите, можно ли прикрутить данный плагин как-нибудь на сайт без Вордпресс? Или лучше использовать другие методы для мобильной версии? Может, посоветуете что-то конкретное? Сайт написан на SHTML.

    • Илья Журавлёв 08.12.2015 Ответить Автор

      Привет, если честно то я впервые слышу о SHTML, на какой программе ты сайт делала ? Данный плагин только для WordPress сайтов. Могу тебе посоветовать искать HTML код для адаптации сайта, то есть просто код вставляешь в нужные места сайта и сайт становится адаптивным.

      • Наталья 08.12.2015 Ответить

        Привет, Илья! SHTML — это сокращенно от SSI HTML. Может, такой вариант слышал. Спасибо за совет искать HTML-код — теперь я в свою очередь о таком не слышала. :) Буду искать!

  • Любовь 02.12.2016 Ответить

    Отлично! Вот и нашла что надо!) Зашла в поисках этого плагина, а провела почти всю ночь на твоём сайте)
    Здорово!
    Спасибо, Илья огромное. Много интересного и нужного пишешь. И очень понятно

  • Любовь 02.12.2016 Ответить

    Привет! Я скачала, установила WP Mobile Detect версия 2.0
    Но нигде не появляется, не знаю как перейти к настройкам

  • Любовь 02.12.2016 Ответить

    Пишет подсказку: Внимание: Этот плагин не был протестирован с вашей версией WordPress.Обновление: 2 года назад
    Требуемая версия WordPress: 2.8.4 или выше
    Совместим вплоть до: 4.2.10

    Илья, а какой еще есть другой плагин по оптимизации сайта для телефонов. Рекомендуй. пожалуйста.
    Спасибо!)

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *


5 + 2 =



super-infa-top
Стрелка вверх