Цветовые схемы ^#2756

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

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

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

Откроется интерфейс редактирования цветовых схем.

• Список цветовых схем на большинстве сайтов будет пустым, соответственно, если вы не увидите в списке схем - просто перейдите к шагу 3 текущей инструкции и создайте свою собственную схему..
• Если же в списке присутствуют какие-либо дефолтные схемы (на некоторых сайтах они могут быть), вы можете выбрать одну из существующих схем и отредактировать цвета в ней.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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