Как создать подсветку для HTML кода на сайте?

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

Подсветка кода на сайте:

Для движков WordPress, существует достаточно много различных плагинов, которые помогают осуществить, подсветку кода на сайте. Достаточно популярные SyntaxHighlighter Evolved, WP SyntaxHighlighter, Auto SyntaxHighlighter и.т.д…  Я же пользуюсь плагином для подсветки синтаксиса кода: Prettify For WordPress . На мой взгляд он очень прост, удобен и отлично справляется со своей задачей.

 ПРИМЕР ПОДСВЕТКИ 

Данный плагин легко встраивается на страницу, также к нему можно установить дополнительно приложение ThemeKit For WordPress , которое поможет, выполнить дополнительные настройки, внешнего стиля.

Пример кода для вставки (редактировать необходимо только во вкладке HTML редактора, не возвращаясь в визуальный режим):

<pre rel=’HTML’ class=’prettyprint’>
<code>  Здесь ваш код  </code></pre>

Подсветка кода на сайте WordPress:

В атрибуте rel обязательно нужно прописывать, язык программирования, но если вы используете код HTML, атрибут rel менять не нужно.

Плагин : Prettify For WordPress, может отлично работать и без дополнительно расширения ThemeKit For WordPress, но если вы хотите, осуществить дополнительную настройку, вам обязательно приодеться установить данное приложение к плагину.

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *