Об уроке
Для демонстрации языков программирования и участков кода в теле страницы рекомендуется использовать специальный плагин для разметки и подсветки тэгов, например, «Enlighter — Customizable Syntax Highlighter» (или любой другой с подходящим функционалом)
Мы рассмотрим пример использования плагина Enlighter
После установки плагина в классическом редакторе появится кнопка 
для добавления разметки с кодом:
Результат работы плагина Enlighter:
<html>
<head>
<title>Это пример блока с html-разметкой</title>
</head>
<body>
<p>созданного плагином Enlighter на WordPress</p>
</body>
</html>
Теперь проделаем всё тоже самое, но уже в редакторе Gutenberg
Жмём на кнопку меню добавления нового блока 
и находим блок «Enlighter Sourcecode» (можно ввести название в поиске)
Стоит отметить, что в конструкторе блоков уже есть стандартное решение для вставки примеров исходного кода, но без функций форматирования и подсветки. Как правило это конструкция обёрнутая тегами <code></code>
