Как сделать подсветку синтаксиса кода на 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: :???: :?: :!: