Как вставить php,js,html,css код в статью блога wordpress

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

Что понадобится для вставки кода в статью?

Прежде всего нам понадобится плагин wp syntax. На момент написания статьи он легко находился в репозитории wordpress или через поиск плагинов в админке.

Этот плагин удобен тем, что добавляет подсветку синтаксиса каждого языка.
Конечно найдутся люди, которые скажут, что можно использовать встроенный тег code, но лично мне он не нравится по нескольким причинам.

  • Чаще всего в теме блога нужно вносить изменения в стили, чтобы добиться нормального отображения поля с кодом.
  • Нет подсветки синтаксиса.

После установки плагина его нужно активировать и он полностью готов к работе.
Чтобы вставить любой код его необходимо завернуть специальным тегом.

Для html

<pre lang="html4strict">
</pre>

Для css

<pre lang="css">
</pre>

Для js

<pre lang="javascript">
</pre>

Для php

<pre lang="php">
</pre>

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

А чтобы каждый раз не писать эти теги, можно добавить эти кнопки в редактор. Подробнее о том как это сделать можно узнать в статье — «Как добавить свою кнопку в редактор wordpress и упростить набор часто используемого кода».
Это делается легко и быстро, но потом сильно экономит время.

Поделиться в социальных сетях
Поделиться ВКонтакте Поделиться ВКонтакте
Поделиться в Facebook Поделиться в Facebook
Добавить в Twitter Добавить в Twitter