Использование адаптивных тем в Weebly

Весь мир движется в сторону мобильных и портативных устройств, таких как iPhone, iPad и т. Д., И для веб-мастеров, создающих сайт с помощью Weebly, важно понимать, что Weebly предлагает в этом контексте. В этой статье мы обсудим основы адаптивных сайтов и функции, которые вы получите, выбрав адаптивную тему.

Адаптивные и неадаптивные темы в Weebly

Термин адаптивный или гибкий макет указывает на гибкость сайта, позволяющую вписаться в ширину устройства, на котором он просматривается. Weebly предлагает два типа тем – адаптивные и неадаптивные, в зависимости от настроек, необходимых для мобильного сайта. К сожалению, мы не видим, чтобы Weebly упоминал, что конкретная тема является адаптивной или не отвечает, если вы не выберете и не протестируете ее самостоятельно.

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

Возможности, которые вы получите / пропустите с адаптивными темами

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

Мобильный редактор

Поскольку адаптивная тема не требует отдельных функций мобильного редактирования, вы не увидите вариант мобильного редактора в редакторе Weebly.

Мобильный вариант в адаптивных темах Weebly

Вариант мобильного сайта

Точно так же вы также не увидите возможность включить мобильный сайт в разделе «Настройки> Общие> Мобильный». Ниже приведен пример неадаптивной темы:

Вариант настроек Weebly Mobile

Вариант настроек Weebly Mobile

Функции в разделе заголовка

Одна из проблем с большинством отзывчивых тем Weebly заключается в том, что в разделе заголовка нет функций добавления значков социальных сетей, текста телефона и поля поиска на вкладке «Дизайн». Узнайте здесь, как вернуть эти функции в заголовок, но мы надеемся, что Weebly добавит эти функции единообразно для всех тем.

Добавление дополнительных функций

С адаптивными темами для мобильных устройств легко добавлять дополнительные функции, изменяя CSS / HTML. Например, если вы скроете свободный нижний колонтитул, он будет автоматически скрыт и на мобильных устройствах, тогда как в неотзывчивых темах этого сложно добиться, поскольку у вас не будет доступа к исходным файлам вашего мобильного сайта.

Макеты страниц

Большинство неотзывчивых тем не имеют дополнительных макетов страниц, таких как splash.html и title.html.

Особенности Weebly Non-Responsive Theme

Особенности невосприимчивой темы Weebly

Кнопки

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

Стили элементов

Такие элементы, как блочные цитаты, будут иметь современный вид в последних адаптивных темах, тогда как в старых темах они выглядят традиционными.

Поскольку Google принял решение включить удобство использования сайта для мобильных устройств в алгоритм мобильного поиска, мы не видим другого варианта для веб-мастеров, кроме создания сайта, удобного для мобильных устройств. Адаптивные темы не только обеспечивают единообразие взаимодействия с пользователем на всех устройствах, но также позволяют сэкономить деньги и усилия, затрачиваемые на создание отдельного мобильного сайта. Мы настоятельно рекомендуем веб-мастеру использовать эти старые неадаптивные темы, чтобы перейти к последним адаптивным темам.

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *