Як редагувати основний текст сторінки

    Оновлено: 07.05.2026

    Основний текст сторінки редагується в полі “Вміст (основний текст)” за допомогою вбудованого редактора. Редактор дозволяє форматувати текст, додавати структуру та візуально оформлювати контент.

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

    Основні інструменти форматування

    Панель редактора містить набір інструментів, які використовуються для оформлення тексту.

    image.png

    ↶ Скасувати дію (Undo). Дозволяє скасувати останню виконану дію в редакторі. Використовується при помилковому редагуванні тексту.

    ↷ Повторити дію (Redo). Повертає скасовану дію. Доцільно використовувати після відміни змін, якщо їх потрібно відновити.

    Стиль. Дозволяє застосовувати додаткові стилі оформлення до виділеного тексту. У списку доступні варіанти:

    • Стиль Lead використовується для виділення вступного тексту або основної думки на початку сторінки.

    • Стиль Small зменшує розмір тексту та підходить для допоміжної інформації або уточнень.

    • Стиль Caption застосовується для підписів до зображень або додаткових пояснень.

    • Стиль Label використовується для коротких позначень або службових елементів інтерфейсу.

    • Стиль Muted зменшує візуальний акцент тексту, роблячи його менш помітним. Доцільно використовувати для другорядної інформації.

    • Стиль Overline додає декоративне оформлення у вигляді лінії над текстом і використовується для візуального розділення або акценту.

    Застосування стилів дозволяє зробити контент більш структурованим і зручним для сприйняття, проте надмірне використання може ускладнити читання.

    Text (Тип тексту). Дозволяє визначити тип текстового елемента та побудувати ієрархію контенту. У списку доступні варіанти: Text, H1, H2, H3, H4, H5, H6. Тип Text використовується для звичайного основного тексту сторінки. Заголовки H1–H6 використовуються для структурування контенту за рівнями важливості. Найвищий рівень — H1, який застосовується для основного заголовка сторінки. Наступні рівні (H2–H6) використовуються для підзаголовків та логічного поділу тексту.

    Правильне використання заголовків допомагає покращити навігацію по сторінці, спрощує сприйняття інформації та позитивно впливає на SEO.

    B — Жирний текст (Bold). Виділяє текст жирним. Доцільно використовувати для акцентів або ключових слів.

    I — Курсив (Italic). Використовується для виділення окремих фрагментів тексту або термінів.

    U — Підкреслення (Underline). Підкреслює текст. Рекомендується використовувати обмежено, щоб не плутати з посиланнями.

    S — Закреслення (Strikethrough). Відображає текст як застарілий або неактуальний.

    A — Колір тексту (Text Color). Дозволяє змінювати колір тексту. Використовується для візуальних акцентів.

    X₂ — Нижній індекс (Subscript). Використовується для запису формул або спеціальних позначень.

    X² — Верхній індекс (Superscript). Застосовується для степенів або приміток.

    🔗 Додати посилання (Link). Дозволяє додати гіперпосилання до виділеного тексту.

    🔗✖ Видалити посилання (Unlink). Видаляє встановлене посилання.

    ≡ Вирівнювання тексту (Align Left / Center / Right / Justify). Дозволяє змінити вирівнювання тексту. Впливає на структуру та сприйняття контенту.

    • / 1. Списки (Bulleted / Numbered List). Дозволяє створювати марковані та нумеровані списки. Використовується для структуризації інформації.

    ❝ Цитата (Blockquote). Виділяє текст як цитату або окремий інформаційний блок.

    </> Код (Code). Використовується для відображення фрагментів коду або технічного тексту.

    — Розділювач (Horizontal Line). Додає горизонтальну лінію для візуального розділення блоків контенту.

    ▦ Таблиця (Table). Дозволяє додавати таблиці для структурованого відображення даних.

    📑 Вставити блок табів (панелі + мітки). Дана опція додає блок із вкладками (табами), між якими користувач може перемикатися. Це зручно для групування великого обсягу інформації та розділення її на логічні частини. Рекомендується використовувати для інструкцій або довідкових матеріалів.

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

    🗑️ Видалити вкладку в блоці табів. Опція видаляє активну вкладку разом із її вмістом. При цьому в блоці має залишитись хоча б одна вкладка.

    Додати акордеон (заголовок + прихований текст). Ця функція створює блок із прихованим текстом, який відкривається при натисканні на заголовок. Підходить для FAQ, додаткових пояснень або великого обсягу інформації. Не рекомендується приховувати ключовий контент, який має бути одразу видимим користувачу.

    🖼 Upload Image. Додає зображення з комп’ютера або файлового менеджера.

    🖼 Image from URL. Додає зображення за зовнішнім посиланням.

    HTML. Перемикає редактор у режим редагування HTML-коду. Використання цього режиму потребує базових знань HTML. Некоректні зміни можуть вплинути на відображення сторінки.

    ⛶ Повноекранний режим (Fullscreen). Розгортає редактор на весь екран для зручної роботи з великим обсягом тексту.

    Звернути увагу

    Надмірне використання форматування може ускладнити сприйняття тексту. Важливо дотримуватись єдиного стилю оформлення.

    Некоректне використання HTML або вставка стороннього коду може призвести до помилок у відображенні сторінки.

    Рекомендації

    Для побудови структури сторінки доцільно використовувати заголовки та списки. Це покращує навігацію та читабельність.

    Виділення тексту слід використовувати помірно, щоб зберегти акценти на важливих частинах контенту.

    Після внесення змін необхідно натиснути кнопку “Зберегти”, щоб застосувати їх на сторінці.

    Чи була інформація корисною?
    Knowledge Base Help CMS Tatet

    Довідковий центр із короткими інструкціями, FAQ і добірками матеріалів для швидкого самообслуговування.

    © 2026 Help CMS Tatet. Усі права захищено.
    Світла і темна тема, адаптивна навігація та гібридний пошук.