Как сделать подсветку синтаксиса кода на WordPress сайте

Доброе утро читатели блога Osxit.ru! Сегодня я собрался написать статью о том как я украсил ссылку «читать далее» (не обязательно так, у кого то подробнее, читать полностью — Зависит от шаблона) и столкнулся с проблемой подсветки синтаксиса кода, начал искать плагины, нашел несколько, установил по тестировал и только один мне понравился, все красиво подсвечивает — название плагина WP SyntaxHighlighter.

Вот так у вас будет выглядеть любой код:

подсветка синтаксиса

Устанавливаем плагин

Для начала установим данный плагин, в «Консоли» вашего WordPress сайта заходим в плагины и нажимаем «Добавить новый»

подсветка синтаксиса

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

В поле «Поиск плагинов» соответственно вводим WP SyntaxHighlighter и в самом верху видим нужный нам план.

плагин подсветка синтаксиса

Далее Устанавливаем его и затем активируем его

установка подсветка синтаксиса

После этого в консоли появится уведомление что необходимо настроить данный плагин

настройка плагина

Настраиваем

Нажимаем «setting panel» и переходим в настройки плагина. Спросите что там настраивать?

Тут маленько, просто нужно отключить подсветку языков которые мы не используем потому что, после установки плагина у нас появились дополнительные кнопки в редакторе, при добавлении записей на наш блог:

кнопки подсветка синтаксиса

При нажатии на которые мы видим длиннющий список языков:

языки плагин синтаксис

Но нам же не нужно столько различных языков при написании статей, поэтому я советую оставить только html, css, php, JavaScript можно еще MySQL.

Как это сделать? Заходим в настройки плагина, можно как я описал выше, можно путем :

Параметры > WP SyntaxHighlighter

Ничего не меняем, прокручиваем страничку вниз и находим  9. Default Languages Settings

Открываем и видим много языков, нам нужно напротив ненужных поставить точку в положение «NO» (Можно увеличить картинку)

выключение плагин синтаксис

После чего нажимаете на кнопку «Сохранить изменения»

сохранить настройки

Итог

Вот и все плагин настроен, теперь у нас аккуратненький, удобный список языков:

настроен плагин синтаксиса

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

Понравилась статья? Поделиться с друзьями:
Рейтинг
( Пока оценок нет )
OSXIT.RU
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: