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

Выбор шрифта сайта и форматирование текста на странице

Применяйте форматирование к тексту, чтобы структурировать его. Так посетителям сайта будет удобно и понятно ориентироваться на сайте. Для этого используйте разные блоки или подготовленные шаблоны страниц. Не забывайте оформлять текст с заголовками, списками и выделением.

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

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

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

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

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

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

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

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

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

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

В тексте не используются заголовки
В тексте используются заголовки и подзаголовки

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

  • Оформить как список.

  • Выделить жирным (B), курсивом (I), подчеркнуть (U), зачеркнуть (S).

  • Оформить как цитату (").

  • Настроить выравнивание текста: по правому или левому краю, по центру или по ширине.

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

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

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

Enter — это новый абзац с отступами. Shift+Enter (или ⌘+Enter) — это перевод на новую сточку без отступов.

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

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

  • Для оформления текста в две строки.

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

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

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

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

Last updated

Was this helpful?