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

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

Ritka 23 августа 2015 в 13:11

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

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

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

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

Ritka 23 августа 2015 в 16:16

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

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

DarKaind 23 августа 2015 в 16:17

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

bumble 23 августа 2015 в 16:19

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

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

Ritka 23 августа 2015 в 16:22

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

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

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

Ritka 23 августа 2015 в 16:21

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

bumble 23 августа 2015 в 16:22

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

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

Ritka 23 августа 2015 в 16:24

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

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

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

bumble 23 августа 2015 в 16:26

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

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

Ritka 23 августа 2015 в 19:52

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

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

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

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

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 23 августа 2015 в 19:56

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

VasyOK 24 августа 2015 в 2:27

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

Ritka 24 августа 2015 в 11:29

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

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

ttenz 24 августа 2015 в 9:32

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

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

[module=context_mobile_detect]

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

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

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

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 24 августа 2015 в 14:37

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

bumble 24 августа 2015 в 12:36

"Ritka" wrote:
может кто то даст готовую ссылку )))

http://blogpost.pp.ua/drupal/15

Ritka 24 августа 2015 в 12:41

bumble wrote:
"Ritka" wrote:
может кто то даст готовую ссылку )))

http://blogpost.pp.ua/drupal/15[/quote]

Классный сайт, спасибо!!!!!!!

Ritka 24 августа 2015 в 19:10

bumble wrote:
"Ritka" wrote:
может кто то даст готовую ссылку )))

http://blogpost.pp.ua/drupal/15[/quote]

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

Ritka 24 августа 2015 в 14:38

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

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 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 25 августа 2015 в 15:01

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

Nikit 26 августа 2015 в 3:11

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

Ritka 26 августа 2015 в 17:50

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

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

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 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 28 августа 2015 в 10:04

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

Drupal Drupal на русском

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

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

Комментарии