Новая статья из серии "Wordpress для чайников".
История начинается с того что я завел свой личный блог и решил выкладывать свои программы, коды на Perl и C++, но как то оно было не читабельно если использовать просто текст, поэтому я провел часы в поисках подходящего плагина Wordpress подсветки кода. Я выбрал плагин CodeColorer от разработчика под именем Dmytro Shteflyuk. Разработчик из Торонто.
Один из самых главных фильтров подбора плагина была подсветка Perl кода, но у этого плагина с поддержкой языков проблем нету. Вот список языков которые этот плагин поддерживает:
abap, actionscript, actionscript3, ada, apache, applescript, apt_sources, asm, asp, autoit, avisynth, bash, basic4gl, bf, bibtex, blitzbasic, bnf, boo, c, c_mac, caddcl, cadlisp, cfdg, cfm, cil, cmake, cobol, cpp-qt, cpp, csharp, css, d, dcs, delphi, diff, div, dos, dot, eiffel, email, erlang, fo, fortran, freebasic, genero, gettext, glsl, gml, gnuplot, 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, perl, php-brief, php, pic16, pixelbender, 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, yaml, z80.
Я думаю этого вполне достаточно.
Сам плагин можно скачать с wordpress репозитория через админку или скачать через браузер и установить вручную. На этом я останавливаться не буду ибо про установку плагинов можно прочитать у меня в блоге или найти в google.
Сам плагин работает в RSS ленте, комментариях, на страницах и конечно же в самих записях. Есть нумерация строк, возможность настроить подсветку через CSS под себя или же выбрать одну из шести стандартных цветовых схем.
Для того что бы вставить код Вам нужно использовать такой синтаксис [cc lang="lang"]Ваш код[/cc] или же
<code lang="lang">Ваш код</code>. Если не прописать
lang="lang", то пропадет подсветка в блоке. Так же можно использовать
[cci lang="lang"]Ваш код[/cci] для форматирования строчных блоков.
Вот пример того, как оно выглядит на сайте.
Больше про этот плагин Вы можете прочитать на сайте разработчика или в репозитории.