Очень удобно, когда при просмотре публикации, содержащей код, синтаксис этого кода подсвечен. Это упрощает восприятие кода. Про подсветку кода в бэк-энде уже писал в публикации «Плагин для подсветки кода в back end HTML Editor Syntax Highlighter » , но с обновлениями WordPress в нем смысл пропал, так как разработчики WP уже внедрили подсветку в в основную версию. Но подсветка кода во фронт-энде остается актуальной. Мне очень нравился плагин Crayon Syntax Highlighter , но его разработчик прекратил обновлять еще четыре года назад. Тут , случайно, наткнулся на новый вариант Crayon Syntax Highlighter и в другом репозитории WordPress. Это плагин Urvanov Syntax Highlighter. Как выяснилось, это тот же Crayon, только полностью переделанный под новые версии WordPress, а так же добавился еще один разработчик . Внешне осталось по прежнему:

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

Это меню упрощает копирование кода, просмотр. Есть возможность открытия кода на всю страницу. Можно включить или отключить нумерацию строк, убрать подсветку кода.
Плагин охотно дружит с Гутенбергом. Сложностей при публикации кода никаких. Кнопка вставки кода «<> Urvanov Syntax Highlighter» появляется после установки плагина в текстовом редакторе.

Скачать плагин Urvanov Syntax Highlighter можно из репозитория WP.