В этой статье

Добавление текста
Дизайн и форматирование текста
Изменение цвета пунктов списка или нумерации

Редактор Studio: добавление и настройка текста

Редактор Studio позволяет легко добавлять текст, который отлично выглядит на любом экране. Для контента можно использовать различные типы текстовых элементов, которые полностью настраиваются и уже адаптированы под разные устройства.

Пример нескольких различных текстовых элементов на опубликованном сайте.

Добавление текста

Добавляйте новые текстовые элементы из панели «Добавить элементы» в левой части Редактора Studio. Вы можете добавить несколько различных типов элементов в зависимости от контента, который хотите показать.

Чтобы добавить текст:

Нажмите Добавить элементы в левой части редактора.
Нажмите Текст.
Перетащите текстовый элемент на страницу:
- Стили текста: это заголовки и абзацы, которые соответствуют стилю сайта, заданному в панели Стили сайта .
- Сворачиваемый текст: эти элементы отлично подходят для длинных текстов — часть текста скрыта, поэтому его легче читать. Вы можете выбрать, будут ли посетители нажимать на ссылку для просмотра полного текста или на кнопку, чтобы развернуть его на текущей странице.
- Текстовая бегущая строка: повышайте взаимодействие с пользователями без особых усилий с помощью этого элемента прокрутки текста. Он мгновенно привлекает внимание, динамично демонстрирует контент и не требует навыков программирования.
- Текстовая маска: эти элементы идеально подходят для коротких фрагментов текста, которые должны выделяться. Фоном (заполнением) вашего текста является изображение, видео или градиент, поэтому он гораздо более заметен и привлекает внимание.
- Текстовые эффекты: эти готовые эффекты помогут вам привлечь внимание к заголовкам и утверждениям. Настройте эффект так, чтобы он был настолько выразительным или тонким, насколько того требует дизайн.
- Текст вдоль пути: придавайте тексту форму вдоль произвольных путей, таких как кривые, круги или любая фигура SVG, которую вы хотите загрузить. Этот элемент открывает бесконечные творческие возможности для динамичной типографики.
Нажмите Редактировать текст и введите свой текст.

В редакторе открыта вкладка «Текст» панели «Добавить элементы». Отображаются параметры стилей текста.

Проверка орфографии:

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

Дизайн и форматирование текста

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

Чтобы отформатировать текст:

Выберите нужный текстовый элемент в редакторе.
Совет: удерживайте клавишу Shift на клавиатуре, чтобы форматировать несколько текстовых элементов одновременно.
Нажмите на иконку Открыть инспектор в правом верхнем углу редактора.
(В Инспекторе) Отформатируйте текст с помощью доступных инструментов:

Стиль

Шрифт

Адаптивность и размер шрифта

Вы можете выбрать Адаптивность (в разделе Размер в Инспекторе), чтобы настроить изменение размера текста на разных экранах:

Пропорциональный масштаб: размер текста изменяется автоматически, чтобы он выглядел пропорционально на экране каждого посетителя.
- Макс./мин.: вы можете установить минимальные и максимальные пределы, чтобы текст не становился слишком мелким или слишком крупным для вашего дизайна.
Пользовательский масштаб: размер текста изменяется автоматически.
- Установите максимальный (От) и минимальный (До) размер шрифта для каждого экрана.
Неизменный: текст всегда остается одного и того же размера.
Переносить по словам: размер шрифта остается прежним на всех экранах, но текст переносится, чтобы соответствовать границам бокса на экранах меньшего размера. При этом добавляется больше строк для отображения текста.
Адаптировать по содержимому: этот параметр убирает отступы между текстом и границами его бокса. Это также означает, что количество строк в тексте всегда остается неизменным, независимо от размера экрана.

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

Интервал, цвет и стили

Выравнивание и форматирование

Регистр, ориентация и тень

HTML-тег

Добавление гиперссылки в текст:

Выберите текстовый элемент и нажмите на иконку Ссылка

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

Раздел шрифтов в дизайне текста в Инспекторе. Курсор нажимает на «Обычный» в выпадающем списке.

Изменение цвета пунктов списка или нумерации

Сделайте списки более интересными, выбрав один цвет для текста и другой — для пунктов списка или нумерации.

Чтобы изменить цвет пунктов списка или номеров:

Выберите нужный текстовый элемент в редакторе.
Нажмите Редактировать текст.
Выберите цвет для пунктов списка или номеров:
1. Выделите весь текст внутри текстового поля (включая любые пункты списка или номера).
2. Выберите нужный цвет.
  Примечание: на этом этапе весь текст изменится на выбранный цвет.
Выберите другой цвет для текста:
1. Выделите нужный текст (без пункта списка или номера).
2. Выберите нужный цвет.
  Примечание: текст изменится на новый цвет, но пункт списка или номер останется того цвета, который вы выбрали на шаге 3.