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

Синтаксические выделения плагинов для WordPress

к содержанию ↑

1. Crayon Syntax Highlighter

Crayon Syntax Highlighter

Crayon Syntax Highlighter, пожалуй, один из самых крутых плагинов подсветки синтаксиса для WordPress. После установки вы можете легко настроить параметры в соответствии с вашими требованиями. Плагин поставляется с различными полностью настраиваемыми темами, которые вы можете применить на своем сайте WordPress.

Он обеспечивает регулярные выражения и поддержку различных языков, которые могут появляться на веб-сайте, и выделяет как URL-адреса, так и текстовые сообщения WordPress. Если вы используете Crayon Syntax Highlighter, встроенный редактор тем, редактор тегов, переключаемый простой код и номера строк, открытый код, минимизацию и выделение смешанного языка в одном Crayon — это лишь некоторые из возможностей, которые вам понравятся.

к содержанию ↑

2. Enlighter

Enlighter

Enlighter предлагает другое средство, чтобы помочь отображать коды на вашем веб-сайте WordPress «просветляющим» способом. Он поставляется вместе с инструментом настройки темы, который может быть полезен при просмотре живого превью. Этот инструмент также можно использовать для изменения встроенных тем.

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

к содержанию ↑

3.  iG:Syntax Hiliter

iG:Syntax Hiliter

Если вы предоставляете исходные коды на своем веб-сайте, лучше всего выделить их так, чтобы зрители могли их легко обнаружить. IG: Syntax Hiliter позволяет интегрировать исходные коды и выделять их тоже. Это дает вам возможность добавлять коды непосредственно после их редактирования или из вашего редактора кода.

Это также позволяет настроить код или цвет подсветки. Плагин кеша (который вам нужно будет загрузить) ускорит процесс и поддерживает все основные языки программирования. Вам понадобится WordPress 4.1 или выше или PHP 5.3 или выше, чтобы плагин работал.

к содержанию ↑

4. Syntax Highlighter Evolved


Syntax Highlighter Evolved 

Syntax Highlighter Evolved позволяет вам добавлять коды на ваш сайт без необходимости форматирования, чтобы исходный код был доступен для использования зрителями. Это один из самых гладких плагинов для подсветки синтаксиса администратора WordPress, который находится в режиме постоянной разработки. Обновления регулярно доступны, и к вашим услугам будет всегда доступна супер полезная команда технической поддержки.

Он также устанавливается довольно легко, где вам просто нужно добавить плагин на панель WordPress и активировать его. Он поддерживает все основные языки веб-разработки, поэтому совместим в целом. Вы можете настроить различные коды в соответствии с вашими требованиями.

к содержанию ↑

5. Code Prettify

Code Prettify

По сути, с помощью Code Prettify пользователь может добавить библиотеку Google Code Prettify в WordPress. Вся библиотека поставляется в виде одного уменьшенного файла JavaScript. Это может помочь определить правильный язык, который используется, а также проанализировать все теги, отображаемые на странице. Некоторые другие дополнительные преимущества плагина включают в себя ленивую загрузку необходимого модуля синтаксиса и применение выделения, когда это необходимо.

В целом, этот плагин WordPress для подсветки синтаксиса — это всего лишь 31 строка кода, что делает его очень легким. Он очень целеустремленный и не отвлекает, как классы CSS и шорткоды.

к содержанию ↑

6. WP-GeSHi-Highlight

WP-GeSHi-Highlight

Поддержка 257 языков, Мобильный: не поддерживает JavaScript. Это значительно экономит трафик и батарею по сравнению с решениями на основе JavaScript. Почти нулевая дополнительная нагрузка на бэкэнд. Особенно в сочетании с решением для кэширования это никак не влияет на время загрузки вашей страницы. Нумерация строк (только если вы хотите). Нет вертикальных смещений между строкой кода и номером строки. Числа не копируются в большинстве браузеров при копировании в буфер обмена. Стиль по умолчанию был протестирован с более чем 20 темах, включая базовых. Если вы хотите настроить стиль по умолчанию: вы можете добавить свой собственный файл CSS. Стили легко и легко настраиваются. Стили для каждого блока: каждый блок кода на отдельной странице может быть стилизован отдельно (если это то, что вы хотели бы сделать). Чистый, маленький и правильный вывод HTML. Хорошо документированный исходный код. Использует современные вызовы WordPress API. Я поддерживаю этот плагин в течение нескольких лет, и я планирую продолжать оказывать поддержку.

Плагин рейтинга создан автором этого блога. Буду очень признателен, если вы сможете его поддержать (ссылка)

p.s. Если статья была полезной и вас переполняет чувство благодарности, можете поддержать меня долларом на патреоне

Об авторе

Web Developer. I have expirience in FrontEnd, Backend, Devops. PHP, Python, Javascript (Vue.js, React.js)

Смотреть посты