Как вставить код на сайт

При попытке показать в статье пример javascript или php-код Вордпресс в целях безопасности не показывает или перекодирует некоторые знаки в специальные html-символы, что приводит к неработоспособности кода при его копировании. Не всегда помогает оборачивание части кода тегами code и pre.

Плагин WP-Syntax

    Плагин WP-Syntax поможет вам вставить код в запись (страницу) WordPress без искажения:

  • меньше других аналогичных плагинов нагружает WordPress;
  • наименее конфликтен с другими плагинами;
  • широкий функционал (для публикации в SEO-блогах даже избыточен);
  • позволяет разные блоки кода выводить со своим оформлением (подсветка, нумерация и т.д.)

Установить плагин можно с официального депозитария WordPress по адресу: https://wordpress.org/plugins/wp-syntax/

Плагин WP-Syntax

Плагин не имеет настроек и после активации сразу готов к использованию.

Для вывода кода оберните его тегом pre в html-редакторе:

Плагин WP-Syntax вывод кода

При работе в HTML-редакторе нельзя переходить в обычный визуальный режим работы редактора WordPress.

Параметр LANG

Обязательный параметр. В lang необходимо явно указать язык программирования: php, java, css, html, при этом код будет подсвечен соответствующим образом:

Плагин WP-Syntax параметр lang

Так если при выводе php-кода не указать lang="php" , то часть кода не будет показана (и соответственно не будет доступна для копирования).

Параметр LINE

Необязательный параметр. С помощью опции line строки можно нумеровать. Естественно при копировании кода нумерация не копируется.

Плагин WP-Syntax параметр line

Если указать допустим line="3", то нумерация строк начнется не с 1, а с 3:

Плагин WP-Syntax нумерация строк

Параметр HIGLIGHT

Необязательный параметр. Опцией highlight можно подсветить нужную нам строку (в нашем примере это строка 2):

Плагин WP-Syntax подсветка

Параметр ESCAPED

Необязательный параметр. По умолчанию спецсимволы выводятся как есть:

Плагин WP-Syntax вывод спецсимволов

Для замены спецсимволов на теги воспользуйтесь опцией escaped="true":

Плагин WP-Syntax параметр escaped

Длинные строки кода

При выводе длинных строк кода приходится скроллить влево-вправо чтобы увидеть всю строку.

Плагин WP-Syntax вывод длинных строк кода

Перебрал несколько плагинов для вывода кода в статьях и в конце-концов остановился именно на WP-Syntax.

Использование энкодера

Как вариант — можно вставить код в энкодер (например Code Beautify: https://codebeautify.org/html-encode-string), для преобразования в спецсимволы, а потом вставить результат между тэгами code или pre.

Оцените, пожалуйста, статью, я старался :) (голосов: 1, оценка: 5,00 из 5)

Задайте вопрос в комментариях

пятнадцать − 12 =