Есть ли способ использовать отзывчивые принципы проектирования с помощью Сайтов Google. Кто-нибудь пробовал это. Не могли бы вы направить меня на образец сайта. Я просмотрел эту тему справки Google, но тогда это предположительно об исключительно мобильных сайтах.
Мое основное внимание уделяется обычным веб-сайтам, который оптимизирован для Интернета, а не в основном для мобильного сайта.
В качестве альтернативы, Blogger будет лучшим вариантом в этом случае, поскольку это позволяет изменять CSS.
Я думаю, что ваше отрицательное впечатление верно. Он не реализует функции, которые вы ожидаете от адаптивного дизайна.
Ключ к вашему вопросу заключается в том, что Сайты Google не используют объявление видового экрана (мета-видовое окно в элементе head). Если у вас этого нет, браузеры устройств рассматривают вас как устаревший веб-сайт, предназначенный только для рабочего стола. Они предполагают, что вы полностью сломаетесь ниже ~ 830px и соответственно установите минимальную ширину страницы. Это не похоже на отзывчивый дизайн для меня.
Сайты Google не позволяют писать собственный CSS или HTML HEAD, поэтому вы не можете реализовать более отзывчивый дизайн самостоятельно.
Чтобы быть справедливым, вы можете не устанавливать фиксированную ширину страницы. Кроме того, кнопки навигации будут переходить на относительно узкие окна, если вы используете функцию "горизонтальной навигации". Последний не является отличным дизайном, но, по крайней мере, он грамотно деградирует.
В разделе "Управление сайтом → Общие" есть опция "Автоматическая настройка сайта на мобильные телефоны". Однако многие считают, что лучше не использовать его:). Я попытался включить его на
Mobile yes, отзывчивый номер
Я сегодня возился с сайтами Google, и вы можете сделать сайт мобильным (я должен был приехать сюда, чтобы начать!). Я просто использовал "Пустой шаблон", чтобы обходиться с.
Вам нужно активировать (как и другие, упомянутые выше):
Опции (значок шестеренки) > Управление сайтом > (прокрутите вниз до Мобайл). Проверьте.. Автоматическая настройка для мобильных телефонов. Да, пусть похоронить этот вариант вниз внизу!
Учитывая весь мобильный "push" Google, реализованный в spring 2015 года, он должен быть включен по умолчанию для любого вновь созданного сайта Google.
Просто выберите этот параметр, сделав OK (основной) мобильный сайт. Не отзывчивый сайт. Таким образом, на моем iPhone он правильно масштабирует фотографии, чтобы соответствовать устройству, и переключает основное горизонтальное меню на значок/меню гамбургера. Но свертывание окна браузера рабочего стола не дает ответных результатов. https://sites.google.com/site/rwstws51/
В качестве теста я загрузил слишком большую фотографию (2.5 МБ), чтобы узнать, что произойдет. Запустив сайт через Google PageSpeed Insights, он не отобразил предупреждение "оптимизировать фотографии", поэтому, похоже, он поддерживает оптимизированную фотографию для телефонов и настольных компьютеров.
Я думаю, что основная тема на самом деле называется "Лыжи". Я опробовал тему "Legal Pad", и она была полностью увязана с мобильным телефоном. Я думаю, из-за фоновых изображений заголовка и области содержимого.
Мне нравятся сайты Google, если вы уже входите в другие продукты Google... диски, документы, Google+, webmastertools, аналитику и т.д. Поскольку у него есть ссылки для добавления этих типов элементов при редактировании. Или нужен быстрый сайт для совместной работы, так как вы можете легко установить доступ к сайту, например YouTube, элементы диска.
Кроме того, вы очень ограничены тем, какой html вы можете добавить. Попытка добавить тэг script удаляется при попытке сохранить. Так что снова в зависимости от использования есть определенные варианты.
Ответ на старые "классические" сайты Google - НЕТ.
Если вы создаете свои собственные пользовательские HTML-формы с помощью скрипта apps, вы можете добавить видовые окна @media и т.д. В css для этих страниц/форм, что помогает... но рамка сайта Google вокруг переопределяет пользовательский css, пытающийся адаптивный дизайн на странице уровень.
теперь можно создать интерактивный сайт Google. поскольку Google активировал эту функцию "Автоматическая настройка сайта на мобильные телефоны" в опции "Управление сайтом".
чтобы найти опцию - перейдите в раздел > Управление сайтом > Общие > , в нижней части страницы общих настроек вы увидите радиокнопку под названием "Автоматическая настройка сайта на мобильные телефоны". Просто пометьте переключатель и у вас улучшена функция.
Обратитесь к примеру сайта с отзывчивым сайтом Google www.jyotiprokashmusic.com