Question

Здравствуйте. Задался таким вопросом по одному из стандартных шаблонов...

Как сделать так, чтобы при заходе с компьютера открывалась адаптивная версия шаблона? То есть чтоб при заходе на сайт с обычного компьютера/ноутбука/нетбука и т.д открывалась версия, которая, допустим, видна с экрана смартфона? 

 

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

Что в шаблоне или css нужно прописать? Пробовал уже через какие-то системные коды и тд, по типу $USER_AGENT_PDA$ и $USER_AGENT$, но не получилось. Помогите, пожалуйста.

Answer 1

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

Найдите в стилях строки 354-358-363-404-480

@media only screen and (min-width: 970px)
@media only screen and (max-width: 960px) 
@media only screen and (min-width: 768px) and (max-width: 969px)
@media only screen and (max-width: 767px) 
@media only screen and (min-width: 480px) and (max-width: 767px)

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

Comments

Я уже менял эти значения на самые маленькие (480, 320) и т.д. Но изменяется только адаптированная версия для мобильных устройств (которая открывается с гаджетов и при сужении страницы в браузере), но вот основной вид сайта при открытии с компьютера вообще без изменения

---

Павел Гриб,

Увы, но в данной ситуации нужно перерабатывать все стили шаблона.

---

Yuri_Geruk,

Скажите, а возможно ли как-то ограничить доступ к сайту с компьютеров, а сделать его возможным только с мобильных и планшетов? И как это скажется на регистрации?

---

Павел Гриб,

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

---

Yuri_Geruk,

А нельзя прикрепить к коду какие-нибудь css атрибуты отдельные? Допустим через оператор <?if($USER_AGENT_PDA$)?><?else?>Код, превращающий шаблон в адаптивную версию<?endif?>

---

Павел Гриб,

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