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

Как вставить код на сайт в WordPress?

1. Вы можете вставить код просто текстом. Этот способ имеет много минусов. Во-первых, не будут отображаться отступы в коде, т. к. текстовый редактор просто будет вырезать все табуляции и повторяющиеся пробелы. Этого можно избежать, используя для вставки кода тег <pre> (добавить вручную в текстовом редакторе <pre>ваш код</pre> ). Во-вторых, если вам понадобиться нумерация строк, то вам придется проставлять ее вручную. Такая нумерация не очень удобна, т. к. при копировании кода, нумерация строк тоже будет скопирована. В-третьих, код будет отображаться некрасиво и не будет Подсветки кода.

Этот вариант подойдет для вставки небольших кусков кода.

2. Использовать специальный плагин для вставки кода в WordPress. Он значительно упростит вставку кода в статьи и сделает за вас всю работу. Рекомендую использовать именно этот вариант. Для WordPress Есть несколько таких плагинов, но мне больше всего понравился WP SyntaxHighlighter. В нем есть множество настроек и несколько тем оформления кода, поэтому дальше в этой статье речь пойдет именно о нем. Кстати, именно этот плагин используется на блоге seofine. ru, пример вы можете посмотреть в статье «Как подключить смайлы в комментариях?«.

Итак, сначала установим сам плагин. Тут ничего сложного нет, установка происходит стандартным образом. Подробнее об установке плагинов в WordPress, вы можете прочитать в статье « Установка плагинов в WordPress« .

Настройка WP SyntaxHighlighter

После того как плагин будет установлен, в меню Параметры появится пункт WP SyntaxHighlighter. Кликаем по нему и попадаем на страницу настроек плагина.

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

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

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

Плагинов для вставки кода в WordPress немало, все они со своими особенностями и персональными глюками. Тут, всё как в жизни, кто-то видит так, кто-то по-другому. Наша задача – выбрать тот подход, который будет удобен именно нам.

После некоторого количества проб, лично я остановился на плагине Crayon Syntax Highlighter – весьма удобное решение для вставки любого кода в статьи.

Вот некоторые плюсы, которые, на мой взгляд, выгодно выделяют этот плагин среди подобных:

  • Этот плагин прост и удобен в настройках
  • Поддерживает большое количество языков, удобно и и для программистов и для вебмастеров.
  • Сам код вставляется быстро, удобно и понятно
  • Множество настроек для внешнего вида блока с кодом
  • Не нужно никому ничего платить, только добровольные взносы, по желанию
  • Регулярные обновления – определённая гарантия того, что плагин будет работать на новых версиях движка WordPress

Что и говорить, удобно, понятно, красиво, есть смысл освоить работу с этим плагином.

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

Сложного в установке не наблюдается, всё просто, легко и понятно.

  • Вставляем в поле Поиск плагинов название Crayon Syntax Highlighter. Находим, скачиваем, активируем.
  • Переходим в настройки плагина и видим кучу разнообразных настроек.
  • Выбираем тему оформления блока – выбор богатый, на любой вкус.
  • Выбираем шрифты, размеры блока, внешние и внутренние отступы.
  • Настраиваем плавающую панель инструментов для нашего блока.
  • Настраиваем внешний вид строк и нумерации.
  • Настраиваем параметры вывода кода. Тут, рекомендую обратить внимание на пункт Пустые строки до и после кода. Имеет смысл поставить любое количество, отличное от нуля, намного приятнее и удобнее читать код с определённым интервалом от края блока.

При желании, можно разобраться с остальными настройками, но, это уже на ваш вкус.

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

Сохранили настройки, переходим в пункт админки Добавить запись.

На панели редактора появилась новая кнопочка с надписью Crayon. Как только вам понадобится вставить код, вы его просто выделяете и нажимаете эту кнопочку. Откроется окошечко с настройками, которые можно ещё раз изменить, а можно оставить теми же, которые установили раньше. Кнопка Добавить завершит нашу работу по красивой вставке и подсветке кода в статьи на движке WordPress.

Остается только поблагодарить автора плагина Crayon Syntax Highlighter — Арама Кочаряна за хорошую и качественную работу.

✔ Этот сайт работает на быстром, надёжном, не дорогом хостинге GIGAHOST

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

Привет дорогой читатель! =) Если ты программист и тебе надо выложить код на свой блог WordPress, то ты попал именно туда, остальным кто тоже выкладывает код на сайт, статья будет полезна.

Существует множество плагинов с помощью которых можно вставлять Код на блог WordPress.

Рассмотрим некоторые из них.

Вставка кода в WordPress. Мой рейтинг плагинов.

  • При переключении режимов с «Визуального» на «Текст» код для пользователя отображается корректно.
  • В визуальном режиме при нажатии спец значка <> , открывается отдельное окно в котором множество настроек не сравнимо с другими плагинами
  • У пользователя есть возможность быстро скопировать код или открыть его в отдельном окне!

WP Syntax — от предыдущего отличается тем что имеет не так много настроек и удобство работы хуже.

CodeColorer тоже не плохой плагин, им я пользовался до Crayon. Все бы хорошо, но код надо вставлять в html(текст) режиме и когда вы несколько раз переключитесь с одного режима на другой у вас в результате весь вставленный код превратиться в казявку … , Но с точки зрения вывода кода он справляется не плохо.

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

На этом мой рейтинг не заканчивается.

В поисках плагина который затрачивает меньше ресурсов, но в тоже время и правильно функционирует, я познакомился c Code Snippet Library.

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

Но когда я увидел отображение уже для пользователя, то понял что тут вагон работы, к тому же код нельзя быстро выделить как в Crayon, а еще надо создавать каждый раз новый Snippet, что так же влияет на удобство использования. Поэтому я продолжил поиски.

Следующим и пожалуй последним станет мало кому известный, но тоже классный плагин WordPress Rainbow Hilite.

По сравнению с Crayon он использует мало ресурсов, но и функционала в нем в разы меньше.

Можно работать в разных режимах, но в визуальном режиме код смотрится большим, что не очень удобно и в отличии от Crayon не подсвечивается отдельным цветом. Я смирился бы с неудобством использования, но для пользователя он тоже не так то красиво выглядит.

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

На этом заканчиваю свой рейтинг плагинов вставки кода, мой выбор Crayon.

Кокой вы используете плагин для вставки кода в записи WordPress?

По материалам:

Http://seofine. ru/post/14036/

Http://wwdiz. ru/plagin-vstavki-i-podsvetki-koda-v-state. html

Http://mmechta. ru/plaginy-vstavki-koda-dlya-wordpress/