Автонастройка мобильного отображения сайта на основе компьютерной версии
Сейчас мобильный редактор позволяет редактировать определенные аспекты вашего сайта отдельно для меньших экранов. Но иногда возникает необходимость вернуться к настройкам по умолчанию — и в таких случаях вы можете воспользоваться функцией Автонастройки, которая сможет вернуть некоторые параметры в настройках в соответствии с их значениями в общем редакторе, и вернет связь между этими настройками между различными версиями вашего сайта. Вы сможете, редактируя параметр на компьютерной (десктопной) версии сайта, автоматически влиять на этот же параметр на мобильной версии. Другими словами, с помощью кнопки “Автонастройка”, вы сможете восстановить автоматическую адаптацию некоторых настроек для смартфонов на основе компьютерной версии сайта.
Это необходимо в случаях, когда вы вручную указали определённые настройки для смартфона, но потом решили, что вам будет удобнее редактировать эти настройки только на компьютерной версии сайта, и чтобы для мобильной версии сайта всё адаптировалось автоматически.
Рассмотрим подробнее, для каких настроек присутствует эта возможность.
Чтобы синхронизировать отступы мобильной и компьютерной версии сайта, вам достаточно открыть настройки блока в мобильном редакторе, и нажать на кнопку Автонастройка:
Примечание: обратите внимание, что при автоматической адаптации отступов параметры для мобильной версии всегда будут немного меньше, чем на полноэкранной версии сайта. Например, если вы в настройках блока компьютерной версии установите отступ 100px, то на мобильном они будут 90рх, если 150px — то, соответственно, 100рх, 200px — 110рх и т.д.
Подсказка: если вы не видите кнопку Автонастройка, то это означает, что параметры уже синхронизированы. Кнопка "Автонастройка" появляется, если изменить отступы отдельно для мобильной версии сайта.
Для настроек фигурных разделителей, в настройках блока вам нужно перейти в соответствующий раздел:
Примечание: по умолчанию при использовании Автонастройки, высота фигурного разграничителя всегда будет в два раза меньше на мобильных устройствах.
При настройке размера шрифтов для разных устройств в настройках типографии вы также можете воспользоваться Автонастройкой, чтобы размер шрифта на мобильной версии высчитывался от его размера на компьютере:
После внесения изменений, не забудьте опубликовать сайт, чтобы они отобразились на нём.
Это необходимо в случаях, когда вы вручную указали определённые настройки для смартфона, но потом решили, что вам будет удобнее редактировать эти настройки только на компьютерной версии сайта, и чтобы для мобильной версии сайта всё адаптировалось автоматически.
Рассмотрим подробнее, для каких настроек присутствует эта возможность.
Внутренние отступы (paddings)
Чтобы синхронизировать отступы мобильной и компьютерной версии сайта, вам достаточно открыть настройки блока в мобильном редакторе, и нажать на кнопку Автонастройка:
Примечание: обратите внимание, что при автоматической адаптации отступов параметры для мобильной версии всегда будут немного меньше, чем на полноэкранной версии сайта. Например, если вы в настройках блока компьютерной версии установите отступ 100px, то на мобильном они будут 90рх, если 150px — то, соответственно, 100рх, 200px — 110рх и т.д.
Подсказка: если вы не видите кнопку Автонастройка, то это означает, что параметры уже синхронизированы. Кнопка "Автонастройка" появляется, если изменить отступы отдельно для мобильной версии сайта.
Фигурные разделители
Для настроек фигурных разделителей, в настройках блока вам нужно перейти в соответствующий раздел:
Примечание: по умолчанию при использовании Автонастройки, высота фигурного разграничителя всегда будет в два раза меньше на мобильных устройствах.
Размер шрифта
При настройке размера шрифтов для разных устройств в настройках типографии вы также можете воспользоваться Автонастройкой, чтобы размер шрифта на мобильной версии высчитывался от его размера на компьютере:
После внесения изменений, не забудьте опубликовать сайт, чтобы они отобразились на нём.
Обновлено на: 05/12/2023
Спасибо!