Плагин для кодов

Название — Crayon Syntax Highlighter, это лучший плагин для кодов, из встречавшихся мне. Нужен такой плагин только тем блогерам, которые пишут в теме сайтостроения. Устанавливаем и активируем обычным способом. В открывшейся вкладке включаю перевод на русский язык. После настройки во вкладка, лучше опять вернуть латинские буквы, иначе код на дисплее будет отображаться кириллицей, что очень нежелательно.

плагин для кодов

 Настройки плагина для кодов

В админпанеле появляется ссылка на настройки, кликнем по ней. Открылись строки настроек, отметила только один чекбокс: «всегда показывать полосы прокрутки». Других настроек не изменяла, сохранила. Дополнительный значок увидим в панеле редактора, когда будем вставлять запись. В тексте выделим строки кода. Установим курсор, в то место записи, куда решим его вставить  и нажимаем на значок.  Откроется новая вкладка, где есть окно для вставки кода. Под окном много настроек, не меняю их.

значок в редакторе

Коды копирую в небольшое окно, беру  из блокнота notepad++. В блокнот заранее переношу  из Интернета. Вначале проверяю  на локальном сервере, Это позволяет определить, не упадет ли после вставки кода сайт, иногда можно увидеть результат действия.

окно для вставки

Вверху окна есть кнопки для добавления, после его нажатия, код вставляется в статью. Если нужно выйти из окна раньше нажмем кнопку «cancel» и мгновенно опять окажемся в тексте статьи. Статью можно дописывать, внести необходимые значения, и «опубликовать».

Вид в статье

вид в статье

Перейдем на сайт и посмотрим, что получилось, от результата  в восторге. Никогда  коды в моих статьях не отображались на дисплее так красиво и функционально. При наведении курсора мыши на рисунок над кодом появляется всплывающая панель, с надписями на русском языке. Можно «скрыть / добавить» нумерацию строк. Включить и отключить подсветку. Уменьшить и увеличить размеры рамки по вертикали и горизонтали. Имеется кнопка для копирования. Можно осуществить показ в новом окне. Откроется красивое новое окно, в виде накладки, где  отображение более крупное. После закрытия пользователь остается на той же странице   и не теряется на просторах Интернета.

Недостатки Crayon Syntax Highlighter

Все же у плагина для кодов есть существенный недостаток — он громоздкий и тяжелый. В прошлом пыталась установить другие плагины, простые  не работали в современных версиях Word Press. Новые были с громоздкими  настройками или с непрозрачными цветами. В моей теме, ссылки на плагины располагаются в header, задерживая загрузку сайта. Приходится мириться с этим недостатком, но бывшие плагины меня не устраивали, по функциональности.

Автор: Ксенья Юрьевна Бастрикова

Комментарии 1

  • Я так понял, что можно вставлять в статью кусочки какого-либо html кода.

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

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