[contact-form-7 id="24085" title="Feedback RU"]

Landing Page. Как изменить цветовую схему

Из этого туториала Вы узнаете, как изменить цветовую схему в шаблоне Landing Page.

Landing Page. Как изменить цветовую схему

Некоторые шаблоны Landing Page оснащены встроенным инструментом настройки (customization tool). Этот инструмент позволяет Вам просмотреть (preview) цветовые схемы, доступные в вашем шаблоне. Обратите внимание, что этот инструмент доступен только на странице Демо шаблона:

Landing_Page_How_to_change_color_scheme_1

Откройте страницу просмотра Демо шаблона и узнайте, входит ли этот инструмент в ваш шаблон:

Landing_Page_How_to_change_color_scheme_2

Такие шаблоны оснащены 5 файлами стилей цветовой схемы (5 color scheme style files )(colorScheme-1.css colorScheme-5.css). Поэтому, для изменения цветовой схемы вашего сайта, вам достаточно сослаться на нужный файл в вашем файле .html.

Для того чтобы изменить цветовую схему:

  1. Откройте папку /site/css/ вашего шаблона. Вы увидите 5 файлов стилей цветовой схемы (5 color schemes style files) (colorScheme-1.css — colorScheme-5.css). Выберите любой из файлов цветовой схемы на ваше усмотрение. Вы можете предварительно просмотреть (preview) цветовые схемы на странице Демо шаблона:

    Landing_Page_How_to_change_color_scheme_4

  2. Откройте файл index.html (или любой файл.html, с которым Вы работаете) в любом редакторе php/текста (рекомендованными программами являются Adobe Dreamweaver, NotePad++).

  3. Добавьте ссылку на файл стиля цветовой схемы в элемент < link>. Элемент <link> element должен быть добавлен в секцию <head>. Например:

    <link rel="stylesheet" href="css/colorScheme-4.css">

    Landing_Page_How_to_change_color_scheme_3

  4. Сохраните (Save) файл. Обновите ваш сайт для просмотра изменений. Цветовая схема будет успешно изменена:

    Landing_Page_How_to_change_color_scheme_5

Для редактирования существующих цветовых схем:

  1. Перейдите в папку /site/css/ вашего шаблона.

  2. Редактируйте файл colorScheme-X.css (где X — это номер цветовой схемы) по вашему усмотрению, используя любой редактор php/text. Мы рекомендуем Вам использовать плагин FireBug (для браузера FireFox), для того чтобы исследовать исходный код сайта и редактировать файлы CSS:

    Landing_Page_How_to_change_color_scheme_6

  3. Сохраните (Save) файл. Обновите (Refresh) ваш сайт для просмотра внесённых изменений.

Вы можете также ознакомиться с детальным видео-туториалом ниже:

Landing Page. Как изменить цветовую схему