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

Использование классического редактора

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

⚠️

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

Доступ к классическому редактору

Эти инструкции относятся к интерфейсу консоли. Чтобы увидеть этот интерфейс, щёлкните вкладку Вид в правом верхнем углу и выберите Стандартный вид.

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

Изображение со списком всех страниц и ссылкой на классический редактор

Если у вас тарифный план с поддержкой плагинов, вы можете активировать плагин «Классический редактор» в меню Плагины → Установленные плагины.

Основные сведения о классическом редакторе

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

💡

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

Снимок экрана с классическим редактором и выделенной вкладкой "Визуальный редактор".
Вы должны перейти на вкладку «Визуальный редактор»

📌

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

Обзор кнопок классического редактора

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

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

Когда классический редактор открывается первый раз, в нём отображается один ряд значков:

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

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

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

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

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

Слева

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

Справа

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

По центру

По центру
По центру

Стили

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

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

Текстовые стили в классическом редакторе
Текстовые стили в классическом редакторе

Цвет текста

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Кнопка "Очистить форматирование"

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

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

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

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

Специальные символы

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

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

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

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

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

outdent-example
indent-example

Интервал

Нажатием клавиши Enter (Return) вы завершите ввод абзаца текста и начнете новый абзац. Если вы хотите начать новую строку, не создавая новый абзац, нажмите клавишу «Ввод», удерживая при этом клавишу Shift.

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

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

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

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

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

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

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

Чтобы использовать дополнительные горячие клавиши, нажмите Control + Option + клавиша на Mac или Control + Alt + клавиша на Windows:

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

Copied to clipboard!