09.02.2015      197      1
 

Плагин для кодов wordpress Crayon Syntax Highlighter


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

 Плагин для кодов — настройки 

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

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

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

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

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

Плагин для кодов вид статьи

вид в статье

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

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

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

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


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

Обсуждение: есть 1 комментарий
  1. Андрей:

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

Ваш комментарий

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

Для отправки комментария, поставьте отметку, что разрешаете сбор и обработку ваших персональных данных . Политика конфиденциальности

Поиск Яндекса

скрипт против дублей

Мощный SEO плагин Clearfy

Яндекс.Метрика