> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Управление элементом Текст Текст на сайте не только позволяет делать страницы более информативными и удобными для пользователей, но и играет важную роль в SEO: правильно оформленный и структурированный текст помогает поисковым системам лучше понимать содержание вашего сайта и улучшает его индексацию. В этой статье мы подробно рассмотрим, как добавить, настроить и изменить внешний вид элемента **Текст** на вашем сайте. **Содержание**: * [Шаг 1. Добавление элемента Текст](#1-shag-1-dobavlenie-elementa-tekst) * [Шаг 2. Настройка элемента Текст](#1-shag-2-nastrojka-elementa-tekst) * [Шаг 3. Добавление действия при нажатии](#1-shag-3-dobavlenie-dejstviya-pri-nazhatii) # Шаг 1. Добавление элемента Текст Нажмите на иконку добавления нового элемента и выберите элемент **Текст** или **Заголовок** из списка доступных: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-ru_ld0qqt.png) | ${color}[#1aa900](Подсказка:) эти элементы вы можете найти в разделе Текст при добавлении элемента. Также Текст встречается как часть других элементов, например, Цитата или Контакты. В таких элементах настройка текста будет происходить аналогично шагам, которые вы рассмотрите в следующих разделах. || ${color}[#FFA800](Примечание:) при работе с [Flex-блоком](/ru/article/dobavlenie-flex-block-dlya-proizvolnogo-raspolozheniya-elementov-3jo99o/), если в вашем буфере обмена уже есть текст, вы можете вставить его с помощью сочетания клавиш `Cmd+V` (на Mac) или `Ctrl+V` (на Windows) — он будет автоматически добавлен как текстовый элемент в блоке. # Шаг 2. Настройка элемента Текст ||| ${color}[#F97700](Важно:) некоторые настройки элемента Текст, в частности добавление определенного действия, применяются только к выделенному тексту. || ${color}[#FFA800](Примечание:) настройки элемента Ротатор текста происходят несколько иначе; подробнее об этом можно узнать [в статье](/ru/article/rabota-s-elementom-rotator-teksta-1dgypcs/). По умолчанию в настройках **Стилей сайта** вы можете настроить десять типов текста, таких как **Block Title, Heading, Text** и т. д., которые в дальнейшем сможете использовать в ваших текстовых элементах. Вы можете указать им нужный шрифт, размер по умолчанию, цвет, высоту строки и другие параметры. Подробнее об этих настройках вы можете узнать [в нашей статье](/ru/article/izmenenie-shrifta-na-sajte-1t1brog/). Далее в настройках элемента **Текст** вы можете выбрать, какой именно тип текста используется, в зависимости от ваших потребностей, для этого нажмите на текст и в выпадающем списке выберите нужный: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-ru_gs5kuj.png) Текстовый элемент будет наследовать настройки выбранного типа текста, но также есть параметры, которые вы можете настроить индивидуально для каждого элемента: ① Чтобы изменить **размер** текста, **выделите его** и укажите нужное значение: вы можете вручную ввести нужный размер в пикселях или использовать стрелки для его увеличения/уменьшения: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-ru_124ec3z.png) || ${color}[#ffa800](Примечание:) вы можете редактировать размер текста отдельно для разных устройств. ② Чтобы акцентировать внимание на определенной части текста, вы можете **выделить ее** и активировать **жирность** и/или **курсив** для нее: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-ru_1jyrbof.png) | ${color}[#1aa900](Подсказка:) также вы можете воспользоваться горячими клавишами, `Cmd+B` и `Cmd+I` (на Mac) или `Ctrl+B` и `Ctrl+I` (на Windows) соответственно. ③ Также вы можете изменить цвет текста, для этого **выделите его** и нажмите на иконку управления цветом, в выпадающем меню вы сможете выбрать: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-ru_1gbvaht.png) * стандартный цвет, таким образом система будет автоматически подбирать для вас цвет текста, в зависимости от его фона; * один из цветов вашей палитры сайта; * определенный собственный цвет индивидуально для этого элемента. || ${color}[#ffa800](Примечание:) вы можете узнать больше о настройке палитры вашего сайта [в нашей статье](/ru/article/cvetovaya-palitra-sajta-1cveou3/). ④ В настройках **Стилей текста** вы можете дополнительно задать **выделенному тексту** подчеркивание, зачеркивание и выделение цветом: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-ru_g3mh9g.png) || ${color}[#ffa800](Примечание:) через эти настройки вы также можете перейти к настройке анимации и SEO, подробнее о них мы поговорим далее. ⑤ Далее вы можете установить для всего текстового элемента высоту строки: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-ru_9c6xnf.png) ⑥ И выбрать нужное выравнивание: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-ru_11jtimm.png) ⑦ Также вы можете преобразовать **выделенный текст** в маркированный список: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-ru_nbkunx.png) || ${color}[#ffa800](Примечание:) форматирование нумерованного списка пока отсутствует. ⑧ В настройках **Анимации** вы можете установить желаемую анимацию появления этого элемента при просмотре сайта: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-ru_1pz2cfl.png) || ${color}[#ffa800](Примечание:) вы можете узнать больше о настройках анимаций [в нашей статье](/ru/article/dobavlenie-animacij-1fzg7to/). ⑨ Опция **Очистить форматирование** позволяет удалить все дополнительные стили, примененные к выделенному тексту: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-ru_tnhct4.png) ⑩ В **настройках текста** вы можете задать тексту нужный тег, чтобы улучшить восприятие контента вашего сайта поисковыми системами: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-ru_12a8n8t.png) || ${color}[#ffa800](Примечание:) эти настройки доступны не для каждого типа текста; вы можете узнать больше о настройках тегов H1-P [в нашей статье](/ru/article/prostavlenie-tegov-h1-h2-v-tekste-4fl2mr/). После завершения всех настроек не забудьте [опубликовать ваш сайт](/ru/article/publikaciya-sajta-1xvrq6l/), чтобы изменения вступили в силу. # Шаг 3. Добавление действия при нажатии 1. **Выделите левой кнопкой мыши фрагмент текста**, к которому нужно добавить действие при нажатии, после этого нажмите на **Добавить ссылку** и кликните на иконку шестеренки: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-ru_uu1gx.png) 2. Выберите нужное действие в выпадающем списке и настройте его: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-ru_1w28633.png) ||| ${color}[#F97700](Важно:) некоторые настройки элемента Текст, в частности добавление определенного действия, применяются только к выделенному тексту. || ${color}[#ffa800](Примечание:) больше о настройках действия при нажатии для различных элементов вы можете узнать [в нашей статье](/ru/article/dobavlenie-ssylok-na-elementy-1z04at0/).