Как вывести код внутри статьи на WordPress
Ищите вариант как вывести в статье код? Все просто с плагином WP-Syntax для WordPress, который сделает это в красивом блоке.
Отобразить код в статье обычно необходимо вебмастерам, которые ведут свой блог и делятся с читателями наработками. Так делаю я и тысячи других блоггеров.
Рассматриваемый плагин один из десятков аналогичных, но именно WP-Syntax чем-то привлек мое внимание и заставил его использовать на своих сайтах. По всей видимости простота работы и требуемый эффект.
Вот небольшой пример его работы:
© 2011- -
К слову: данный код помещен у меня в футере (подвале сайта), что позволяет отображать возраст сайта от 2011 года до текущего. Через тире название сайта, которое прописано в соответствующих полях админки.
Скачиваем плагин с его домашней страницы и устанавливаем. Для тех, кто не знает, как можно установить плагин WordPress, есть Инструкция по установке плагина WordPress
Какие-то дополнительные настройки проводить не нужно: их попросту нет. Поэтому, сразу после активации WP-Syntax, Вы можете его использовать по назначению и он будет подсвечивать код.
Синтаксис таков:
код рre>
где LANGUAGE это обозначение языка программирования, а line="1" это необязательный параметр, указывающий плагину включить нумерацию строк кода с указанного номера.
На момент написания статьи плагин поддерживал следующие языки:
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
К особенностям плагина можно отнести способность преобразовывать HTML-коды символов в сами символы. Благодаря этому визуальный редактор не испортит вам код (при этом сами теги pre должны быть вставлены не в визуальном редакторе). Отвечает за это функция escaped="true".
Для тех, кто любит индивидуальность есть приятная мелочь - теперь можно настроить стили css с необходимыми цветами подстветки кода. Для этого ищем в /wp-syntax/geshi/geshi/ нужный Вам язык и меняем значения цвета.