Как красиво оформить код в статьях

Как красиво оформить код в статьях

Приветствую всех на своем блоге. Если Вы ведете блог на тему сайтостроения, то скорее всего, сталкивались с ситуацией, когда в статью нужно вставить какой-либо код, например PHP.

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


Итак, ближе к теме. Нашла я один плагин, который пока полностью меня устроил и справляется отлично со своей задачей. Называется он Crayon Syntax Highlighter. Скачать можно по такому адресу: http://wordpress.org/plugins/crayon-syntax-highlighter

При помощи этого плагина все будет выглядеть не только правильно, но и красиво, так как есть много различных тем оформления, например такие:

пример оформления 1

пример оформления 2

пример оформления 3

После установки и активации плагина в админке появится вкладка «Crayon», перейдя на которую можно ознакомиться со всеми основными настройками плагина. Скриншот этих настроек я решила в статье не размещать, так как там все просто и понятно, да к тому же на русском языке.

Скажу только что можно настроить внешний вид кода (тему), шрифт, размер шрифта и еще очень много чего, думаю не сложно будет разобраться самостоятельно. Я же хочу перейти к самому процессу.

Красиво оформить код при помощи Crayon легко и просто.


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

Здесь же ничего такого вручную делать не нужно.

Плагин добавляет свою специальную кнопку на панели написания статей, вот такую:

кнопка плагина в админке

Когда понадобится вставить код, нужно будет просто нажать на эту кнопочку и откроется такое окошко:

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

Как видно из рисунка, в это поле и нужно прописать код и сохранить, после чего он появится в статье на нужном месте.

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

Ну, вот впринципе и вся основная информация о данном плагине. Пользуйтесь на здоровье)



Автор: Светлана Слободенюк
Ваша оценка статьи: [ratings]
Letyshops [lifetime]

Не пропустите похожие интересные посты!

Об авторе Смотреть все записи

Светлана Слободенюк

Я автор данного блога. Все статьи, которые вы найдете на моем блоге авторские, написанные исходя из личного опыта и "набитых шишек")

Оставить комментарий

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

семнадцать − 10 =

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: