ソースコードを表示には「Crayon」

crayonWPプラグイン
2013.11.04

ソースコードを表示

ブログを見ているとソースコードをわかりやすく色つきで表示されているのをよく見ます。

マンマ、コピペすれば使えちゃうし。私の場合はソースをキャプチャーして載せているんですけど、画面で見ると画像が粗すぎて全然使えものにならず。

ということで調べてみると見つけちゃいました。ソースコードが表示できるプラグイン

その名もCrayon Syntax Highlighter

ザンっ

001Crayon Syntax Highlighter

早速インストール

メニューバーに、Crayonのボタンが出現

002 

ソースコードをコピペ

Crayonボタンをクリックすると入力画面が現れ、そこにコピペ プレビュー表示するとこんな感じ

003

実際の表示はこんな感じ

これなら、見直しもしやすいし、マンマコピペができるので大変助かること間違いなし。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>welcome to jugle</title>
		<link rel="stylesheet" href="style.css" type="text/css">
	</head>
		<body>
		<div id="body01">
			<h1>welcome to japan</h1>
		</div>

デフォルト設定

設定はこちらで Crayon＞設定をクリック プレビュー表示つきなので、チェックありなしで、どのように変化するかがひとめでわかり大変便利。

006 007

タイトルとURLをコピーしました