[РЕШЕНО] Мобильная версия сайта, мобильная тема, авто переключение и ручное переключение тем!

Главные вкладки

Аватар пользователя Ritka Ritka 23 августа 2015 в 13:11

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

1) Как в мобильной теме скрыть ненужные блоки и представления?
2) Как можно позволить пользователям переключать сайт на мобильную тему, например это есть на сайте rozetka.com.uа с самого низа * мобильная версия *
3) Как сделать, чтобы сайт автоматически при просмотре на мобильном устройстве переключался на мобильную версию?

СПАСИБО НАПЕРЕД!

Комментарии

Аватар пользователя bumble bumble 23 августа 2015 в 13:39

"Ritka" wrote:
1) Как в мобильной теме скрыть ненужные блоки и представления?

В настройке блоков нужной темы (admin/structure/block).
"Ritka" wrote:
2) Как можно позволить пользователям переключать сайт на мобильную тему, например это есть на сайте rozetka.com.uа с самого низа * мобильная версия *

Поставить в подвал ссылку на мобильную версию, предварительно подготовив её.
"Ritka" wrote:
3) Как сделать, чтобы сайт автоматически при просмотре на мобильном устройстве переключался на мобильную версию?

ThemeKey
P.S. Сейчас уже "не модно" делать мобильные версии, разве что для очень нагруженных сайтов. Проще сделать адаптивный (responsive) дизайн сайта. Он автоматически будет адаптироваться под девайс.

Аватар пользователя Ritka Ritka 23 августа 2015 в 16:16

Большое спасибо за ответы !

Но не поняла как *Поставить в подвал ссылку на мобильную версию, предварительно подготовив её.*

Аватар пользователя DarKaind DarKaind 23 августа 2015 в 16:17

Сейчас такие девайсы, что иногда проще сделать фиксировано, чтоб не корежило все, хотя зависит от сложно сайта, лично я свой зафиксировал и лично у меня на 5 дюймовом телефоне через IE, 7,1 и 7,9 планшетах через хром выглядит одинаково. На последних двух даже целиком под экран влезает, на телефоне двигать приходиться, но все на месте... сайты до 1000px на мобильниках нормально смотрятся, с нынешним разрешением сей девайсов.
А если по теме, то могу предложить свое дилетантское мнение: можно использовать css, как минимум для скрытия блоков, на сколько мне известно это условие ставится через @media ну и после обычное скрытие элемента, ну и собственно 3й пункт так же, условие и как должно отображается

Аватар пользователя Ritka Ritka 23 августа 2015 в 16:22

bumble wrote:
"Ritka" wrote:
Но не поняла как

Да как угодно - добавить в tpl страницы, вывести в блоке...

Я незнаю какой ссылка должна быть, простите что неправильно задала вопрос ?(((

Аватар пользователя Ritka Ritka 23 августа 2015 в 16:21

Как в *ThemeKey* сделать, чтобы сайт автоматически при просмотре на мобильном устройстве переключался на мобильную версию?

Аватар пользователя bumble bumble 23 августа 2015 в 16:22

"Ritka" wrote:
Как в *ThemeKey* сделать, чтобы сайт автоматически при просмотре на мобильном устройстве переключался на мобильную версию?

Пробуйте разбираться сами и искать информацию перед тем как задавать вопрос!
Задавайте вопросы только по не понятным моментам, а не в общем.

Аватар пользователя Ritka Ritka 23 августа 2015 в 16:24

bumble wrote:
"Ritka" wrote:
Как в *ThemeKey* сделать, чтобы сайт автоматически при просмотре на мобильном устройстве переключался на мобильную версию?

Пробуйте разбираться сами и искать информацию перед тем как задавать вопрос!
Задавайте вопросы только по не понятным моментам, а не в общем.

А, простите (((( хорошо

Аватар пользователя Ritka Ritka 23 августа 2015 в 19:52

bumble wrote:
"Ritka" wrote:
Я незнаю какой ссылка должна быть, простите что неправильно задала вопрос ?(((

Учите HTML, Тег "a".

HTML я знаю, там нечего учить, а вот переключатель тем есть неплохой https://www.drupal.org/project/switchtheme

Я просто не знала что там в теге нужно прописывать. так как тема переключается только через админку

Аватар пользователя vbard vbard 23 августа 2015 в 18:05

"Ritka" wrote:
3) Как сделать, чтобы сайт автоматически при просмотре на мобильном устройстве переключался на мобильную версию?

https://www.drupal.org/project/simple_mobile_redirect
https://www.drupal.org/project/mobile_js_redirect

сам не пользовал ибо это правда нынче не в моде.

Аватар пользователя Ritka Ritka 23 августа 2015 в 19:56

Разобралась с ThemeKey, там просто выбираешь *Цепочка правил переключения тем* далее system user_os, прописала равно = Symbian, тестирую с мобильного на ОС Симбиан, и со стандартного браузера тема переключается на мобильную, а с Опера Мини, никак нехочет не понимаю почему....Насчет Ос Андроид , то все хорошо переключается на все браузерах....непонимаю в чем проблема.....

Аватар пользователя VasyOK VasyOK 24 августа 2015 в 2:27

Не отпадет. Есть еще вьюхи и контент и все это придется мобилизировать.
Без CSS никак! Так что девушка если вам это надо надо учитесь править CSS в Firebug-е и через @media выстраивайте сайт в одну колонку шириной мин 320px.

Аватар пользователя Ritka Ritka 24 августа 2015 в 11:29

VasyOK wrote:
Не отпадет. Есть еще вьюхи и контент и все это придется мобилизировать.
Без CSS никак! Так что девушка если вам это надо надо учитесь править CSS в Firebug-е и через @media выстраивайте сайт в одну колонку шириной мин 320px.

С дизайном я разобралась, CSS базово знаю, он не сложный, как например PHP....

Аватар пользователя ttenz ttenz 24 августа 2015 в 9:32

"Ritka" wrote:
Как в мобильной теме скрыть ненужные блоки и представления?

"Ritka" wrote:
Как сделать, чтобы сайт автоматически при просмотре на мобильном устройстве переключался на мобильную версию?

[module=context_mobile_detect]

или просто отдельный субдомен+domain access+domain theme

"Ritka" wrote:
Как можно позволить пользователям переключать сайт на мобильную тему

тогда просто ссылку на мобильный домен + [module=mobile_switch]

Аватар пользователя Ritka Ritka 24 августа 2015 в 11:40

mobile_switch никак не включается, хотя все делаю по инструкции и библиотека отсюда взята http://mobiledetect.net , и ничего, все время одна и та же ошибка Mobile Detect PHP class module: The Mobile Detect class could not be found. See README.txt for installation instructions.

Аватар пользователя Ritka Ritka 24 августа 2015 в 14:37

Всем Вам спасибо! В целом решила поставить тему гарланд и подправить, так как Гарланд умеет хорошо стягиваться и ростягиватся, короче резинистая. Субдомен не вижу смысла делать, так как просто можно дать пользователю возможность переключать темы, но как их переключать до сих пор не разобралась, может кто то даст готовую ссылку )))

Аватар пользователя Ritka Ritka 24 августа 2015 в 14:38

Насчет переключения темы автоматически под мобильное устройство, хороший модуль ThemeKey, даеш цепочку по ОС, и все вроде работает но не на полную, например, в Андроиде, в Опере все хорошо переключается, в Хроме нет, так же на Симбиан, на стандартном браузере переключается, на Опера Мини, нет, как это исправить ? кто знает ?

Аватар пользователя VasyOK VasyOK 24 августа 2015 в 16:24

Если базово знаете, то примерно так:

@media only screen and (max-width:600px){
/*Выстраиваем сайдбар и контент в одну колонку*/
#sidebar-first, #content {
clear: left;
float: left;
width: 100%;
}
/*Убираем ненужные блоки или вьюхи*/
#block-someblock {
display: none;
}
}

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

Аватар пользователя Ritka Ritka 24 августа 2015 в 18:12

VasyOK wrote:
Если базово знаете, то примерно так:

@media only screen and (max-width:600px){
/*Выстраиваем сайдбар и контент в одну колонку*/
#sidebar-first, #content {
clear: left;
float: left;
width: 100%;
}
/*Убираем ненужные блоки или вьюхи*/
#block-someblock {
display: none;
}
}

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

Сайдбар и Контент в одну колонку - это очень хорошее решение,спсибо!!!!!

Все равно жаль, что ThemeKey работает не повсюду ((((

Аватар пользователя Ritka Ritka 25 августа 2015 в 15:01

А почему я в настройках Switchtheme посеняла названия, а когда вывела в блок, там не те названия, а стандартные ?

Аватар пользователя Nikit Nikit 26 августа 2015 в 3:11

Вы в состоянии прочитать мои ссылки внимательно? Такого нагородили с мобильной темой, дело решается без всяких ThemeKey...

Аватар пользователя Ritka Ritka 26 августа 2015 в 17:50

Nikit wrote:
Вы в состоянии прочитать мои ссылки внимательно? Такого нагородили с мобильной темой, дело решается без всяких ThemeKey...

Там адаптированная тема никак, там надо совсем другую тему внедрять, и переключать, ThemeKey понятно что надо самой доделывать, и Switchtheme чудесно работает, но блин, почему названия никак не меняются, никак не могу понять........

Аватар пользователя goodboy goodboy 26 августа 2015 в 23:40

Ritka wrote:
Switchtheme чудесно работает, но блин, почему названия никак не меняются, никак не могу понять........

В версии 1.0 модуля ошибка в функции switchtheme_select(), в dev-версии исправлено (в .module).

Вместо

$options[$name] = variable_get('switchtheme_' . $label, $label);

необходимо

$options[$name] = variable_get('switchtheme_' . $name, $label);
Аватар пользователя Ritka Ritka 27 августа 2015 в 13:11

Goodboy wrote:
Ritka wrote:
Switchtheme чудесно работает, но блин, почему названия никак не меняются, никак не могу понять........

В версии 1.0 модуля ошибка в функции switchtheme_select(), в dev-версии исправлено (в .module).

Вместо

$options[$name] = variable_get('switchtheme_' . $label, $label);

необходимо

$options[$name] = variable_get('switchtheme_' . $name, $label);

Да в dev-версии все заработало! Большое спасибо!

Аватар пользователя Ritka Ritka 28 августа 2015 в 10:04

Модуль Mobile Theme, он очень хорошо переключает заданную тему на мобильных устройствах, сравнивая с Themekey работает без недостатков! БОЛЬШОЕ ВАМ СПАСИО ЗА ПОМОЩЬ И ХОРОШЕГО ВАМ ДНЯ )))