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

Как красиво оформить код в статьях Сайтостроение

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

Оцените статью
( Пока оценок нет )
Поделиться с друзьями
Авторский блог Светланы Слободенюк
Добавить комментарий

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