Responsive design и мастер-страницы в WYSIWYG WW 14

Сообщение **Makov** » 31 авг 2018, 14:50

Добрый день!
Имеется WYSIWYG WW 14-й версии.
Нужно сделать несложный сайт, используя responsive desing (сетка). В целом принцип я понял.
Но появился вопрос: как сочетать мастер-страницу и остальные страницы сайта, используя этот тип дизайна?
Например, не хочется каждый раз копировать меню с главной на все остальные страницы, равно как и фон сделать везде одинаковым, низ страниц тоже одинаковый.
Или же при таком типе дизайна мастер-страницу использовать нельзя?

И второй вопрос: как настраивается "превращение" полной панели меню (с кнопками) в раскрывающееся меню-пиктограмму с "тремя чёрточками" при уменьшении размера окна? Можно ли изменять эту самую пиктограмму, выбрав другой значок?

Сообщение **sinpai** » 31 авг 2018, 19:28

Все можно, на мастере и на станицах делайте одинаковые настройки по фонам, цветам, точкам останова и т.д. В общем чтобы не резало глаз и не было разбаланса.
Меню, соответственно, настраивайте на мастере. Начиная с определенных точек останова скрывайте полное меню и открывайте мобильное. И наоборот на остальных точках.
Что касается пиктограммы, в каких-то типах меню можно менять в настройках, а каких-то вручную в папках, куда менюшка скидывает изображение пиктограммы.

Сообщение **Makov** » 03 сен 2018, 11:46

sinpai, Большое спасибо за совет, буду пробовать!
И ещё появился вопросик. Наверное новую тему для него создавать не надо, поэтому спрошу здесь:
Добавил Layout grid, залил фоном, вставил текст. На компе всё отображается, всё видно. Но на смартфоне этого элемента вообще нет, как будто он пропал...
Вообще как-то странно ведут себя иногда элементы, вставленные в сетку, при просмотре на смартфонах. То исчезают, то гигантского размера (хотя в настройках стоит максимальный размер).

Сообщение **spoon** » 03 сен 2018, 12:04

Makov писал(а): Но на смартфоне этого элемента вообще нет, как будто он пропал...

Проверьте галку этого элемента на точках, скорее всего у вас стоит Скрывать объекты на точках останова

Отправлено спустя 1 минуту 26 секунд:

Makov писал(а):Вообще как-то странно ведут себя иногда элементы, вставленные в сетку

Нормально себя ведут) надо точки прописывать не только на странице но и в мастере, плюс внимательно смотреть настройки, да и вообще быть внимательным :hi_hi_hi:

Сообщение **Makov** » 03 сен 2018, 12:17

spoon писал(а): Нормально себя ведут) надо точки прописывать не только на странице но и в мастере, плюс внимательно смотреть настройки, да и вообще быть внимательным

Это точно, внимательность всегда важна.

spoon писал(а): Проверьте галку этого элемента на точках, скорее всего у вас стоит Скрывать объекты на точках останова

Спасибо, проверю. Это в свойствах сетки надо смотреть, правильно?

Сообщение **spoon** » 03 сен 2018, 12:23

В менеджере объектов смотри галку свою и проверяй на точках, стоит она на этом объекте или нет. Проверь настройки программы, скорее всего там стоит Скрывать новые объекты на точках останова

Сообщение **Makov** » 03 сен 2018, 12:33

spoon писал(а): проверяй на точках, стоит она на этом объекте или нет

Так у меня точек то нет в проекте.
Я делаю с использованием сетки. Если я правильно понимаю, то есть два пути адаптивного дизайна: через "резиновую" сетку (responsive) или путём создания нескольких версий страниц через точки останова.

Сообщение **spoon** » 03 сен 2018, 12:55

было бы так все, Pablo разбоготел бы уже

Сообщение **Makov** » 03 сен 2018, 13:56

spoon писал(а):было бы так все, Pablo разбоготел бы уже

Не понял Вашу мысль...
Зачем мне точки останова, если у меня "резиновая" вёрстка? У меня размеры все плавно уменьшаются, а не ступенчато, как в случае с точками останова.
Что-то я в шаблонах, которые сверстаны на основе резиновой сетки, точек останова не заметил. И всё нормально работает...
Или я что-то не понимаю?

Makov, Резиновый сайт и сайт адаптированый под разные устройства это разные вещи. Хотя ведут себя в конечном результате почти одинаково. Вот в этом почти и кроется разница. На точках останова ты можешь под мобильную версию убрать не нужные объекты, изменить их расположение, убрать или добавить чего то еще. При это на основном размере будет все по прежнему без изменений. А резиновый сайт это когда у тебя все что есть подстраивается под необходимый размер устройства. При этом если ты чего то изменишь то измениться везде.

Теперь насчет картинки, по размеру. Если хочешь, чтобы размер картинки фона вписывался под размер экрана устройства, то в свойствах сетки ставишь в/стилях/фон/image: не повторять, горизонт-центр, вертик-центр, размер-contain.
Теперь на счет картинка пропадает, все файлы которые ты заливаешь в проект должны иметь англ.буквы и желательно без пробелов. Пока телепатически понял так :ti_pa:

скинь проект народ сможет понять в чем проблема точнее, а не угадывать :ne_ne_ne:

А так будут ответы соответствующие вопросам и они будут правы или вовсе не ответят, так как под устали быть экстрасенсами и уйдут дружно все на ТНТ ;;-)))

У spoon, вон уже глаз дергается :hi_hi_hi:

Отправлено спустя 9 минут 22 секунды:
Makov, На счет меню и мастер страниц есть на форуме куча инфы, Вы не первый кто спрашивает. Еще можно глянуть в ютубе есть видео уроки от испанца Хернан Пера, ваще унего как для новичков в Webbuildere много полезного есть. Так что дерзайте :bra_vo:

Сообщение **spoon** » 04 сен 2018, 12:30

Сообщение **Makov** » 04 сен 2018, 23:37

visainfinite Большое спасибо за разъяснения.

visainfinite писал(а): На точках останова ты можешь под мобильную версию убрать не нужные объекты, изменить их расположение, убрать или добавить чего то еще. При это на основном размере будет все по прежнему без изменений.

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

visainfinite писал(а):А резиновый сайт это когда у тебя все что есть подстраивается под необходимый размер устройства. При этом если ты чего то изменишь то измениться везде.

Да, это я тоже знаю. Вот именно это мне и нужно.

visainfinite писал(а): скинь проект

Пока не могу, он конфиденциальный.

Отправлено спустя 2 минуты 7 секунд:

visainfinite писал(а):Теперь насчет картинки, по размеру. Если хочешь, чтобы размер картинки фона вписывался под размер экрана устройства, то в свойствах сетки ставишь в/стилях/фон/image: не повторять, горизонт-центр, вертик-центр, размер-contain.

Это не картинка фона. Фон блоков сетки у меня - просто заливка цветом. А картинки я вставляю в сетку как элемент.
А вопрос был в том, что есть сетка в одну колонку, она залита цветом, в неё вставлен текст. На компе в браузере (в том числе и при уменьшение размеров окна) всё видно - и фон, и текст на нём. А в смартфоне - нет, просто пустое место. Меню выше - есть, элементы ниже - тоже есть. А этого куска нет.

Сообщение **sinpai** » 05 сен 2018, 11:18

Если вы хотите, чтобы вам помогли, давайте проект или ссылку на сайт.
И в чем конфиденциальность то у вашего сайта? Он рассказывает о личной жизни королевы Англии? Так и это не секрет.
Тем более, если вы сайт просматриваете на смартфоне - то он уже в сети и увидеть его может каждый.

Сообщение **spoon** » 05 сен 2018, 11:21

Makov писал(а): Это то я понял.

Makov писал(а):Да, это я тоже знаю.

Думаю Makov, вообще не нуждается в помощи, а вдруг он делает сайт для фсб :sh_ok:

ну его нафиг эту информацию, потом крайним сделают :-)

Отправлено спустя 1 минуту 30 секунд:
spoon, Расмешил :hi_hi_hi:

Сообщение **spoon** » 05 сен 2018, 11:29

Сообщение **Makov** » 05 сен 2018, 17:26

visainfinite, spoon, sinpai, Спасибо за хорошее чувство юмора. Но всё же, пока не могу поделиться всеми материалами. А ссылочка есть, разумеется, это совершенно верно заметили:

Скрытый текст

Для просмотра скрытого текста необходимо быть авторизованным пользователем.

Посмотрите пожалуйста, интересует прежде всего главная страница. Вот этот зелёный фон и белый текст на нём не отображаются на смартфоне. И значки, которые ниже, в зависимости от типа мобильного браузера, "прыгают" в размерах - в Chrome вроде всё хорошо, а например в Яндекс Браузере - они гигантские.

spoon писал(а):а вдруг он делает сайт для фсб

Нее, ФСБ тут точно не причём, им сайт не нужен ;;-)))

Makov, у меня все открывается норм и на компе и на смартфоне-андроид и на айпаде :-ok-:

Сообщение **sinpai** » 05 сен 2018, 19:05

Подтверждаю, полет нормальный!
О великий и могучий кэш!

Сообщение **Makov** » 05 сен 2018, 19:59

visainfinite, sinpai, Спасибо.
Значит всё-таки кэш...я читал про эту проблему, и на форуме тут вопрос кэша тоже обсуждался.
Как избавиться от этого глюка? Если это конечно возможно...

Кто сейчас на конференции

Добро пожаловать на форум!