Текстовий редактор сторінки

сторінки дозволяють створювати будь-які інформаційні сторінки, використовуючи понад 100 блоків вмісту за допомогою легкого конструктора сторінок Pixpa за допомогою перетягування.

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

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

Розмістивши розділ на своїй сторінці, ви можете редагувати в ньому окремі фрагменти (текст, зображення, кнопки).

Просто перемістіть курсор на область полотна сторінки, усі окремі фрагменти будуть виділені під час наведення курсора миші. Потім натисніть будь-який фрагмент, щоб відредагувати його.

Подивіться, як редагувати вміст у дії: 

Ось що ви можете робити в області полотна сторінки: 

1. Упорядкуйте фрагменти.
2. Продублюйте фрагменти.
3. Видалити певний фрагмент.
4. Скасувати останні зміни.
5. Застосуйте жирний шрифт/курсив/підкреслення та інше форматування до тексту.
6. Змініть колір тексту та колір фону фрагмента.
7. Застосуйте форматування тексту або змініть стиль шрифту.
8. Змінити текст вирівнювання.
9. Створення впорядкованих і невпорядкованих списків.
10. Додайте до тексту гіперпосилання.
11. Додайте символ.
12. Видалити форматування попереднього тексту.
13. Відредагуйте HTML усієї сторінки.

Панель інструментів для фрагментів і панель інструментів редагування

Натиснувши будь-який фрагмент, ви побачите Ящик для інструментів Snippet окремого фрагмента з правого боку та Панель інструментів редагування на вершині.

На панелі інструментів фрагмента є 4 параметри: 

• Тягтися ( ✥ ) – використовується для послідовності фрагментів шляхом перетягування.
• дублювати – Використовується для дублювання фрагмента.
• Інструменти елементів – Використовується для перегляду параметрів додавання нового фрагмента, дублювання фрагмента, переміщення фрагмента вгору/вниз і видалення окремого фрагмента.
• видаляти – Використовується для видалення фрагмента.

1. Послідовність фрагментів

• Ви можете послідовно перетягнути свій фрагмент. Просто тримай тягтися і перетягніть фрагмент через усі блоки на сторінці та опустіть його в потрібне місце.

Перегляньте фрагменти послідовності в дії:

2. Скопіюйте свій фрагмент

• Ви можете скопіювати будь-який існуючий фрагмент, натиснувши піктограму дубліката.

Перегляньте дублюючі фрагменти в дії:

3. Видаліть свій фрагмент

• Ви можете видалити будь-який фрагмент зі своєї сторінки, натиснувши значок видалення.

Перегляньте видалення фрагментів у дії:

4. Скасуйте останні зміни

• Ви можете скасувати останні текстові зміни, натиснувши Ctrl (вікна) або ⌘ (Мак) + З. 

5. Жирний / Курсив / Підкреслений / Закреслений тощо

• Ви можете легко редагувати текст свого фрагмента, клацнувши його. Просто виділіть текст і клацніть піктограму на панелі інструментів для редагування, щоб вибрати Жирний, Курсив, Підкреслений відповідно.

Дивіться в дії:

6. Колір тексту / фон тексту та колір фону розділу

Ви можете вибрати колір тексту та фону тексту двома способами:

1. Палітра
2. Спеціальний колір

Палітра

На цій вкладці доступні параметри кольорів відображатимуть параметри вибраної палітри кольорів із Розділ дизайну.

Вони автоматично завантажуватимуться й оновлюватимуться щоразу, коли ви змінюватимете колірну палітру свого веб-сайту. Дізнайтесь більше про кольорові палітри.

Спеціальний колір

Тут ви знайдете панель вибору кольорів, де ви можете вибрати колір і вибрати з різноманітних доступних відтінків.

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

Виконайте наведені нижче кроки, щоб вибрати колір тексту та фону тексту:

• Натисніть на певний фрагмент, виділіть текст і натисніть на Колір (1) значок. Ви побачите спливаюче вікно, де ви зможете обрати колір Параметри кольорів палітри або Спеціальний колір (2).
• Виберіть Колір тексту та Колір заливки (3) тобто фоновий колір тексту.
• Налаштуйте Непрозорість (4) кольору за допомогою повзунка.
• Ви також можете ввести шістнадцятковий код кольору (5) і застосувати його до тексту/фону тексту.
• Нарешті, зберегти (6) зміни.

• Команда SКолір фону розділу (7) можна змінити з Кольоровий стиль варіант.

• Ви також можете змінити або видалити застосований колір/стиль. Просто виберіть текст і натисніть на Чистий значок (8), щоб видалити наявну колірну схему.
• зберегти (9) зміни.

Дивіться в дії:

7. Стиль шрифту тексту

• Ви можете використовувати чотири різних типи стилів шрифтів на ваших сторінках (одночасно), які будуть указані в Розділ дизайну. Це загальний стиль дизайну, який використовується на всіх сторінках.
  • Заголовок 1 Стиль → Шрифт заголовка і стиль → тег
  • Заголовок 2 Стиль → Шрифт заголовка і стиль → тег
  • Заголовок 3 Стиль → Шрифт субтитрів і стиль → тег
  • Заголовок 4 Стиль → Субтитр / Шрифт підписів автора і стиль → тег
  • Текст абзацу Стиль → Шрифт абзацу і стиль → тег

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

Дивіться в дії:

8. Вирівнювання тексту

• Ви можете керувати вирівнюванням тексту фрагмента – ліворуч / по центру / праворуч і вирівняти за шириною, натиснувши піктограму вирівнювання на панелі інструментів редагування.

Дивіться в дії:

9. Список – упорядкований і невпорядкований / відступ / відступ

• Ви можете легко перетворити текст на списки з відступами та впорядкувати їх.
  • відступ – Виділена область тексту буде мати відступ.
  • Відступ – Виділена область тексту буде скасована. Щоб зменшити відступ, натисніть піктограму невпорядкованого/впорядкованого списку, який ви застосували раніше.
  • Незамовлений лист – Виділений текст буде відформатовано як маркований список. У HTML для цього використовується набір і теги.
  • Замовлений список – Виділений текст буде відформатовано як нумерований список. У HTML для цього використовується набір і теги.

Дивіться в дії:

10. Додайте посилання

• Ви можете легко додати посилання до тексту (гіперпосилання/тег прив’язки).
• Виділіть текст і натисніть link на панелі інструментів редагування. Ви можете підключити наявні сторінки веб-сайту або будь-який інший веб-сайт/блог/файли PDF тощо.
• Після натискання ви побачите спливаюче вікно, у якому можна ввести URL-адресу чи сліп (1), вибрати, чи відкривати в новому вікні (2), текст посилання/кнопки (3), назву – використовується у випадку лише зображення (4).

Також перевірте: Текст посилання/кнопка.

11. Додайте символ

• Ви можете легко додати або замінити символ (соціальний, арт, номер тощо) у редакторі сторінки.
• Перейдіть до будь-якого фрагмента та клацніть там, де ви хочете додати новий символ, або клацніть існуючий символ, щоб замінити його.
• Потім натисніть кнопку Emoji символ і додайте символи з правого ящика.

Подивіться, як додати різні типи символів на свою сторінку:

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

• Якщо ви копіюєте попередньо відформатований текст безпосередньо з Word, Powerpoint або будь-якої іншої інтернет-сторінки, редактор сторінки має тенденцію спотворювати текст.
• Отже, вам потрібно спочатку видалити попереднє форматування з тексту, щоб ви могли застосувати стиль шрифту Pixpa, встановлений у дизайн .
• Просто виділіть увесь текст фрагмента та натисніть очистити кнопки.
• У більшості випадків це видалить попереднє форматування та застосує стиль тексту абзацу до всього тексту.
  Більше інформації.

13. HTML-код усіх фрагментів

• Ви можете копіювати або редагувати HTML-код усіх фрагментів сторінки за один раз.
• Це допоможе вам скопіювати наявний блок на сторінці.

Також перевірте: Редагувати HTML сторінки.

Подивіться, як переглянути HTML-код сторінки:

Статті по темі:

• Розділ налаштувань.
• Розділ – Стиль вмісту.
• Типи розділів.