1) Общая характеристика и назначение плагина "WP Code Highlight".
Плагин WP Code Highlight — это один из WordPress-плагинов, которые помогают внедрять небольшие кусочки кода на ваш сайт и их подсветки. С помощью этого плагина можно быстро и легко вставлять код в записи. Одним из преимуществ wp code highlight состоит в том, что он поддерживает множество языков и автоматически определяет их.
2) Установка плагина на ваш сайт.
Установить данный плагин можно несколькими способами:
1. Скачать с официального сайта WordPress.org.
Во-первых, необходимо скачать сам плагин с сайта WordPress.org;
Во-вторых, разархивировать его.
В-третьих, поместить разархивированный плагин в папку wp-content\plugins;
В-четвертых, активируйте плагин на странице «Плагины».
2. Установить через консоль WordPress.
Зайдите в консоль вашего сайта на WordPress -> перейдите в раздел Plugins -> кликните по кнопке "Добавить новый"->
a)ИЛИ загрузите имеющийся архив, скачанный с сайта WordPress.org, кликнув по кнопке 'Загрузить плагин'
b)ИЛИ введите в строке поиска название своего плагина. Затем, нажмите кнопку 'Активировать'.
3) Настройка плагина.
Плагин имеет страницу настроек, перейдем в нее.
Опции очень просты (они представлены на ниже скриншоте)
Code Button — включение кнопки в текстовом редакторе.
Highlight Themes — выбор одной из 4-х тем оформления, лично мне нравится первая тема она на белом фоне, все остальные на черном.
Line Numbers — включение нумерации строк.
Нажимаем сохранить изменения -> Переходим в записи -> Добавить новую -> Переключаемся в режим текст. Здесь мы увидим кнопку нашего плагина.
Далее копируем пример css кода, который мы хотим вставить, и вставляем его в статью, обведем и нажмем на кнопку WP Code Highlight. Либо сами заключим код между тегами.
Пример:
