Плагина WP-Syntax — отобразить, подсветить код

Номер статьи:144 | Опубликовано:

Для авторов сайтов которые, затрагивают тематику web-дизайна, оптимизацию за частую в статьях необходимо отобразить коды CSS, HTML, php и т.д. Простое размещение не даст нужного эффекта, поскольку WordPress зачастую (всегда) пытается его преобразовать в определенный текст, это и приводит к нарушению синтаксиса и делает его нерабочим. Для предотвращения на помощь блогерам приходят плагины и хаки, с помощью которых не только можно отобразить нужный код правильно, а также визуально его оформить (подсветить, сделать более читабельным и восприимчивым для посетителей).

Рассмотрим плагина WP-Syntax с помощь которых можно отобразить код и красиво его оформить.

Плагин WP-Syntax версия 1.0
Совместность с WordPress 3.5.1
Скачать с сайта разработчика

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

<pre lang=»LANGUAGE» escaped=»true» line=»1″ highlight=»3″>Код для подсветки</pre>

Заметьте, что вставляется данный код в не визуальном редакторе.

LANGUAGE — язык программирования.

line=»1″ – включает нумерацию строк кода с заданного Вами номера.

escaped=»true» — защитит от ошибочного вывода кода в тексте страницы.

highlight=»3″ — выделении строки (желтым цветом).

Заметьте, что вставляется данный код в не визуальном редакторе.

Плагин WP-Syntax поддерживает более 120 языков программирования.
Если Вы разбираетесь в настройках стилей css тогда Вы можете сменить цвет подсветки на индивидуальный. Для этого переходим в /wp-syntax/geshi/geshi/нужный Вам язык и задаем другое значения цвета.

Выбираем (LANGUAGE) необходимый параметр

abap, actionscript, actionscript3, ada, apache, applescript, apt_sources, asm, asp, autoit, avisynth, bash, bf, bibtex, blitzbasic, bnf, boo, c, c_mac, caddcl, cadlisp, cil, cfdg, cfm, cmake, cobol, cpp-qt, cpp, csharp, css, d, dcs, delphi, diff, div, dos, dot, eiffel, email, erlang, fo, fortran, freebasic, genero, gettext, glsl, gml, bnuplot, groovy, haskell, hq9plus, html4strict, idl, ini, inno, intercal, io, java, java5, javascript, kixtart, klonec, klonecpp, latex, lisp, locobasic, lolcode lotusformulas, lotusscript, lscript, lsl2, lua, m68k, make, matlab, mirc, modula3, mpasm, mxml, mysql, nsis, oberon2, objc, ocaml-brief, ocaml, oobas, oracle11, oracle8, pascal, per, pic16, pixelbender, perl, php-brief, php, plsql, povray, powershell, progress, prolog, properties, providex, python, qbasic, rails, rebol, reg, robots, ruby, sas, scala, scheme, scilab, sdlbasic, smalltalk, smarty, sql, tcl, teraterm, text, thinbasic, tsql, typoscript, vb, vbnet, verilog, vhdl, vim, visualfoxpro, visualprolog, whitespace, whois, winbatch, xml, xorg_conf, xpp, z80

С уважением, Андрей Юрийчук

Еще полезные статьи

Плагина WP-Syntax — отобразить, подсветить код

Черкани пару строк