> For the complete documentation index, see [llms.txt](https://docs.wfolio.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wfolio.pro/site/blocks/txt.md).

# Работа с текстом

Применяйте форматирование к тексту, чтобы структурировать его. Так посетителям сайта будет удобно и понятно ориентироваться на сайте. Для этого используйте разные [блоки](/site/pages/tipy-stranic/custom-page.md) или подготовленные [шаблоны страниц](/site/pages/page-template.md). Не забывайте оформлять текст с заголовками, списками и выделением.

### Выбор шрифта и размера текста

Установите один шрифт для заголовков и основного текста или сделайте их разными.

Хорошо работают сочетания шрифтов: большой шрифт для заголовка с засечками + шрифт для текста без засечек — или наоборот. Используйте на сайте хорошо читаемый аккуратный шрифт. Помните, что основная задача шрифта — удобство чтения текста на сайте.

Выберите шрифт и настройте размеры в разделе **«Дизайн» → «Шрифты сайта»**.

<figure><img src="/files/hVRAwcvioC8dRKoZZNIc" alt=""><figcaption></figcaption></figure>

### Типографирование текста <a href="#typograph-tool" id="typograph-tool"></a>

На сайте по умолчанию работает типографирование. Оно приводит текст в соответствие с принятыми правилами набора и помогает оформить текст на базовом уровне: автоматически расставляет правильные кавычки, тире, пробелы и запятые.

Отключить типографирование можно в разделе настроек **«Настройки сайта» → «Разные настройки».**

<figure><img src="/files/yffiBZGUwHPimzRYcVqf" alt=""><figcaption></figcaption></figure>

## Структура страницы

Сравните два текста: без структуры и с проработанной структурой.

<figure><img src="/files/1Iv4jZtoTMwDGCB8Ky51" alt=""><figcaption></figcaption></figure>

### Форматирование текста

Используйте встроенные инструменты, доступные на панели над текстом.

<figure><img src="/files/9sp5CFHTl4UbDOZB57Ra" alt=""><figcaption></figcaption></figure>

По умолчанию в блок вводится обычный текст. Для красивого и правильного оформления текста используйте заголовки и подзаголовки — так текст проще читать.

{% hint style="success" %}
Использование заголовков и подзаголовков и структура текста на страницах важны для [продвижения сайта в поиске](broken://pages/-M3omYnRQcBFu4-_siLx).
{% endhint %}

Пример поста в блоге без заголовков и с заголовками:

<figure><img src="/files/uskiIN5wF6ve2k626jD6" alt=""><figcaption><p>В тексте не используются заголовки</p></figcaption></figure>

<figure><img src="/files/HC4yTcqeEgMyJDX6toN3" alt=""><figcaption><p>В тексте используются заголовки и подзаголовки</p></figcaption></figure>

Также текст можно:

* Оформить как список.
* Выделить жирным <mark style="background-color:blue;">**(B)**</mark>, курсивом <mark style="background-color:blue;">**(I)**</mark>, подчеркнуть <mark style="background-color:blue;">**(U)**</mark>, зачеркнуть <mark style="background-color:blue;">**(S)**</mark>.
* Оформить как цитату <mark style="background-color:blue;">**(")**</mark>.
* Настроить выравнивание текста: по правому или левому краю, по центру или по ширине.

{% hint style="info" %}
В выравнивании по ширине слова выравниваются по краям текстового блока. Между словами появляются пробелы разной длины, из-за чего текст может смотреться неоднородно. Не используйте этот вид выравнивания или используйте его осторожно.
{% endhint %}

### Новый абзац или перевод строки?

Абзац текста на сайте всегда имеет отступ до и после себя, но часто нужно перевести курсор на новую строчку, не создавая новый абзац. Для этого используйте сочетание клавиш **Shift+Enter** (или **⌘+Enter**).

{% hint style="info" %}
**Enter** — это новый абзац с отступами.\
**Shift+Enter** (или **⌘+Enter**) — это перевод на новую сточку без отступов.
{% endhint %}

#### Зачем это нужно?

* **Для перевода строки в списке**. Когда вы работаете со списком, нажатие **Enter** приводит к созданию нового элемента списка. Чтобы просто перевести строку и не создавать новый элемент, нажмите **Shift+Enter** (или **⌘+Enter**).
* **Для оформления текста в две строки.**

<figure><img src="/files/SWD2q74dwjYy7NPA460u" alt=""><figcaption></figcaption></figure>

* **Для выравнивания элементов по вертикали в соседних колонках.** Сравните: во втором блоке после описания в одну строку был сделан перенос с помощью **Shift+Enter** (или **⌘+Enter**):

<figure><img src="/files/sYnyWYsAiIQEGu78Tesy" alt=""><figcaption></figcaption></figure>

### Как сделать красивый список

Сделать ровный и красивый список — легко. Для этого выделите нужный текст и в панели форматирования выберите пункт **«Список»** или **«Нумерованный список»**.

<figure><img src="/files/U2muxexEh9PV9So36me4" alt=""><figcaption></figcaption></figure>

В результате получится ровно отформатированный список, с одинаковыми отступами и начальными элементами (буллитами). Если у вас уже были свои буллиты в начале, то просто сотрите их.

<figure><img src="/files/VLu5yDPGTbsjpETSz38h" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
В разделе **«Дизайн» → «Шрифты сайта»** можно выбрать внешний вид списка: с `•` ,  `—` или с `✔`.
{% endhint %}