С помощью данного инструмента вы сможете перекрасить элементы на своем сайте.
Рассмотрим, как это сделать.
Шаг 1
Раскройте меню "Настройки" и перейдите к разделу "Цветовые схемы".
Шаг 2
Откроется интерфейс редактирования цветовых схем. Вы можете выбрать одну из существующих схем (если таковые имеются в списке) и отредактировать цвета в ней.
Обратите внимание!
- Кнопки помеченные иконкой с замком являются системными и недоступны для редактирования, но вы можете скопировать любую из системных схем и перейти к редактированию ее копии. Для этого просто выберите нужную схему и нажмите "Копировать".
- Копия схемы отобразится последней в списке схем.
Шаг 3
Если же вы желаете создать абсолютно новую схему, нажмите на "+" в конце списка схем.
В список схем добавится новая, "чистая" схема. Для удобства ей будет присвоен порядковый номер.
Обратите внимание!
- Можно создать не более 9 цветовых схем.
Шаг 4
Перейдите в "Режим редактирования".
Обратите внимание!
- Для перемещения по сайту вам необходимо вернуться в режим взаимодействия. В данном режиме вы сможете переходить по страницам, менять их цвета. Таким образом, вы можете отредактировать цвета в режиме редактирования на одной странице, перейти в режим взаимодействия, открыть другую страницу и, вернувшись к режиму редактирования, внести изменения уже на ней. Однако, стоит понимать, что некоторые элементы общие для всех страниц, и изменение цвета объекта на одной странице повлечет изменение на всех.
- Также для переключения режима вы можете использовать комбинацию клавиш "SHIFT + A". Это может пригодиться вам, например, когда необходимо перекрасить какой-либо элемент выпадающего списка. В подобных случаях сперва перейдите в "Режим взаимодействия", затем раскройте нужные элементы списка, после с помощью комбинации "SHIFT + A" переключитесь в "Режим редактирования" и внесите необходимые изменения в цвета элементов списка.
- Для изменения размера экрана (например, чтобы посмотреть, как будут выглядеть страницы на мобильных устройствах), вы воспользоваться настройкой масштабирования.
Шаг 5
Теперь выберите в правой части экрана какой-либо элемент интерфейса (вы можете выбрать любой блок на странице, например, шапку сайта или какую-либо кнопку).
Шаг 6
После того как элемент выбран, в левой части экрана отобразится список доступных настроек цветов, тут вы сможете изменить цвет текста, цвет самого элемента, цвет фона и т.д.
Обратите внимание!
- В списке параметров слева выводятся не только настройки выбранного элемента, но и настройки некоторых общих элементов (например, body).
Шаг 7
Отредактируйте цвета и пр. параметры выбранного элемента - все изменения будут отображаться в правой части экрана. Подобным образом отредактируйте все необходимые элементы на странице/сайте.
Шаг 9
После того как схема будет готова, нажмите "Сохранить".
Обратите внимание!
- Чтобы сбросить все изменения в схеме, нажмите на кнопку отмены. Все внесенные вами до последнего сохранения изменения будут сброшены.
- Запомните порядковый номер схемы, которую вы хотите применить к сайту.
Шаг 10
Теперь вернитесь в систему управления и в меню "Настройки" выберите пункт "Настройки сайта".
Шаг 11
В самом низу раздела настроек из списка "Цветовые схемы" выберите номер нужной вам схемы и нажмите "Сохранить изменения".
Схема оформления будет применена на сайте.
Обратите внимание!
- Невозможно с помощью данного функционала отредактировать цвета страницы вида "Лендинг". Чтобы изменить цвета "Лендинга", вам необходимо из системы управления перейти к редактору посадочной страницы и выбрать в блоке "Цветовая палитра" нужную схему оформления.
- Если вы хотите изменить фон страницы, нажмите на него в правой части экрана, а затем перейдите к редактированию фона в блоке "body" слева. Если фоном является картинка - вы сможете заменить ее, нажав на соответствующее поле в блоке. Если фон - это просто цвет, вы сможете изменить его в палитре "Цвет фона".
Удаление темы
При необходимости вы можете удалить любую тему (кроме системных). Для этого просто выберите ее в списке тем и нажмите на кнопку "Удалить".
При этом нумерация будет смещаться, то есть, если были схемы 1, 2, 3, 4, 5, 6 и схема 4 удалена, то схема 5 будет переименована в 4, схема 6 в 5.
