Текст - это самая важная часть сайта. Настройте его в соответствии с вашим дизайном и макетом.
Есть 2 типа текста, которые можно использовать на мобильном сайте:
- Текст перенесен из редактора компьютера
- Текст только для мобильного сайта, который вы добавляете из панели «Добавить» в мобильном редакторе. Этот текст не отображается на компьютерной версии сайта.
В чем разница между типами текста?
В мобильном редакторе можно настроить оба типа текста.
Настройка текста, переносимого с компьютера, ограничена — вы можете настроить размер текста, цвет, выравнивание и переключить текст с горизонтального на вертикальный. Кроме того, если вы хотите, чтобы текст отображался по-разному на компьютерной и на мобильной версии сайта, вы можете заменить текст компьютерной версии сайта на текст только для мобильной версии.
Поскольку текст добавляется прямо из мобильного редактора, вы получаете полный контроль над настройкой: меняйте шрифты и форматируйте текст, добавляйте эффекты и HTML-теги, а также меняйте контент.
Настройка текста из компьютерной версии
Текстовые элементы, которые вы добавляете в редакторе компьютерной версии, автоматически отображаются и в вашем мобильном редакторе. Размер текста меняется для совместимости с мобильной версией, однако вы можете изменить его размер самостоятельно. Вы также можете изменить цвет текста и выравнивание, чтобы они отличались от компьютерной версии.
Чтобы настроить текст, перенесенный с компьютера:
- Нажмите на текстовый элемент в мобильном редакторе.
- Настройте текст, выполнив следующие действия:
Отрегулируйте размер текста
Чтобы увеличить или уменьшить размер текста, нажмите на значок «Увеличить» или «Уменьшить».
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/06/01/094c54c8-a850-48bd-8c84-c9e0ea2e7f60/cca4def9-96b4-403a-a648-3249377225e4.png)
.
Совет: вы также можете изменить размер текста, нажав значок Настройки
![](https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/12/15/bca0518b-4a26-498d-a706-f300cb136965.png)
и перетащив ползунок
Размер шрифта.
Изменить цвет и выравнивание текста
- Нажмите значок Настроить
. - Настройте следующее:
- Цвет: нажмите на поле цвета и выберите новый цвет в палитре цветов.
- Выравнивание: выберите выравнивание текста (по левому краю, по центру, по правому краю, по ширине).
Включить вертикальный текст
- Нажмите значок Настроить
. - Нажмите переключатель Включить вертикальный текст, чтобы изменить текст с горизонтального на вертикальный для языков с вертикальной системой письма (например, японского).
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/03/07/9c96f423-489c-437e-abf8-087c7e0f73d3/37433960-5ef9-4313-ac18-380abaf79d33.png)
Измените размер текста кнопки
Нажмите значки
увеличить или
уменьшить ![](https://d2x3xhvgiqkx42.cloudfront.net/cf978cac-aa55-42d0-82f0-a3469655db79/d41d44de-6d6e-47fc-a366-697f62b8d794/2023/11/29/1c7cd938-0006-481c-863f-bfa1904688b6/62d69ea2-8012-4251-96fd-aaed4d0d61b9.png)
, чтобы увеличить или уменьшить размер текста.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2023/12/18/9d553ab4-5d8e-4f52-ac15-456d3f2ac55e/69995ffd-c076-4e3b-a45c-59c42675b06d.png)
Настройка текста только для мобильных устройств
Добавьте текст прямо из панели «Добавить» в мобильном редакторе. Вы можете выбрать один из множества типов текста для добавления на сайт и полностью настроить его. Отрегулируйте цвет, шрифт, выравнивание и форматирование текста и даже добавьте классные эффекты тени и теги HTML.
Чтобы добавить и настроить текст только для мобильных устройств:
- Нажмите Добавить на мобильный сайт
в левой части мобильного редактора. - Нажмите Текст.
- Перетащите текстовый элемент на свою страницу.
- Нажмите Редактировать текст.
- Выберите, что вы хотите настроить:
Измените стиль текста или шрифт в соответствии со стилем вашего сайта.
- Стили: нажмите на выпадающее меню и выберите предпочитаемый стиль. Стиль будет применен к выбранному текстовому полю.
- Шрифты: нажмите на выпадающий список, чтобы выбрать существующий шрифт или загрузить новый.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/06/03/ab310732-b1a0-4d3d-9a3a-8d483156d7f3/c6a1b33f-69b6-4a77-82d8-250602775d05.png)
Выровняйте, выделите или пронумеруйте текст, чтобы он был аккуратным и структурированным, и добавьте курсив, подчеркивание или выделение текста, чтобы сделать его жирным. Вы также можете добавить ссылку к тексту, изменить ее цвет и даже изменить направление текста.
Выберите из ряда готовых эффектов тени, чтобы добавить глубину и выделить контент, который вы хотите выделить.
Увеличивайте или уменьшайте расстояние между буквами и строками текста, чтобы текст был удобным для чтения.
- Межбуквенный интервал: перетащите ползунок, чтобы изменить расстояние между буквами.
- Межстрочный интервал: установите флажок Автоматически или Настроить, чтобы настроить интервал между строками текста:
- Автоматически: межстрочный интервал выбирается автоматически.
- Настроить: перетащите ползунок, чтобы увеличить или уменьшить интервал между линиями.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/06/03/fdb6207e-98db-452a-a5b6-27b8da37edf3/9dcce9d1-c1d5-4b56-9ba0-eb674d4f9ccd.png)
Активируйте переключатель Включить вертикальный текст, чтобы изменить макет текста с горизонтального на вертикальный. Это добавит запоминающегося дизайна мобильному сайту и будет полезно для языков с вертикальной системой письма, например, японского.
Нажмите на выпадающий список, чтобы выбрать тег HTML. Теги HTML позволяют поисковым системам правильно сканировать и индексировать ваш сайт, поэтому посетители получают наиболее релевантные результаты в своем браузере.
Типы тегов HTML:
- H1: первый заголовок на странице сайта. Мы рекомендуем использовать его только для заголовка страницы и не применять его к любому другому тексту на странице.
- H2: эти теги обычно используются для разделов страницы. Вы можете добавить более одного на страницу и использовать их для заголовков разделов, таких как «Наша история» и «Контакты».
- H3: теги H3 используются для обозначения заголовков подразделов, например «Наш адрес» в разделе H2 «Свяжитесь с нами».
- P: тег P подходит для всего остального текста на вашем сайте, такого как абзацы, а также может использоваться, если вы не уверены, какой тег HTML добавить.
- Цитата: цитаты используются для определения текстовых цитат. Используйте эти теги при добавлении отзывов или цитат на сайт.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2021/06/03/deceee23-0f01-4e04-b44a-1546318f0c62/9dbf7f1a-de8f-4c1c-8799-0d5d5482f4cc.png)