> ## 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-krok-1-dodavannya-elementa-tekst) * [Крок 2. Налаштування елемента Текст](#1-krok-2-nalashtuvannya-elementa-tekst) * [Крок 3. Додавання дії при натисканні](#1-krok-3-dodavannya-diyi-pri-natiskanni) # Крок 1. Додавання елемента Текст Натисніть на іконку додавання нового елемента та виберіть елемент **Текст** чи **Заголовок** зі списку доступних: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-uk_1ydqwp7.png) | ${color}[#1aa900](Підказка:) ці елементи ви можете знайти у розділі Текст при додаванні елемента. Також Текст зустрічається як частина інших елементів, наприклад, Цитата чи Контакти. У таких елементах налаштування тексту відбуватиметься аналогічно крокам, які ви розглянете у наступних розділах. || ${color}[#FFA800](Примітка:) при роботі з [Flex-блоком](/uk/article/dodavannya-flex-block-dlya-vilnogo-roztashuvannya-elementiv-14n7ad8/), якщо у вашому буфері обміну вже є текст, ви можете вставити його за допомогою поєднання клавіш `Cmd+V` (на Mac) або `Ctrl+V` (на Windows) — його буде автоматично додано як текстовий елемент у блоці. # Крок 2. Налаштування елемента Текст ||| ${color}[#F97700](Важливо:) деякі налаштування елемента Текст, зокрема додавання певної дії, застосовуються лише до виділеного тексту. || ${color}[#FFA800](Примітка:) налаштування елемента Ротатор тексту відбуваються дещо інакше; детальніше про це можна дізнатися [у статті.](https://help.weblium.com/uk/article/robota-z-elementom-rotator-tekstu-1wzp9hh/) За замовчуванням, у налаштуваннях **Стилів сайту** ви можете налаштувати десять типів тексту, на кшталт **Block Title, Heading, Text** тощо, які далі зможете використовувати у ваших текстових елементах. Ви можете вказати їм потрібний шрифт, розмір за замовчуванням, колір, висоту рядка та інші параметри. Детальніше про ці налаштування ви можете дізнатися [у нашій статті](https://help.weblium.com/uk/article/zmina-shriftu-na-sajti-5eqxnz/).  Далі у налаштуваннях елемента **Текст** ви можете вибрати, який саме тип тексту використовується, залежно від ваших потреб, для цього натисніть на текст та у випадному списку виберіть потрібний:  ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-uk_6n6100.png) Текстовий елемент буде успадковувати налаштування вибраного типу тексту, але також є параметри, які ви можете налаштувати індивідуально для кожного елементу: ① Щоб змінити **розмір** тексту, **виділіть його** та вкажіть потрібне значення: ви можете вручну вписати потрібний розмір у пікселях або використати стрілки для його збільшення/зменшення:   ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-uk_gybkai.png) || ${color}[#ffa800](Примітка:) ви можете редагувати розмір тексту окремо для різних пристроїв. ② Для того, щоб акцентувати увагу на певній частині тексту, ви можете **виділити її** та активувати **жирність** чи/та **курсив** для неї: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-uk_od6ecc.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-uk_1n4w7ps.png) * стандартний колір, таким чином система буде автоматично підбирати для вас колір тексту, залежно від його фону; * один з кольорів вашої палітри сайту; * певний власний колір індивідуально для цього елементу. || ${color}[#ffa800](Примітка:) ви можете дізнатися більше про налаштування палітри вашого сайту [у нашій статті](/uk/article/kolorova-palitra-sajtu-j3die1/). ④ У налаштуваннях **Стилів тексту** ви можете додатково задати **виділеному тексту** підкреслення, закреслення та виділення кольором: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-uk_1w5hl42.png) || ${color}[#ffa800](Примітка:) через ці налаштування ви також можете перейти до налаштування анімації та SEO, детальніше про них ми поговоримо далі. ⑤ Далі ви можете встановити для всього текстового елементу висоту рядка:  ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-uk_19u34j9.png) ⑥ Та вибрати потрібне вирівнювання:  ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-uk_plw3nf.png) ⑦ Також ви можете перетворити **виділений текст** у маркований список: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-uk_1i69qa7.png) || ${color}[#ffa800](Примітка:) форматування нумерованого списку наразі немає. ⑧ У налаштуваннях **Анімації** ви можете встановити бажану анімацію появи цього елементу при перегляді сайту: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-uk_44dif5.png) || ${color}[#ffa800](Примітка:) ви можете дізнатися більше про налаштування анімацій [у нашій статті](https://help.weblium.com/uk/article/dodavannya-animacij-u97f3h/#1-dodavannya-animacij-do-elementiv). ⑨ Опція **Очистити форматування** дозволяє видалити всі додаткові стилі, застосовані до виділеного тексту: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-uk_36jl35.png) ⑩ У **налаштуваннях тексту** ви можете задати тексту потрібний тег, щоб покращити сприйняття контенту вашого сайту пошуковими системами: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-uk_13yziop.png) || ${color}[#ffa800](Примітка:) ці налаштування доступні не для кожного типу тексту; ви можете дізнатися більше про налаштування тегів H1-P [у нашій статті](https://help.weblium.com/uk/article/dodavannya-do-tekstu-tegiv-h1-h3-1g1ims4/). Після завершення усіх налаштувань не забудьте [опублікувати ваш сайт](https://help.weblium.com/uk/article/publikaciya-sajtu-16hom55/), щоб зміни набули чинності. # Крок 3. Додавання дії при натисканні 1. **Виділіть лівою кнопкою миші фрагмент тексту**, до якого потрібно додати дію при натисканні, після цього натисніть на **Додати посилання** та клікніть на іконку шестерні: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-uk_29wqz1.png) 2. Виберіть потрібну дію у випадному списку та налаштуйте її: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannyam-elementom-tekst-uk_15hpu9r.png) ||| ${color}[#F97700](Важливо:) деякі налаштування елемента Текст, зокрема додавання певної дії, застосовуються лише до виділеного тексту. || ${color}[#ffa800](Примітка:) більше про налаштування дії при натисканні для різних елементів ви можете дізнатися [у нашій статті](/uk/article/dodavannya-posilan-do-elementiv-v2cfvc/).