Редакторы контента на WordPress?

В этой теме мы познакомимся со встроенными в Wordpress редакторами и плагинами для их модификации.
Как вставить код в специальном блоке в виде текста на WordPress

Для демонстрации языков программирования и участков кода в теле страницы рекомендуется использовать специальный плагин для разметки и подсветки тэгов, например, «Enlighter — Customizable Syntax Highlighter» (или любой другой с подходящим функционалом)

Мы рассмотрим пример использования плагина Enlighter

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

Результат работы плагина Enlighter:

<html>
    <head>
        <title>Это пример блока с html-разметкой</title>
    </head>
    <body>
        <p>созданного плагином Enlighter на WordPress</p>
    </body>
</html>

Теперь проделаем всё тоже самое, но уже в редакторе Gutenberg

Жмём на кнопку меню добавления нового блока и находим блок «Enlighter Sourcecode» (можно ввести название в поиске)

 

Стоит отметить, что в конструкторе блоков уже есть стандартное решение для вставки примеров исходного кода, но без функций форматирования и подсветки. Как правило это конструкция обёрнутая тегами <code></code>