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

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

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

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

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

  1. Нажмите Добавить элементы в левой части редактора.
  2. Нажмите Текст.
  3. Перетащите текстовый элемент на страницу:
    • Стили текста: это заголовки и абзацы, которые соответствуют стилю вашего сайта, как определено на панели «Стили сайта» .  
    • Заголовки: выберите самый подходящий из предложенных.
    • Сворачивающийся текст: эти элементы отлично подходят для длинного текста - часть текста скрыта, поэтому его легче читать. Вы можете выбрать, будут ли посетители нажимать на ссылку, чтобы просмотреть полный текст, или на кнопку, чтобы раскрыть ее на текущей странице.
    • Маска текста: эти элементы идеально подходят для коротких фрагментов текста, которые должны выделяться. Фон (заливка) текста - это изображение, видео или градиент, поэтому он гораздо более заметен и привлекает внимание.  
  4. Нажмите Редактировать текст и введите свой текст.
В редакторе открыта вкладка Текст на панели Добавить элементы. Курсор нажимает на тематический стиль текста, чтобы добавить его.
Проверка орфографии:
Редактор Studio использует проверку орфографии вашего браузера, когда вы добавляете текст на свой сайт. Вам не нужно включать ее, просто начните вводить текст внутри текстового элемента, чтобы увидеть проверку в действии. Если вы не видите работающей проверки орфографии, убедитесь, что она включена в вашем браузере. 

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

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

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

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

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

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

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

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

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

|