Статті на: Редактор
Ця стаття також доступна на:

Керуванням елементом Текст

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


У цій статті ми детально розглянемо, як додати, налаштувати та змінити зовнішній вигляд елемента Текст на вашому сайті. 


Зміст:


Крок 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. Додавання дії при натисканні


  1. Виділіть лівою кнопкою миші фрагмент тексту, до якого потрібно додати дію при натисканні, після цього натисніть на Додати посилання та клікніть на іконку шестерні:

  1. Виберіть потрібну дію у випадному списку та налаштуйте її:

Важливо: деякі налаштування елемента Текст, зокрема додавання певної дії, застосовуються лише до виділеного тексту.


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


Оновлено: 05/02/2026

Чи була ця стаття корисною?

Поділіться своїм відгуком

Скасувати

Дякуємо!