Отображение кода № 1: плагин SyntaxHighlighter Evolved
SyntaxHighlighter Evolved — один из лучших плагинов для отображения кода в WordPress. Он очень прост в использовании и предлагает подсветку кода для многих различных языков программирования и разметки. Результат в статье выглядит профессионально, а плагин загружает код относительно быстро.
Как показано, отдельные строки кода также могут быть выделены. Плагин используется через шорткоды.
Примеры:
Введите следующие шорткоды в редактор WordPress, и плагин автоматически превратит код в привлекательный макет.
PHP:
CSS:
Выдержка из множества настроек этого плагина:
Преимущества и недостатки
Отображение кода на веб-сайте можно изменить с помощью предопределенных тем, что является хорошей игрушкой. Однако в этом нет особой необходимости. Преимуществом плагина является отличное визуальное представление блоков кода, а также тот факт, что необходимые файлы CSS и JavaScript загружаются в документ только тогда, когда в статье действительно есть фрагмент кода. Когда сниппета нет, данные не загружаются, что положительно сказывается на производительности сайта.
Однако недостатком является то, что плагин только показывает код, но не позволяет вам им управлять. Это очень неудобно для разработчиков, которые часто работают с большим количеством фрагментов кода.
Отображение кода № 2: Интегрируйте Gists из GitHub
Gist’s Gists очень популярен, так как вы можете передать все свои фрагменты кода на аутсорсинг и собрать их в одном месте. Таким образом, у вас всегда есть доступ к фрагментам кода, а также вы можете поделиться ими с другими разработчиками. Отображение кода привлекательно и зависит от используемого языка программирования или разметки. Итак, что может быть более очевидным, чем внедрение Gists в WordPress? Вот только это не работает так гладко, как хотелось бы. Для этого также нужен плагин.
Аккаунт GitHub не обязателен, но имеет смысл
Учетная запись GitHub не требуется для создания Gists и их использования в статьях WordPress. Вы также можете создавать Gists анонимно. Но это не имеет смысла, так как тогда исчезнет большое преимущество GitHub, заключающееся в централизованном управлении всеми фрагментами кода. Создание учетной записи, чтобы воспользоваться всеми преимуществами, бесплатно.
Создание анонимного Gist | Создание учетной записи GitHub
Плагин oEmbed Gist
Этот небольшой плагин отвечает за легкое встраивание Gists в статьи WordPress. После активации операция очень проста: скопируйте ссылку на Gist и вставьте ее в редактор. Сделанный!
Копирование ссылки на суть
Вставка ссылки в визуальный редактор WordPress
Окончательный результат на сайте
- Разработчик: Такаюки Мияучи
- В процессе: Да
- Последняя версия от: 17.11.2015
- Стоимость: бесплатно на WordPress.org
- Лицензия: ОБЩАЯ ПУБЛИЧНАЯ ЛИЦЕНЗИЯ GNU
- Несовместимость с другими плагинами: пока не слышал
- Домашняя страница разработчика: недоступна
- Скачать на WordPress.org
Преимущества и недостатки
На мой взгляд, недостатков нет, так как файлы, используемые для отображения фрагментов, интегрируются только при необходимости; точно так же, как это делает вышеуказанный плагин. Большим преимуществом является централизованное управление всеми вашими фрагментами кода после создания учетной записи GitHub. Все блоки кода, находящиеся в одном месте, позволяют быстро обмениваться файлами с другими. Бесплатная учетная запись позволяет вам управлять не только фрагментами кода, но и целыми проектами, в которые вы можете приглашать других разработчиков и сотрудников.
Заключение
Мы представили два свежих и функциональных решения для интеграции кода в записи блога. SyntaxHighlighter определенно хорош, когда вы не хотите отображать много блоков кода или не нуждаетесь в управлении ими. Однако при работе с большим количеством фрагментов вам следует настроить бесплатную учетную запись GitHub и выбрать решение с помощью встроенных Gists. Есть причина, по которой все популярные разработчики WordPress имеют учетную запись GitHub.
Ищете более свежие плагины? Смотри сюда…
(дпе)