Как настроить внешний вид текста

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

В статье мы рассмотрим возможности по настройке внешнего вида текста.

Общие настройки текста на сайте

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

Перейдите в конструктор сайта и нажмите на иконку карандаша в правом верхнем углу. Напротив секции Стиль текста (Text style) нажмите Настроить (Customize).

Читайте также: Рекомендации по созданию дизайна сайта да Как настроить стиль страницы: Стили текста.

Можно также добавлять кастомные шрифты.

Настройка текстового элемента

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

При копировании текста из другого источника он может содержать предыдущее форматирование. Рекомендуем использовать Вставка текста (Paste text) на панели инструментов или комбинацию клавиш Ctrl + Shift + V, а затем настроить визуальные эффекты.

Цвет текста и фона

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

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

Чтобы выбрать цвет текста, выделите курсором нужный текст и в панели инструментов нажмите стрелку вниз у иконки с буквой. В выпадающем списке первая строка содержит цвета из настроек стиля сайта. Ниже для выбора доступны стандартные цвета.

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

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

Градиент

Для текста можно настроить градиент — плавный переход из одного цвета в другой для создания динамики в дизайне сайта.

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

Настройте угол наклона градиента (deg°), где 0° сверху вниз, 90° — слева направо.

Анимация текста

Вы можете настроить дополнительную анимацию появления текста при прокрутке страницы, чтобы добавить динамику и подчеркнуть определенную информацию.

Нажмите Настройки (Settings) на панели инструментов и перейдите в правую панель настройки элемента. Активируйте опцию Анимация (Animation) та выберите условия.

Чтобы внесенные изменения отображались на сайте, нажмите Опубликовать (Publish).

Обновлено: 31.01.2025