header-logo
Узнайте как использовать Wix для создания своего сайта и бизнеса.
Создавайте и управляйте своим сайтом, используя интуитивно понятные функции Wix.
Управляйте подписками, планами и счетами.
Управляйте своим бизнесом и общайтесь с пользователями.
Узнайте, как приобрести, подключить или перенести домен на свой сайт.
Получите инструменты для развития вашего бизнеса и присутствия в интернете.
Повышайте свою видимость с помощью инструментов SEO и маркетинга.
Получайте расширенные функции, которые помогут вам работать более эффективно.
Находите решения, узнавайте об известных неполадках или свяжитесь с нами.
placeholder-preview-image
Совершенствуйте навыки с помощью наших курсов и учебных статей.
Получайте рекомендации по веб-дизайну, маркетингу и многому другому.
Узнайте, как увеличить органический трафик из поисковых систем.
Создайте собственный сайт на нашей полнофункциональной платформе.
Найдите подходящего специалиста, который поможет вам достичь целей.
placeholder-preview-image
В этой статье
  • Добавление текста
  • Дизайн и форматирование текста
  • Изменение цвета пунктов списка или нумерации
  1. Главная
  2. Studio, Специалисты и Корпоративные решения
  3. Wix Studio
  4. Использование Редактора Wix Studio
  5. Добавление элементов в Редакторе Studio
  6. Редактор Studio: добавление и настройка текста

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

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

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

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

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

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

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

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

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

  1. Выберите соответствующий текстовый элемент в редакторе.
    Совет: удерживайте клавишу Shift на клавиатуре, чтобы отформатировать несколько текстовых элементов одновременно.
  2. Нажмите на иконку Открыть Инспектор в правом верхнем углу редактора. A cropped view of a cursor clicking the open inspector arrow.
  3. (В Инспекторе) Отформатируйте текст с помощью доступных инструментов:
Добавление гиперссылки в текст:
Выберите текстовый элемент и нажмите на иконку Ссылка . Вы можете настроить переадресацию посетителей на другие части сайта, внешний веб-адрес, номер телефона или эл. почту. Ссылка может даже открывать поп-ап, который можно адаптировать для любых целей.
Раздел шрифтов в настройках дизайна текста в инспекторе. Курсор нажимает на вариант «Обычный» в выпадающем списке.

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

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

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

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

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

|

Helpmate

Привет,

Нужны дополнительные рекомендации?
Краткое содержание этой статьи
Unlock personalized helpLog in to get the most out of Helpmate.