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

Разделы позволяет создавать любые информационные страницы, используя более 100 блоков контента с помощью простого перетаскивания страниц Pixpa.

Вы можете организовать, редактируйте и настраивайте эти блоки контента, чтобы создавать уникальные страницы для отображения вашего контента.
Также проверьте: Понимание разделов и сниппетов.

В конструкторе страниц вы можете легко Добавить разделах и перетащите обрывки с левой боковой панели на область холста страницы.

Разместив раздел на своей странице, вы можете редактировать в нем отдельные элементы сниппета (текст, изображения, кнопки).

Просто наведите курсор на область холста страницы, и все отдельные фрагменты будут выделены при наведении курсора мыши. Затем нажмите на любой фрагмент, чтобы отредактировать его.

Посмотрите, как редактировать контент в действии: 

Вот что вы можете сделать в области холста страницы: 

1. Последовательность фрагментов.
2. Дублируйте фрагменты.
3. Удалить определенный фрагмент.
4. Отменить последние изменения.
5. Применяйте к тексту полужирное/курсивное/подчеркнутое и другое форматирование.
6. Измените цвет текста и цвет фона фрагмента.
7. Примените форматирование текста или измените стиль шрифта.
8. Изменить текст выравнивание.
9. Создавайте упорядоченные и неупорядоченные списки.
10. Применение гиперссылки к тексту.
11. Добавьте символ.
12. Удалить предтекстовое форматирование.
13. Отредактируйте HTML всей страницы.

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

Нажав на любой фрагмент, вы увидите Панель инструментов фрагмента отдельного фрагмента справа и Панель инструментов редактирования на вершине.

На панели инструментов фрагмента есть 4 опции: 

• Перетащите ( ✥ ) — используется для упорядочивания фрагментов путем перетаскивания.
• Дублировать – Используется для дублирования фрагмента.
• Инструменты элемента – Используется для просмотра добавления нового фрагмента, дублирования фрагмента, перемещения фрагмента вверх/вниз и удаления отдельного фрагмента.
• Удалить – Используется для удаления фрагмента.

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

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

См. фрагменты секвенирования в действии:

2. Дублируйте свой фрагмент

• Вы можете продублировать любой существующий фрагмент, нажав на значок дубликата.

Посмотрите дублирующиеся фрагменты в действии:

3. Удалите свой фрагмент

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

См. удаление фрагментов в действии:

4. Отменить последние изменения

• Вы можете отменить недавние текстовые изменения, нажав Ctrl (окна) или ⌘ (Mac) + З. 

5. Жирный/курсив/подчеркнутый/зачеркнутый и т. д.

• Вы можете легко отредактировать текст фрагмента, нажав на него. Просто выделите текст и щелкните значок на панели инструментов редактирования, чтобы выделить его жирным, курсивным или подчеркнутым шрифтом соответственно.

Смотрите в действии:

6. Цвет текста/фон текста и цвет фона раздела.

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

1. Диапазон
2. Пользовательский цвет

Диапазон

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

Они будут автоматически загружаться и обновляться всякий раз, когда вы вносите изменения в цветовую палитру вашего веб-сайта. Узнать больше о Цветовых палитрах.

Пользовательский цвет

Здесь вы найдете палитру цветов, где вы можете выбрать цвет и выбрать один из различных доступных оттенков.

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

Выполните шаги, указанные ниже, чтобы выбрать цвет текста и фона текста:

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

• Ассоциация SЦвет фона (7) можно изменить из Color Style опцию.

• Вы также можете изменить или удалить примененный цвет/стиль. Просто выделите текст и нажмите на Чистый значок (8) удалить существующую цветовую схему.
• Сохранить (9) изменения.

Смотрите в действии:

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

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

• Как только вы укажете стиль шрифта в Проект раздел, вы можете эффективно использовать их на странице. Просто выделите текст и примените форматирование в редакторе страниц.
  Также проверьте: Стиль текста сайта.
• Система автоматически применит к выделенному тексту шрифт, цвет, размер и плотность этого конкретного стиля шрифта. Вы можете просмотреть то же самое на живом сайте и в редакторе.

Смотрите в действии:

8. Выравнивание текста

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

Смотрите в действии:

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

• Вы можете легко преобразовать текст в списки с отступами и упорядочить их.
  • отступ – Выделенная текстовая область будет иметь отступ.
  • Выступающий – Выделенная текстовая область не будет иметь отступ. Чтобы отступить, щелкните значок неупорядоченного/упорядоченного списка, который вы применяли ранее.
  • Неупорядоченный список – Выделенный текст будет отформатирован как маркированный список. В HTML для этого используется набор и теги.
  • Упорядоченный список – Выделенный текст будет отформатирован как нумерованный список. В HTML для этого используется набор и теги.

Смотрите в действии:

10. Добавьте ссылку

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

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

11. Добавьте символ

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

Посмотрите, как добавить различные типы символов на свою страницу:

12. Удалите предварительное форматирование из вставленного текста

• Если вы скопируете предварительно отформатированный текст непосредственно из Word, Powerpoint или любой интернет-страницы, редактор страниц может испортить текст.
• Итак, вам нужно сначала удалить предварительное форматирование из вашего текста, чтобы вы могли применить стиль шрифта Pixpa, который установлен в Проект .
• Просто выделите весь текст фрагмента и нажмите кнопку чистым .
• В большинстве случаев это удалит предварительное форматирование и применит стиль текста абзаца ко всему тексту.
  Узнать больше.

13. HTML-код всех сниппетов

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

Также проверьте: Изменить HTML-код страницы.

Посмотрите, как просмотреть HTML-код страницы:

Статьи по теме:

• Раздел настроек.
• Раздел – Стиль содержания.
• Типы секций.