В этой статье мы говорим о том, как сделать мобильную версию сайта, и мы не будет оперировать в уже установленном шаблоне WordPress, а создадим просто новый сайт и сохраним при этом старый. Будет очень интересно.
Вебмастера со старыми сайтами решают задачу адаптации по-разному: некоторые особо умелые переделали свой шаблон в адаптивный, другие просто переустановили шаблон на адаптивный, поменяв дизайн полностью. И есть ещё третьи, которые не умеют переделывать шаблон, и им по каким-то причинам нельзя сменить дизайн (мешают установленные настройки, плагины, шорткоды и всё такое), и у них установлен не адаптивный шаблон.
И сейчас мы расскажем, как сделать мобильную версию сайта в этом сложном случае.
О чего такой переполох
Не так давно Google разработал и ввёл новый алгоритм, который фильтрует сайты, не дружелюбные мобильным устройствам. И сегодня при использовании этого поисковика на мобильном устройстве (надо заметить, что почти все владельцы устройств Android пользуются именно Google) все сайты, не адаптированные под устройство, будут оказываться на плохих позициях. И если раньше пользователей с мобильниками и планшетами было 10-20% от всего трафика сайта, то сегодня их 50% и более. Значит, если у сайта нет адаптивного дизайна, то он потеряет как минимум четверть трафика (учитываем ещё половину трафика из Яндекса, который пока ещё не ввёл такого алгоритма, но скоро это обязательно сделает).
Как сделать мобильную версию сайта и не менять шаблон на WordPress
Наверняка вы частенько видели, что основной сайт находится на одном домене, а его мобильная версия располагается на другом адресе. Как раз в том случае, когда шаблон сайта изменить нельзя или не получается, можно применить такой метод создания мобильного сайта, то есть сделать совершенно новый сайт на другом адресе.
Перед тем, как создать мобильную версию сайта, купите домен для неё или создайте субдомен. О субдоменах вы можете узнать тут. Запустите его на хостинге и сделайте на нём мобильный сайт с адаптивным дизайном, который будет отлично смотреть на телефонах и планшетах.
Теперь на своём основном сайте установите плагин AddFunc Mobile Detect. Данный плагин определяет, с какого устройства зашёл посетитель, и выбирает, какой домен ему нужно показать. То есть, если посетитель входит с телефона или планшета, то плагин переведёт его на мобильную версию сайта с помощью редиректа.
После активации плагина перейдите в пункт «Настройки» и выберите подпункт «Mobile Detect». Включите плагин, установите галочку на «Mobile Redirect: ON». В строке «Mobile Website URL» введите адрес мобильной версии сайта и сохраните изменения. Всё. Плагин работает и пересылает всех тех, кто вошёл не с компьютера на другую версию сайта.
Перед тем, как сделать мобильную версию сайта таким методом, помните, что вам придётся дублировать весь контент на второй мобильный домен, чтобы он всегда оставался актуальным.
Да очень полезная статья, поскольку мобильный интернет пользуется всё большей популярностью.