Home > WEB制作 | WordPress > WP-Syntaxを使ってみた|WordPress|WEB制作

WP-Syntaxを使ってみた|WordPress|WEB制作

記事内で、プログラムソース等を書く時用に、
WP-Syntaxを入れてみた。

これ入れると、テキストがスクロールバーに囲われて、
かつ、行番号も付与してくれます。

プラグイン:WP-Syntax
http://wordpress.org/extend/plugins/wp-syntax/

で、使用レビューと、メモ。

まず、使い方はすごく簡単。

上記URLからダウンロードして解凍。
解凍したフォルダを、wp-content/plugins/以下にアップロード。
(wp-content/plugins/wp-syntax/が出来る)
んで、ワードプレスの管理画面からプラグインに追加。

使うときは、スクロール対象にしたい箇所を、
<pre lang=”対象言語” line=”開始行数”>~</pre>
で囲うだけ。
lineを省略すれば、行番号は出てきません。

実際の表示イメージは↓こんな感じ。

1
2
3
  <p>
    テストソース lang:html4strict line:1
  </p>

あと、メモ書き。
langに入る対応言語:
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

うちもそうですが、vicunaテーマとの相性はちょっと良くないみたい。
複数行になると、変なインデントが入ります。

回避方法は、以下参照。
wp.Vicunaの修正 from Romantic Noise

Home > WEB制作 | WordPress > WP-Syntaxを使ってみた|WordPress|WEB制作

Search
東日本大震災義援金

東日本大震災義援金についてのお知らせです。
→  日本赤十字社HP

Ads

Return to page top