2015.2.11

wordpressでソースコードを表示するプラグイン Syntax Highlighter Evolved

Syntax Highlighter

ソースコードを表示するプラグインで有名なのものは、Crayon Syntax Highlighter と SyntaxHighlighter Evolvedがあげられますが、今回は、Syntax Highlighterについての記事を書きます。

インストール手順から解説していると大変なので(記事を書くのが)
備忘録として覚えておきたい箇所について書いておきます。

Syntax Highlighterの使い方

表示するソースをショートコードで囲む

投稿時にテキストウィンドウで、表示したいソースコードの種別ごとに用意されているショートコードを記述します。

以下、例になります。

htmlの場合

記述例

[html]
	<ul>
		<li><a href="">トップページ</a></li>
		<li><a href="#" target="_blank">運営会社</a></li>
	</ul>
[/html]

表示例

	<ul>
		<li><a href="">トップページ</a></li>
		<li><a href="#" target="_blank">運営会社</a></li>
	</ul>

CSSの場合

記述例

[css]
.selector {
	color: #99cc33;
}
[css]

表示例

.selector {
	color: #99cc33;
}

PHPの場合

記述例

[php]
<?php
if ( is_front_page() ) {
	$my_body_class = 'home';
} else if ( is_single() ) {
	$my_body_class = 'single '.$post->post_name.'';
} else {
	$my_body_class = 'sonota';
}
?>
<body<?php echo ( $my_body_class ) ? ' class="'.$my_body_class.'"' : ''; ?>>
[/php]

表示例

<?php
if ( is_front_page() ) {
	$my_body_class = 'home';
} else if ( is_single() ) {
	$my_body_class = 'single '.$post->post_name.'';
} else {
	$my_body_class = 'sonota';
}
?>
<body<?php echo ( $my_body_class ) ? ' class="'.$my_body_class.'"' : ''; ?>>

その他それぞれ種別ごとに用意されたbrushes

XML、HTMLxml, xhtml, xslt, html, xhtml
Plain Textplain, text
CSScss
PHPphp
JavaScriptjs, jscript, javascript
ActionScript3as3, actionscript3
Bash/shellbash, shell
ColdFusioncf, coldfusion
C#c-sharp, csharp
C++cpp, cp
Delphidelphi, pas, pascal
Diffdiff, patch
Erlangerl, erlang
Groovygroovy
Javajava
JavaFXjfx, javafx
Perlperl, pl
PowerShellps, powershell
Pythonpy, python
Rubyrails, ror, ruby
Scalascala
SQLsql
Visual Basicvb, vbnet
参考サイト