Управление элементом Текст

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

В этой статье мы подробно рассмотрим, как добавить, настроить и изменить внешний вид элемента Текст на вашем сайте.

Содержание:

Шаг 1. Добавление элемента Текст
Шаг 2. Настройка элемента Текст
Шаг 3. Добавление действия при нажатии

Шаг 1. Добавление элемента Текст

Нажмите на иконку добавления нового элемента и выберите элемент Текст или Заголовок из списка доступных:

Подсказка: эти элементы вы можете найти в разделе Текст при добавлении элемента. Также Текст встречается как часть других элементов, например, Цитата или Контакты. В таких элементах настройка текста будет происходить аналогично шагам, которые вы рассмотрите в следующих разделах.

Примечание: при работе с Flex-блоком, если в вашем буфере обмена уже есть текст, вы можете вставить его с помощью сочетания клавиш Cmd+V (на Mac) или Ctrl+V (на Windows) — он будет автоматически добавлен как текстовый элемент в блоке.

Шаг 2. Настройка элемента Текст

Важно: некоторые настройки элемента Текст, в частности добавление определенного действия, применяются только к выделенному тексту.

Примечание: настройки элемента Ротатор текста происходят несколько иначе; подробнее об этом можно узнать в статье.

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

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

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

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

Примечание: вы можете редактировать размер текста отдельно для разных устройств.

② Чтобы акцентировать внимание на определенной части текста, вы можете выделить ее и активировать жирность и/или курсив для нее:

Подсказка: также вы можете воспользоваться горячими клавишами, Cmd+B и Cmd+I (на Mac) или Ctrl+B и Ctrl+I (на Windows) соответственно.

③ Также вы можете изменить цвет текста, для этого выделите его и нажмите на иконку управления цветом, в выпадающем меню вы сможете выбрать:

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

Примечание: вы можете узнать больше о настройке палитры вашего сайта в нашей статье.

④ В настройках Стилей текста вы можете дополнительно задать выделенному тексту подчеркивание, зачеркивание и выделение цветом:

Примечание: через эти настройки вы также можете перейти к настройке анимации и SEO, подробнее о них мы поговорим далее.

⑤ Далее вы можете установить для всего текстового элемента высоту строки:

⑥ И выбрать нужное выравнивание:

⑦ Также вы можете преобразовать выделенный текст в маркированный список:

Примечание: форматирование нумерованного списка пока отсутствует.

⑧ В настройках Анимации вы можете установить желаемую анимацию появления этого элемента при просмотре сайта:

Примечание: вы можете узнать больше о настройках анимаций в нашей статье.

⑨ Опция Очистить форматирование позволяет удалить все дополнительные стили, примененные к выделенному тексту:

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

Примечание: эти настройки доступны не для каждого типа текста; вы можете узнать больше о настройках тегов H1-P в нашей статье.

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

Шаг 3. Добавление действия при нажатии

Выделите левой кнопкой мыши фрагмент текста, к которому нужно добавить действие при нажатии, после этого нажмите на Добавить ссылку и кликните на иконку шестеренки:

Выберите нужное действие в выпадающем списке и настройте его:

Примечание: больше о настройках действия при нажатии для различных элементов вы можете узнать в нашей статье.

Последнее изменение: 05/02/2026

Была ли эта статья полезна?

Спасибо!