A huge collection of 3400+ free website templates JAR theme com WP themes and more at the biggest community-driven free web design site
Домой Wordpress Плагин Wp-syntax — как вывести HTML, PHP и другой код в статье wordpress?

Плагин Wp-syntax — как вывести HTML, PHP и другой код в статье wordpress?

Сегодня короткий пост о том, как красиво выводить Javascript,  PHP и Html код в теле заметки, чтобы это выглядело красиво и читатели легко его могли скопировать и использовать для своих целей. Для вебмастеров, которые пишут о создании и раскрутке блога,  плагин Wp-syntax является очень полезным.

Ранее я без него мог обходиться, теперь в постах приходится часто отображать коды и удобство для читателей выходит на первый план, я поискал лучшее решение и нашёл его – это установка плагина Wp-syntax и дополнения к нему WP-Syntax Button.

Все дело в том, что при помощи редактора WordPress (“Текст” или “Html”) код опубликовать не получится, его при публикации просто не будет. Если же напечатать код в “визуальном редакторе”, то  подача кода к тексте заметки будет следующая:

Snap 2014-05-07 at 14.57.11

Согласитесь, не весьма красиво и довольно не удобно копировать код в таком виде, а если учесть, что любой лишний знак или пробел, может создать проблемы на блоге, то и необходимо установить плагин, о котором пойдёт речь. Для чего необходим плагин Wp-syntax рассказал, теперь поговорим про его установку и использование.

Выводим PHP и HTML код в тексте страницы с помощью плагина Wp-syntax

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

При этом есть одно маленькое “но”…Для вывода кода его необходимо отображать следующим образом, перейдя в редакторе в режим HTML (обязательно!):

Где, соответственно,

— вместо фразы  “тут ваш код” вы вставляете свой фрагмент кода html, php или иной;

Line — возможность добавления строк;

— нумерация строк начинается с единицы – 1.

Для тех, кому это делать не сложно, оставляйте всё как есть и пользуйтесь плагином Wp-syntax.

Если хотите еще облегчить себе задачу, то вам необходимо установить еще один плагин Wp-syntax button ( скачать по ссылке ). Он выводит кнопку “Code” в визуальный редактор, вот так:

Если вы установите Wp-syntax button, то в этом случае вам не нужно переходить в Html редактор для выделения кода в тексте.

Просто в визуальном редакторе выделяете код, требующий выделения и нажимаете “code”, после этого вы можете увидеть вот такую табличку:

Далее вам нужно выбрать в категории “Select Language” язык программирования, к которому принадлежит код, который вы хотите отобразить красиво при помощи плагина.

Далее в графе “Line Number” по желанию можно поставить цифру, с которой будет начинаться нумерация в выводимом коде.

Например, вот так:

Snap 2014-05-08 at 00.18.44

В завершении маленький, но очень важный совет:

Помните!

Чем больше плагинов вы используете, тем больше нагрузку ваш сайт дает на сервер. Обязательно взвесьте все “за” и “против”, прежде, чем установить еще один плагин на свой блог.

Думаю, что при помощи плагинов Wp-syntax и Wp-syntax button у вас получится красиво выводить в заметках различные коды и это будет удобно вам и вашим читателям.

Помните!

Чем больше плагинов вы используете, тем больше нагрузку ваш сайт дает на сервер. Обязательно взвесьте все “за” и “против”, прежде, чем установить еще один плагин на свой блог.

 

Надеюсь,  данная статья будет вам полезной и поможет красиво оформлять материал в заметке.

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

Вы должны Зарегистрироваться или Войти что бы оставить комментарий.