Цветовые схемы

С помощью данного инструмента вы сможете перекрасить элементы на своем сайте.

Рассмотрим, как это сделать.

Шаг 1

Раскройте меню "Настройки" и перейдите к разделу "Цветовые схемы".

444151041_8117_5f0eb5b6e2ea9.png

Шаг 2

Откроется интерфейс редактирования цветовых схем. Вы можете выбрать одну из существующих схем (если таковые имеются в списке) и отредактировать цвета в ней.

phpyDK0tz

Обратите внимание!

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

phpjKiv4t

  • Копия схемы отобразится последней в списке схем.

phptLo89y

Шаг 3

Если же вы желаете создать абсолютно новую схему, нажмите на "+" в конце списка схем.

phpRViLny

В список схем добавится новая, "чистая" схема. Для удобства ей будет присвоен порядковый номер.

phpTro5WO

Обратите внимание!

  • Можно создать не более 9 цветовых схем.

Шаг 4

Перейдите в "Режим редактирования".

phpQpoLCB

Обратите внимание!

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

phpuBUrxm

  • Также для переключения режима вы можете использовать комбинацию клавиш "SHIFT + A". Это может пригодиться вам, например, когда необходимо перекрасить какой-либо элемент выпадающего списка. В подобных случаях сперва перейдите в "Режим взаимодействия", затем раскройте нужные элементы списка, после с помощью комбинации "SHIFT + A" переключитесь в "Режим редактирования" и внесите необходимые изменения в цвета элементов списка.
  • Для изменения размера экрана (например, чтобы посмотреть, как будут выглядеть страницы на мобильных устройствах), вы воспользоваться настройкой масштабирования.

444151041_7077_5ced1461ea3ce.png

Шаг 5

Теперь выберите в правой части экрана какой-либо элемент интерфейса (вы можете выбрать любой блок на странице, например, шапку сайта или какую-либо кнопку).

phpyJfuEs

Шаг 6

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

phprXkwyc

Обратите внимание!

  • В списке параметров слева выводятся не только настройки выбранного элемента, но и настройки некоторых общих элементов (например, body).

phprR06R6

Шаг 7

Отредактируйте цвета и пр. параметры выбранного элемента - все изменения будут отображаться в правой части экрана. Подобным образом отредактируйте все необходимые элементы на странице/сайте.

phpvi6vXM

Шаг 9

После того как схема будет готова, нажмите "Сохранить".

phpemJRgy

Обратите внимание!

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

phpmm978f

  • Запомните порядковый номер схемы, которую вы хотите применить к сайту.

Шаг 10

Теперь вернитесь в систему управления и в меню "Настройки" выберите пункт "Настройки сайта".

444151041_8118_5f0eb5f6003eb.png

Шаг 11

В самом низу раздела настроек из списка "Цветовые схемы" выберите номер нужной вам схемы и нажмите "Сохранить изменения".

phpLsfrgy

Схема оформления будет применена на сайте.

Обратите внимание!

  • Невозможно с помощью данного функционала отредактировать цвета страницы вида "Лендинг". Чтобы изменить цвета "Лендинга", вам необходимо из системы управления перейти к редактору посадочной страницы и выбрать в блоке "Цветовая палитра" нужную схему оформления.

phpn59kXE

  • Если вы хотите изменить фон страницы, нажмите на него в правой части экрана, а затем перейдите к редактированию фона в блоке "body" слева. Если фоном является картинка - вы сможете заменить ее, нажав на соответствующее поле в блоке. Если фон - это просто цвет, вы сможете изменить его в палитре "Цвет фона".

phpqwTR1t

Удаление темы

При необходимости вы можете удалить любую тему (кроме системных). Для этого просто выберите ее в списке тем и нажмите на кнопку "Удалить". 

При этом нумерация будет смещаться, то есть, если были схемы 1, 2, 3, 4, 5, 6 и схема 4 удалена, то схема 5 будет переименована в 4, схема 6 в 5. 

phpfydrok

Была ли статья вам полезна?
Укажите, пожалуйста, почему?
Комментарий