WEBデザインテクニック|KLUTCHE

【WordPress】記事内にソースコードを表示するプラグイン

記事内でソースコード表示する場合に、自動で見やすく整形してくれるプラグインです。


当サイトのジャンル上、記事内にソースコードを表示する事が多くなります。
人様のブログを拝見すると、記事内にコードを表示するとき

<?php
	echo "昨日の記憶がないとぜ";
?>

こんな風にとてもカコイイ表示になっています。
嫉妬します。
これはきっとWordPressのプラグインなんだぜ?と気付き、早速導入。

インストール

SyntaxHighlighter Evolvedというプラグインをインストールします。

  1. http://wordpress.org/extend/plugins/syntaxhighlighter/よりプラグインをダウンロード!
  2. ダウンロードしたフォルダを解凍し、FTPでwp-content/pluginsにアップロード!
  3. WordPress管理ページのプラグイン内でsyntaxhighlighterを有効化!

使い方

投稿編集画面内のHTMLビューでコード表示したい部分を[html]・・・[/html]で囲む。
これだけ。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>
</body>
</html>

こんなことになります。簡単!

コメントを残す

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