Изменение цветовой схемы шаблона: меняем шаблон под логотип компании

Для реализации данной инструкции на собственном сайте необходимо
приобрести премиум-пакет «Про».

Редактирование и создание собственной индивидуальной цветовой схемы сайта.

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

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

Шаг 1. Определяем нужный цвет для элементов сайта

Например. Мы имеем сайт, выполненный в темно-бирюзовых тонах.

И разработанный позднее логотип:

Применив его на сайте мы теряем целостность и “рушим” дизайн дополнительным цветом. Согласитесь, логотип на сайте выглядит чужеродно.

Как лучше поступить? Изменим цветовую схему сайта, изменив бирюзовые тона на синие.

Шаг 2. Узнаем HEX значение цвета логотипа

Существует масса способов узнать так называемый “код цвета” на экране. На мой взгляд, оптимально использовать для этой задачи расширение для google chrome Eye Dropper или подобные. После его установки в левом верхнем углу браузера появится иконка с изображением пипетки.

Устанавливаем расширение. Заходим в админ-панель нашего сайта, нажимаем на пипетку, в появившемся окне кнопку “Pick color from web page” и щелкаем курсором на цвет, значение которого мы хотим узнать. В нашем случае это цвет логотипа.

Расширение сохранит HEX значение цвета в истории, которое мы можем посмотреть при повторном нажатии на иконку пипетки.

Нам интересна первая запись #138bc9 — Это и есть HEX значение синего цвета на логотипе. Записываем его себе.

Шаг 3. Меняем цветовую схему сайта

Для изменения цветовой схемы сайта в админ-панели нужно выбрать иконку валика и нажать в появившейся панели “Создать свою схему”

При этом дублируется используемая цветовая схема. Появится блок с подзаголовком “Мои схемы”

Наводим курсор на созданную схему и жмем на появившуюся иконку карандаша с подписью “Редактировать”

Теперь мы попадаем непосредственно в редактор цветовой схемы сайта.

Так как в нашем случае необходимо изменить цвет всех элементов бирюзового цвета на синий, нужно заменить значения бирюзового на новый (138bc9).

Повторяем эти-же действия с остальными блоками, где заметим бирюзовый цвет.

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

Наши исполнители могут сделать это за вас!
Всего 3 500 рублей за 10 дней.