Содержание
Особенность работы с текстом в Setka Post Editor
Как переключать текстовые форматы?
Как выделить несколько абзацев одновременно?
Как регулировать нижние отступы?
Как регулировать внутренние отступы?
Как добавить оглавление к посту?
Как сделать скролл до якорей плавным?
Особенность работы с текстом в Setka Post Editor
В Setka Post Editor работа происходит не с произвольным отрывком текста или строкой, а с абзацем (Paragraph). Каждый абзац — отдельный элемент поста. Форматирование применяется к абзацу. Чтобы изменить несколько абзацев одновременно, кликните по каждому из них курсором, одновременно зажав клавишу CMD или CTRL.
Комбинация клавиш Shift + Enter создает новую строку в том же абзаце. Это может быть удобнее, когда вы печатаете статью прямо в редакторе. Но вставленный в редактор большой отрывок текста, все равно разобьётся на абзацы в местах переноса на новую строку.
Как форматировать текст?
Базовая единица работы с текстом в Setka Post Editor — это абзац (Paragraph), настройки применяются именно к нему. Если кликнуть правой кнопкой, то в том месте, где находится курсор, появится контекстное меню для простых и быстрых действий. Или пользуйтесь горячими клавишами.
Отдельные слова и отрезки текста (не абзацы) тоже можно форматировать — выделять курсивом, жирным, добавлять к ним якори и ссылки. Если выбрать нужный отрезок, появится вкладка Selection, в которой можно управлять его оформлением.
Как удалить строку?
Содержимое удаляется клавишей Delete. Строка удаляется полностью, комбинацией клавиш CMD/CTRL + Delete. Таким же образом удаляется и Эмбед.
Как переключать текстовые форматы?
Откройте вкладку Paragraph и выберите нужный формат текста: Paragraph / Large header / Medium Header / Small header / Large header / Small text. Сочетание клавиш CMD/CTRL + 1...9 позволяет быстро менять формат всего абзаца.
Форматы текста настраиваются в Управлении дизайн системой.
Как выделить несколько абзацев одновременно?
Зажмите клавишу CMD/CTRL и выделите нужные абзацы, кликом. Вы можете выбрать абзацы в произвольном порядке. Теперь вы можете менять формат текста (цвет, размер, оформление шрифта) сразу нескольких абзацев.
Если нужно выбрать все содержимое статьи, кликнете CMD/CTRL + Shift + A. При выделении появится вкладка Несколько элементов. В правом верхнем углу вы увидите, сколько элементов выделено.
Как выровнять текст?
Выберите вкладку Параграф на верхней панеле и выберите нужный тип выравнивания. Текст выравнивается по центру, левому или правому краю.
В Setka Editor нет выравнивания по ширине. Оно нежелательно, с точки зрения типографики:
1. Видимый беспорядок внутри текстового блока
В печати есть множество инструментов для регулировки стройности текста: переносы, интервалы между словами, широкие и узкие варианты шрифта и прочие. Верстка с выравниванием по ширине выглядит хорошо только тогда, когда она сделана вручную профессиональным верстальщиком. В случае web-страниц происходит неконтролируемое увеличение ширины пробелов:
2. Плохая читаемость
Выровненный по ширине текст читать сложнее, чем текст, выровненный другими способами. Глаз постоянно вынужден выискивать начало следующего слова, а из-за разности пробелов от строки к строке, еще и перестраиваться с одного расстояния на другое.
3. Неприспособленность под мобильные устройства
Вёрстка по ширине вступает в прямое противоречие с требованиями мобильных устройств, для которых чем короче строка, тем лучше.
Как регулировать нижние отступы?
Чтобы изменить размер отступа, нажмите Параграф -> Нижний отступ или комбинацию CMD/CTRL + ↑/↓.
Значения отступов кратны высоте строки (line-height) основного шрифта стиля (формат paragraph). Мы использовали этот прием типографики, чтобы предлагать сразу те отступы, хорошо сочетаемые с вёрсткой поста.
Как регулировать внутренние отступы?
Внутренние отступы — это свободные поля сверху и снизу от абзаца. Чтобы изменить их, откройте вкладку Параграф -> Внутренний отступ и выберите размер отступа в пикселях (px).
Как выделить текст цветом?
Вы можете выделить абзац цветом. Откройте вкладку Параграф и выберите нужный оттенок в меню Цвет текста — эти цвета заданы стилем. Цветным можно сделать любой текст, в том числе подписи к изображениям и ссылки.
Можно работать с разными фонами и цветными вставками.
Выделить одно или несколько слов (не абзац) цветом нельзя. Этот запрет — осознанное решение. С точки зрения типографики, в большинстве случаев этот визуальный прием не имеет смысла.
Как добавить иконки в текст?
Чтобы добавить иконки, нажмите на значок на правой панели. Появится окно с выбором иконок или эмодзи.
Как добавить оглавление к посту?
Если вы верстаете длинный пост с разделами и хотите сделать навигацию по ним, напишите оглавление и превратите заголовок каждого раздела в «якорь» — закладку в посте с уникальным именем, к которой можно перейти по прямой ссылке.
Как создать якорь?
Откройте вкладку Параграф и дайте абзацу название в меню Якорь. Чтобы вернуться к якорю из другой части текста, нажмите на вкладку Выделение, а затем — на меню Якорь.
Как сделать скролл до якорей плавным?
По умолчанию, при переходе по якорю, пользователя моментально перенесёт в соответствующий участок статьи. Чтобы переход осуществлялся с плавным скроллом, добавьте этот код в разделе Custom CSS в настройках вашего стиля.
@at-root {
html, body { scroll-behavior: smooth; }
}Примечание: не все браузеры поддерживают плавную прокрутку.
Как добавить ссылку?
Выделите нужное слово или отрезок текста курсором, нажмите Выделение и вставьте ссылку в поле Ссылка, или выберите название якоря, чтобы дать ссылку на него. Если вы хотите, чтобы ссылка открылась у читателя поста в новой вкладке, нажмите галочку В новой вкладке.