arison.jp blog - 現在をたのしく、未来をたのしむ。日常の思い出兼備忘録。
arison.jp blog - 現在をたのしく、未来をたのしむ。日常の思い出兼備忘録。【ソースコード表示用WordPressプラグイン】
「SyntaxHighlighter Evolved」
ソースコードをブログに掲載する時にきれいに表示できないかなって思っていて、
行番号がついて、きれいにソースが表示されているサイトがあったので、
「Word pressのプラグインがあるだろ」と思って見つけたのがこれ。
【プラグイン取得方法＆有効可】
WordPressのプラグイン管理画面から「SyntaxHighlighter Evolved」で検索、
ダウンロード後に有効化するだけ。
【使い方】
ブログの記事を書くときに
ソースコードを、[表記したい言語]と[/表記したい言語]のタグでくくるだけ。
[[html]]
< !Doctype HTML>
<html>
<head>
<title>//arison.jp</title>
</head>
<body>
<p>TEST</p>
</body>
</html>
[[/html]]
って記述すると。
<!Doctype HTML>
<html>
<head>
<title>//arison.jp</title>
</head>
<body>
<p>TEST</p>
</body>
</html>
こんな感じ。
そのまま貼り付けれるので簡単。
< や >、 って書かなくてよいのが楽。
しかもきれいに表示されるので、ソースコードをさらす気になる。
多少のソースの汚さは見栄えでカバー（笑）。
利用できる言語は
html,actionscript3,bash,coldfusion,cpp,csharp,css,
delphi,erlang,fsharp,diff,groovy,javascript,java,javafx,
matlab (keywords only),objc,perl,php,text,powershell,
python,r,ruby,scala,sql,vb,xml
【参考サイト】
ソースコードをキレイに表示するWordPressプラグイン「SyntaxHighlighter Evolved」 OZPAの表4
Copyright © 2024 arison.jp blog. Entries (RSS).Count