1. Причины изменений

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

Что должно заставить вас сломать текущее положение дел и перетряхнуть редактор? Грядущие перемены, которые невозможно вписать в старый редактор. Рассмотрим причины изменений.

Нет места для нового функционала

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

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

Внешний вид редактора

Редактирование блока, управление блоком, редактирование секции и управление секцией имели разный внешний вид и логику работы. Это отпугивало новичков и для 2019 года выглядело, мягко говоря, неопрятно.

Старая серая панель была далеко от контента

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

Об этих проблемах мы давно знали, но не решались что-то сделать с этим, так как внешний вид редактора практически не менялся с момента появления сервиса. Это был бы стресс для пользователей.

Один из членов команды «Мотора» начал собирать сайт и сказал: «Слушайте, так уже нельзя, тут есть конкретные проблемы, редактор пора переделывать». Посоветовались командой и решили — делаем большое обновление.

2. Тулбар

Большинство настроек у редактируемого объекта теперь появляются в тулбаре — всплывающем окне настроек рядом с объектом.

2.1 Тулбар основных блоков

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

Менее популярные функции вынесены в боковую панель — она открывается нажатием на значок шестерёнки.

2.2 Тулбар блоков-контейнеров

Колонки, группы и слайдеры являются контейнерами, в которые складываются блоки. Тулбар таких блоков открывается при нажатии на круглую иконку со стрелкой. Здесь есть кнопка «Показать вложенность» — это помогает быстрее добраться до блоков, вложенных в контейнер.

4. Боковая панель

Вы уже знакомы с боковой панелью по «Свободной секции» — здесь располагается список блоков. Сейчас сюда переехали редко используемые настройки блоков и все настройки секций, а список блоков всё так же доступен во вкладке «Слои».

Если вам нужно отредактировать блок — все базовые настройки будут в тулбаре, и часть редких — в боковой панели. Если вы редактируете настройки секции — все настройки будут в боковой панели.

Вызвать боковую панель можно клавишей Tab или двойным кликом по свободному месту на секции. Скрывается панель так же.

Да, боковая панель стала занимать место на экране — кому-то это может помешать или заслонить нужный объект. Поэтому панель можно открепить — нажмите на значок окон и свободно перемещайте панель по экрану, если она заслоняет нужный объект или область страницы. Также можно изменить размер «оторванной панели» — просто потяните за нижний край и отрегулируйте окно по высоте, чтобы оно занимало меньше места.

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

5. Управление секциями

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

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

Не торопитесь с отключением нового редактора и поработайте с ним несколько дней. Вы быстро к нему привыкнете — проверяли на себе :)

А если всё-таки решите вернуть старый — пожалуйста, напишите нам в чат поддержки почему вы так решили. Нам очень важно узнать что вас не устроило в новом редакторе, чтобы сделать его удобнее, проще и функциональнее.

Всё, что мы делаем — это для вас.

С заботой,
mottor ❤️