Как вставить код в статью | WAVIFUN.RU

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

Приветствую вас на своем блоге. В этой статье мы поговорим о том, как вставить код в статью. Причем мы сможем вставлять любой код, любого языка программирования. А если конкретнее, то мы рассмотрим как вставить код в статью 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, комментируйте, буду рад ответить на вопросы.

11.05.2017
94
0
0 0 голос
Рейтинг статьи
Подписаться
Уведомить о
guest

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

0 Комментарий
Межтекстовые Отзывы
Посмотреть все комментарии

Так вы сможете получать новые статьи первыми

Pin It on Pinterest