[РЕШЕНО] Мобильная версия сайта, мобильная тема, авто переключение и ручное переключение тем!
23 августа 2015 в 13:11
Создаю мобильный сайт Друпала, поняла что нужно создать минимизированную тему и просто переключать ее, когда сайт просматривают с мобильного устройства. Но возникли вопросы по ходу работы. Надеюсь на Вашу помощь !.
1) Как в мобильной теме скрыть ненужные блоки и представления?
2) Как можно позволить пользователям переключать сайт на мобильную тему, например это есть на сайте rozetka.com.uа с самого низа * мобильная версия *
3) Как сделать, чтобы сайт автоматически при просмотре на мобильном устройстве переключался на мобильную версию?
СПАСИБО НАПЕРЕД!
- Блог
- Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Комментарии
Адаптивный дизайн: https://developers.google.com/webmasters/mobile-sites/mobile-seo/configu...
Примеры: http://mediaqueri.es/
Для друпал: https://www.drupal.org/search/site/adaptive?f[0]=ss_meta_type%3Atheme
В настройке блоков нужной темы (admin/structure/block).
Поставить в подвал ссылку на мобильную версию, предварительно подготовив её.
ThemeKey
P.S. Сейчас уже "не модно" делать мобильные версии, разве что для очень нагруженных сайтов. Проще сделать адаптивный (responsive) дизайн сайта. Он автоматически будет адаптироваться под девайс.
Большое спасибо за ответы !
Но не поняла как *Поставить в подвал ссылку на мобильную версию, предварительно подготовив её.*
Сейчас такие девайсы, что иногда проще сделать фиксировано, чтоб не корежило все, хотя зависит от сложно сайта, лично я свой зафиксировал и лично у меня на 5 дюймовом телефоне через IE, 7,1 и 7,9 планшетах через хром выглядит одинаково. На последних двух даже целиком под экран влезает, на телефоне двигать приходиться, но все на месте... сайты до 1000px на мобильниках нормально смотрятся, с нынешним разрешением сей девайсов.
А если по теме, то могу предложить свое дилетантское мнение: можно использовать css, как минимум для скрытия блоков, на сколько мне известно это условие ставится через @media ну и после обычное скрытие элемента, ну и собственно 3й пункт так же, условие и как должно отображается
Да как угодно - добавить в tpl страницы, вывести в блоке...
Я незнаю какой ссылка должна быть, простите что неправильно задала вопрос ?(((
Как в *ThemeKey* сделать, чтобы сайт автоматически при просмотре на мобильном устройстве переключался на мобильную версию?
Пробуйте разбираться сами и искать информацию перед тем как задавать вопрос!
Задавайте вопросы только по не понятным моментам, а не в общем.
А, простите (((( хорошо
Учите HTML, Тег "a".
HTML я знаю, там нечего учить, а вот переключатель тем есть неплохой https://www.drupal.org/project/switchtheme
Я просто не знала что там в теге нужно прописывать. так как тема переключается только через админку
https://www.drupal.org/project/simple_mobile_redirect
https://www.drupal.org/project/mobile_js_redirect
сам не пользовал ибо это правда нынче не в моде.
Разобралась с ThemeKey, там просто выбираешь *Цепочка правил переключения тем* далее system user_os, прописала равно = Symbian, тестирую с мобильного на ОС Симбиан, и со стандартного браузера тема переключается на мобильную, а с Опера Мини, никак нехочет не понимаю почему....Насчет Ос Андроид , то все хорошо переключается на все браузерах....непонимаю в чем проблема.....
Не отпадет. Есть еще вьюхи и контент и все это придется мобилизировать.
Без CSS никак! Так что девушка если вам это надо надо учитесь править CSS в Firebug-е и через @media выстраивайте сайт в одну колонку шириной мин 320px.
С дизайном я разобралась, CSS базово знаю, он не сложный, как например PHP....
[module=context_mobile_detect]
или просто отдельный субдомен+domain access+domain theme
тогда просто ссылку на мобильный домен + [module=mobile_switch]
mobile_switch никак не включается, хотя все делаю по инструкции и библиотека отсюда взята http://mobiledetect.net , и ничего, все время одна и та же ошибка Mobile Detect PHP class module: The Mobile Detect class could not be found. See README.txt for installation instructions.
Всем Вам спасибо! В целом решила поставить тему гарланд и подправить, так как Гарланд умеет хорошо стягиваться и ростягиватся, короче резинистая. Субдомен не вижу смысла делать, так как просто можно дать пользователю возможность переключать темы, но как их переключать до сих пор не разобралась, может кто то даст готовую ссылку )))
http://blogpost.pp.ua/drupal/15
Насчет переключения темы автоматически под мобильное устройство, хороший модуль ThemeKey, даеш цепочку по ОС, и все вроде работает но не на полную, например, в Андроиде, в Опере все хорошо переключается, в Хроме нет, так же на Симбиан, на стандартном браузере переключается, на Опера Мини, нет, как это исправить ? кто знает ?
Если базово знаете, то примерно так:
/*Выстраиваем сайдбар и контент в одну колонку*/
#sidebar-first, #content {
clear: left;
float: left;
width: 100%;
}
/*Убираем ненужные блоки или вьюхи*/
#block-someblock {
display: none;
}
}
А с ThemeKey и поддоменами затею оставьте, т.к. вам все равно придется делать то, что выше. Сайт покажете скажу больше. Селекторы думаю сами сможете заменить с моего примера на свой.
Сайдбар и Контент в одну колонку - это очень хорошее решение,спсибо!!!!!
Все равно жаль, что ThemeKey работает не повсюду ((((
А почему я в настройках Switchtheme посеняла названия, а когда вывела в блок, там не те названия, а стандартные ?
Вы в состоянии прочитать мои ссылки внимательно? Такого нагородили с мобильной темой, дело решается без всяких ThemeKey...
Там адаптированная тема никак, там надо совсем другую тему внедрять, и переключать, ThemeKey понятно что надо самой доделывать, и Switchtheme чудесно работает, но блин, почему названия никак не меняются, никак не могу понять........
В версии 1.0 модуля ошибка в функции switchtheme_select(), в dev-версии исправлено (в .module).
Вместо
необходимо
Да в dev-версии все заработало! Большое спасибо!
Модуль Mobile Theme, он очень хорошо переключает заданную тему на мобильных устройствах, сравнивая с Themekey работает без недостатков! БОЛЬШОЕ ВАМ СПАСИО ЗА ПОМОЩЬ И ХОРОШЕГО ВАМ ДНЯ )))