Как вставить код в статью

Приветствую вас на своем блоге. В этой статье мы поговорим о том, как вставить код в статью. Причем мы сможем вставлять любой код, любого языка программирования. А если конкретнее, то мы рассмотрим как вставить код в статью WordPress с помощью плагина. А также рассмотрим этот плагин в действие. Кстати, плагин этот называется Crayon Syntax Highlighter.

Итак, чтобы установить этот плагин необходимо перейти во вкладку «плагины» в панели управления сайтом, в верху нажать «Добавить плагин» и в поисковой форме справа написать «Crayon Syntax Highlighter». Далее после того, как плагин найдётся нажать на кнопку установить, а после установки активировать.

Данный плагин уже стоит на моем сайте и активирован, поэтому вы видите «Активен». У вас вместо слова «Активен» будет написано «Установить», а после установки, в том же месте, «Активировать», на которую нужно будет нажать, чтобы его активировать.

После активации плагина Crayon Syntax Highlighter, открываем вкладку «записи», затем «добавить новую» и в панели инструментов вы увидите значок.

Для того, чтобы вставить код, щелкаем на кнопку и видим следующее окно. Давайте разбираться по-порядку:

1. Title. Здесь вы можете записать название или короткое описание кода. Можете и не писать, как угодно.
2. Language. Выбор языка. Я никогда не выбираю.
3. Code. Сюда записываем код.
4. URL. Поле для ввода адреса. Я не пользуюсь.
5. Line Range. Задается количество строк, которые будут отображаться. Можно указать так: 1-10 отобразятся строки с первой до десятой. Или 2-5 — отобразятся строки со 2 по 5, или так: 2,5,6 — отобразятся строки 2, 5, 6
6. Marked Lines. Здесь можно выделять определенные строки, например если указать 2, то выделится строка 2.
7. Inline. Вверху. Можно поставить галочку, чтобы код отобразился в одну строку.
8. Don’t Highlight. Поставив галочку, мы отменим подсветку.

В разделе Settings

1. Theme. Выбор темы.
2. Font. Настройки шрифта
3. Metrics. Настройки окна в котором отображается код.
4. Toolbar. Настройка отображения Toolbar. По умолчанию стоит «On MouseOver» — при наведение мыши на окно, появляется панель инструментов, которая позволяет, например, скопировать код.
5. Lines. Настройка отображений строк.
6. Code. Настройка отображения и работы с кодом.

P. S. Никогда ничего не менял в разделе Settings.

Итак, на этом я закончу свою статью, если информация была нужной и интересной ставьте Like, комментируйте, буду рад ответить на вопросы.