ブログ上でソースコードを、すごく見やすくするWordPress(ワードプレス)のプラグイン「SyntaxHighlighter」

ワードプレスプラグイン

WordPress(ワードプレス)の便利なプラグイン「SyntaxHighlighter」

webなワードプレス使いな人は必須だと思います。

知ってる人盛りだくさんなはずなんで、忘れっぽい私のメモ代わりに…。

このプラグインを使用すると、様々な言語のソースコードがきれいで見やすく表示できます。

導入方法は以下のように

  • まずはプラグインをダウンロード→Syntax Highlighter
  • /wp-content/plugins/  にFTP等からアップロードします。
  • ワードプレス管理画面で有効化します。
  • 実際に表示するには、記事投稿画面にて以下のように記述します。

[***]ここに表示したいコードを記述します。[/***]

※CSSのコードを記述するなら *** の部分は 「css」 のように小文字で挿入します。

以下対応言語 – 記載する文字

C++ - cpp, c, c++
C# c# - c-sharp, csharp
CSS - css
Delphi - delphi, pascal
Java - java
Java Script - js, jscript, javascript
PHP - php
Python - py, python
Ruby - rb, ruby, rails, ror
Sql - sql
VB - vb, vb.net
XML/HTML - xml, html, xhtml, xslt

表示サンプル↓

div#test{
height: 500px;
width: auto;
}

このようにキレイで見やすく表示されますよ!

“ブログ上でソースコードを、すごく見やすくするWordPress(ワードプレス)のプラグイン「SyntaxHighlighter」” への1件の返信

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です