Написание и редактирование

Визуальный редактор

Действия, описанные в этом руководстве, относятся к классическому редактору. Если вы применяете наш новый редактор блоков, используйте это руководство.

О визуальном редакторе

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

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

Убедитесь, что вы находитесь на вкладке «Визуальный»

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

Стили контента в визуальном редакторе задаются CSS (тип кода, который задает стили HTML, например, цвет, интервал, ширину и т.д.) выбранной вами темы. То, что вы видите в редакторе, может совершенно не соответствовать реальному сайту. Чтобы проверить, как запись или страница отображается на веб-сайте в Интернете, нажмите кнопку Предварительный просмотр.


Первый ряд кнопок редактирования

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

изображение кнопок в первом ряду панели инструментов визуального редактора
Кнопки редактирования первого ряда. См. ниже пояснение по функции каждой из кнопок.
  1. Добавить медиаобъект
  2. Стиль — различные стили форматирования, определенные в вашей теме
  3. Жирный
  4. Курсив
  5. Неупорядоченный список (пункты маркированного списка):
    • Пункт 1
    • Пункт 2
  6. Упорядоченный список
    1. Пункт 1
    2. Пункт 2
  7. Блок цитаты (способ отображения цитируемого текста; в каждой теме для этого блока предусмотрено свое оформление)
  8. Выравнивание по левому краю
  9. Выравнивание по центру
  10. Выравнивание по правому краю
  11. Вставить/изменить/удалить ссылку
  12. Вставить тег «Далее»
  13. Переключатель панели инструментов (включает второй ряд иконок редактирования)
  14. Добавить форму для связи

Второй ряд кнопок редактирования

Чтобы отобразить второй ряд кнопок, нажмите иконку переключения панели инструментов в правой части первого ряда (кнопка 13 сверху). Откроется вторая панель инструментов, которая имеет следующий вид:

изображение второго ряда иконок панели инструментов визуального редактора
Кнопки редактирования второго ряда. См. ниже пояснение по функции каждой из кнопок.
  1. Перечеркнутый
  2. Горизонтальная линия
  3. Выбрать цвет текста — изменить цвет текста
  4. Вставить как текст
  5. Очистить форматирование
  6. Вставить специальный символ
  7. Выступ — переместить текст дальше влево
  8. Отступ — переместить текст дальше вправо
  9. Отменить — отменить последнее действие
  10. Повторить — повторить последнее действие
  11. Справка — отобразить сочетания клавиш

Выравнивание

С помощью соответствующих иконок можно выровнять как текст, так и изображения:

По левому краю

Выровнять по левому краю
По левому краю

По правому краю

Выровнять по правому краю
По правому краю

По центру

Выровнять по центру
Выровнять по центру

Стили

Выпадающее меню стиля позволяет изменять форматирование любого выделенного фрагмента текста. Здесь приведены стили заголовков и предустановленные в теме стили.

Обратите внимание, что для более детального изменения стиля необходимы пользовательские CSS-стили (и соответствующие знания по работе с CSS-кодом).

Стили текста в визуальном редакторе
Стили текста в визуальном редакторе

Цвет текста

Чтобы изменить цвет текста, сначала необходимо выделить фрагмент текста:

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

изображение опции выбора цветов

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

При нажатии на саму кнопку выбора цвета текста будет применен последний цвет по умолчанию.

изображение кнопки выбора цвета по умолчанию

Вставка текста

При копировании и вставке текста из другого места он не всегда выглядит в точности так, как ожидается. Это связано с тем, что при копировании и вставке текста из другой программы (например, электронной почты или текстового редактора) переносится и его форматирование.

Чтобы вставить текст без специальных тегов форматирования и тегов HTML, которые могут повлиять на форматирование текста, воспользуйтесь кнопкой Вставить как текст.

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

изображение кнопки «Вставить как текст» в неактивном состоянии

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

изображение кнопки «Вставить как текст» в режиме

Очистить форматирование

Кнопка «Очистить форматирование» позволяет удалить все форматирование (полужирный шрифт, курсив, цвет текста и т. д.) выделенного фрагмента текста. Сначала выделите фрагмент текста:

изображение отформатированного текста

При нажатии на кнопку будет удалено все форматирование:

изображение текста после нажатия на кнопку «Очистить форматирование».

Пользовательские символы

Вы можете вставить специальный символ в пост или на страницу. Поместите курсор туда, куда вы хотите вставить символ, и нажмите кнопку «Вставить пользовательский символ». Появится всплывающее окно:

изображение специальных символов

Нажмите на символ, и он будет вставлен в позицию курсора.


Выступ/отступ

Кнопка отступа переместит текст на один уровень, а кнопка выступа один уровень заберет.

outdent-example
indent-example

Интервал

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


Горячие клавиши

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

Чтобы просмотреть список всех доступных горячих клавиш, нажмите на переключатель панели инструментов для отображения второго ряда иконок и затем нажмите на иконку «Горячие клавиши» (вопросительный знак) в конце второго ряда.

Появится окно со списком горячих клавиш, доступных в редакторе.

Изображение горячих клавиш

Чтобы использовать сочетания клавиш по умолчанию, нажмите клавишу Command в macOS или Control в Windows и удерживая ее нажмите клавишу нужного сочетания.

КлавишаДействиеКлавишаДействие
сКопироватьxВырезать
vВставитьaВыделить все
zОтменитьyВернуть
bПолужирныйiКурсив
uПодчеркнутыйkВставить/изменить ссылку

Дополнительные горячие клавиши: нажмите клавиши Control и Option в macOS или клавиши Control и Alt в Windows и удерживая их нажмите одну из следующих клавиш:

КлавишаДействиеКлавишаДействие
1Заголовок 12Заголовок 2
3Заголовок 34Заголовок 4
5Заголовок 56Заголовок 6
lПо левому краюсПо центру
rПо правому краюjВыровнять
dПеречеркнутыйqЦитата
uМаркированный списокoНумерованный список
aВставить/изменить ссылкуsУдалить ссылку
мВставить/изменить изображениеtВставить тег «Читать далее»
hГорячие клавишиxКод
pВставить тег «Разрыв страницы»
Still confused?

Contact support.