Изменение дизайна окна для ввода пароля
4 мин. чтения
Настройте окно, которое посетители увидят при регистрации или входе в систему. Это также относится к любой защищенной паролем странице на сайте.
Эта страница уже разработана для вас на основе цветов и шрифтов вашего сайта, чтобы поддерживать единообразный вид. В менеджере стилей вы можете управлять этими настройками и менять дизайн.
Узнайте, как изменить:
Используете собственную форму регистрации / входа?
Эта статья относится к формам по умолчанию. Нажмите ниже, чтобы узнать, как настроить:
Изменение шрифта заголовка
Шрифт для текста заголовка в окне ввода пароля взят из стиля текста Заголовок 2. Если вы хотите изменить шрифт, вам нужно настроить и сохранить эту тему из менеджера стилей.
Чтобы изменить Заголовок 2 в менеджере стилей:
- Нажмите на значок Менеджера стилей
в левой части редактора. - Нажмите Текст.
- Наведите курсор на Заголовок 2 и нажмите на значок редактирования
. - Настройте стиль, используя доступные параметры. Вы можете изменить шрифт, цвет и размер, а также выделить текст жирным и курсивом.
- Нажмите Применить, чтобы сохранить изменения.
Важно:
Это также изменит любой другой текст с Заголовком 2 на вашем сайте.
Изменение шрифта текстовых элементов
Шрифт для всех текстовых элементов, отображаемых на странице, взят из стиля текста Абзаца 2. Если вы хотите изменить шрифт, вам нужно настроить и сохранить этот текстовый стиль в менеджере стилей.
Чтобы изменить Абзац 2 в менеджере стилей:
- Нажмите на значок Менеджера стилей в левой части редактора.
- Нажмите Текст.
- Наведите курсор на Абзац 2 и нажмите на значок редактирования .
- Настройте стиль, используя доступные параметры. Вы можете изменить шрифт, цвет и размер, а также выделить текст жирным и курсивом.
- Нажмите Применить, чтобы сохранить изменения.
Важно:
Это также изменит любой другой текст в стиле Абзаца 2 на вашем сайте.
Изменение цвета текста
Выберите другой цвет для заголовка и текста страницы, настроив самый темный оттенок Цвета 1 в менеджере стилей. Этот оттенок автоматически используется на сайте для различных текстовых элементов.
Чтобы изменить Цвет 1 в менеджере стилей:
- Нажмите на значок Менеджера стилей в левой части редактора.
- Нажмите Цвета.
- Выберите самый темный оттенок в разделе Цвет 1.
- Нажмите палитру цветов рядом с полем Превью цвета, чтобы изменить цвет.
- (Необязательно) Используйте ползунки, чтобы изменить значения насыщенности и яркости.
- Нажмите Сохранить.
Важно:
Изменение оттенка согласно описанным выше шагам изменит все другие элементы с таким же оттенком.
Изменение цвета кнопок и ссылок
Выберите другой цвет для ссылок и кнопок, настроив средний оттенок Цвета 2 в менеджере стилей. Этот цвет автоматически используется на сайте для многих элементов, таких как кнопки, ссылки и пункты меню.
Чтобы изменить Цвет 2 в менеджере стилей:
- Нажмите на значок Менеджера стилей в левой части редактора.
- Нажмите Цвета.
- Нажмите на средний оттенок в разделе Цвет 2.
- Нажмите палитру цветов рядом с полем Превью цвета, чтобы изменить цвет.
- (Необязательно) Используйте ползунки, чтобы изменить значения насыщенности и яркости.
- Нажмите Сохранить.
Важно:
Изменение оттенка согласно описанным выше шагам изменит все другие элементы с таким же оттенком.
Изменение цвета фона
Чтобы изменить цвет фона страницы, выберите другой цвет для Цвет 1 в менеджере стилей. Этот цвет автоматически используется на всем сайте, в основном для фона страниц и элементов.
Чтобы изменить Цвет 1 в менеджере стилей:
- Нажмите на значок Менеджера стилей в левой части редактора.
- Нажмите Цвета.
- Нажмите значок Изменить цвет
рядом с Цвет 1. - Выберите новый цвет одним из следующих способов:
- Используйте курсор, чтобы найти и выбрать новый цвет.
- Введите точный цвет в значениях HEX, RGB или HSB.
- (Необязательно) Отрегулируйте оттенки на свой вкус.
- Нажмите на оттенок, который хотите настроить.
- Используйте ползунки для изменения значений насыщенности и яркости.
- Нажмите Сохранить.
Важно:
Изменение цвета 1 согласно описанным выше шагам изменит все остальные элементы этого цвета.
Совет:
Просмотрите опубликованный сайт, чтобы увидеть изменения в дизайне. Вы не увидите это окно в режиме предпросмотра.
Была ли статья полезна?
|