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

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

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

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

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

Выбрать шрифты, задать размер и цвет вы можете в разделе Дизайн Кнопка «Настроить цвета и шрифты».

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

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

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

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

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

По-умолчанию установлен режим ввода обычного текста. Установите необходимое форматирование текста у абзаца и выполните ввод текста:

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

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

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

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

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

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

  • Для выравнивания элементов по вертикали в соседних колонках. Например, вам нужно выровнять элементы в соседних колонках по высоте.

Для этого добавьте недостающую строчку в первой колонке, нажав Shift+Enter (в Safari на Mac Ctrl+Enter):

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

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

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

Для добавления новых элементов в список переместите курсор в нужное вам место, например, в конец списка, и просто нажмите клавишу Enter.

Таким же образом можно сделать нумерованный список для элементов, которые должны следовать в определенном порядке:

Специальные символы и эмодзи в тексте и заголовках

Вы можете добавить специальные символы или эмодзи в заголовки и тексты на вашем сайте. Для этого, при редактировании текста, нажмите Ctrl+Cmd+Пробел (на Mac) или Win+«Точка» (на Windows 10) и в появившемся окне выберите необходимый символ или смайлик.

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

Символ

Описание

Длинное тире

§

Знак параграфа

Длинная стрелка влево

Длинная стрелка вправо

Длинная двусторонняя стрелка

Двойная длинная стрелка влево

Двойная длинная стрелка вправо

Двойная двусторонняя стрелка

Многоточие на средней линии

Знак бесконечности

Закрашенная звезда

Незакрашенная звезда

Символ галочка

Символ крестик

Сердце

В результате получаются оригинальные заголовки и дополнения к текстам:

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