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

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

В этом руководстве рассказывается, как использовать классический редактор — традиционный способ редактирования в WordPress. Современный редактор WordPress располагает всеми теми возможностями, что имеются в классическом редакторе, а также имеет целый ряд дополнительных функций, поэтому, даже если классический редактор остаётся доступным, пользоваться им не рекомендуется.

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

💡

Знаете ли вы? В редакторе WordPress есть блок «Классический», который во многом повторяет функционал классического редактора в современном. Вы можете применить блок «Классический», чтобы пользоваться всеми возможностями современного редактора WordPress, сохраняя при этом классическое оформление.

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

Сайты без поддержки плагинов

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

  1. Откройте консоль вашего сайта.
  2. В разделе Настройки → Общие убедитесь, что для параметра «Стиль интерфейса администратора» выбрано значение «По умолчанию», а не «Классический».
  3. Перейдите в раздел Страницы или Записи.
  4. Наведите указатель мыши на страницу или запись, которые нужно отредактировать, и выберите «Классический редактор».
Список страниц со стрелкой, указывающей на ссылку на классический редактор.
Как перейти к классическому редактору в представлении по умолчанию на WordPress.com

Сайты с поддержкой плагинов

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

  1. Откройте консоль вашего сайта.
  2. Перейдите в раздел Плагины → Установленные плагины на боковой панели.
  3. Найдите уже установленный плагин «Классический редактор».
  4. Нажмите ссылку «Активировать» под названием плагина.
  5. При создании новой записи или страницы по умолчанию будет использоваться классический редактор.

Если плагин «Классический редактор» активен, но при редактировании страницы вы всё равно попадаете в редактор WordPress, установите следующие флажки (это не относится к сайтам, на которых не используется этот плагин):

  1. Откройте консоль вашего сайта.
  2. С левой стороны выберите Настройки Написание.
  3. Убедитесь, что перед вами классический вид, для чего перейдите на вкладку Вид в правом верхнем углу и выберите «Классический вид».
  4. Убедитесь, что параметр «Редактор по умолчанию для всех пользователей» имеет значение «Классический редактор».
  5. Прокрутите страницу вниз и нажмите кнопку «Сохранить изменения», чтобы применить все изменения настроек.
Параметры «Редактор по умолчанию для всех пользователей» и «Разрешить пользователям переключаться между редакторами» в настройках записи.

О классическом редакторе

В классическом редакторе можно создавать, редактировать и форматировать содержимое практически так же, как в текстовом редакторе. Кроме того, вы можете использовать современный редактор WordPress для создания любых элементов, доступных в классическом редакторе: от простых записей в блоге и статей до уникальных веб-сайтов, богатых медиафайлами и адаптированных к мобильным устройствам.

Классический редактор имеет два режима просмотра: визуальный и HTML. Если вам сложно редактировать в 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).

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

Цвет текста

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

outdent-example
indent-example

Интервал

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

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

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

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

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

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

Чтобы использовать горячие клавиши по умолчанию, нажмите 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По ширине
dЗачёркиваниеqЦитата
uМаркированный списокoНумерованный список
aВставить/изменить ссылкуsУдалить ссылку
mВставить/изменить картинкуtВставить тег «Далее»
hГорячие клавишиxКод
pВставить тег разрыва страницы

Copied to clipboard!