Как настроить глобальные шрифты и цвета в Elementor Pro на WordPress

Структура раздела:

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

✫ Для начала рассмотрим настройку глобальных цветов в Elementor Pro. Глобальные цвета позволяют задать основные оттенки, которые будут использоваться на вашем сайте, например, для фона, текста или кнопок.

Этапы настройки глобальных цветов

1) перейди на любую страницу или шаблон через редактор Elementor;
2) Нажмите на «Настройки сайта» (слева сверху на странице — иконка регулировки) или «Настройки» (внизу слева на странице — значок шестеренки) (расположение зависит от версии Elementor Pro) и выбери раздел «Глобальные стили» → «Глобальные цвета»;
3) создай свою палитру. Нажми на цвет, чтобы изменить его, или добавь новые цвета, нажав кнопку «Добавить цвет». Для удобства используй названия, которые легко запомнить, например, «Цвет бренда» или «Акцентный цвет».
4) Сохрани изменения, нажав «Обновить».

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

Этапы настройки глобальных шрифтов

1) перейди в «Глобальные стили» → «Глобальные шрифты»;
2) Выбери типографику для каждого из 4 основных стилей, установите шрифт, размер, толщину, межбуквенный интервал и высоту строки;
3) Сохрани изменения.

Зачем нужны глобальные шрифты и цвета, если можно просто задать шрифт для конкретного элемента прямо на странице?
Представь ситуацию: ты настроил шрифт Roboto на всём сайте из 20 страниц, а позже заказчик решил заменить его на Raleway. С глобальными шрифтами всё просто — ты меняешь шрифт в одном месте, и изменения автоматически применяются ко всему сайту. Без глобальных стилей тебе придётся вручную заходить на каждую страницу и менять шрифт в каждом элементе, что отнимет массу времени.

Глобальные шрифты и цвета позволяют автоматизировать такие изменения, чтобы при необходимости обновить дизайн сайта это занимало считанные минуты, а не часы. Береги своё время и используй инструменты, которые облегчают работу!