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

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

6 мин. чтения

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

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

Содержание:

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

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

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

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

В редакторе открыта вкладка Текст на панели Добавить элементы. Курсор нажимает на тематический стиль текста, чтобы добавить его.

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

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

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

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

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

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

Стиль

Шрифт

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

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

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

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

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

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

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

Тег заголовка

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

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

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

Скриншот текстового элемента и параметров дизайна в панели инспектора.

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

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

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

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

Была ли статья полезна?

В этой статье

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