Posted by Hiroaki.S | Posted in 更新情報 | Posted on 07-09-2009
0
箱根のエントリで画像をアップしたので，画像表示のプラグインとして
「Highslide JS」を使用しました．
こういったプラグインはLightbox系かHighslide系に分かれるのだけれど，
Lightboxは少し仰々しすぎるので，今回はHighslide系を使用することに．
Highslide JSそのものは以下からダウンロード
[Highslide JS] http://highslide.com/
Wordpressに適用させるに当たっては
[NAO - ROOM]のH!PD HighSlide for WPを使用させていただきました．
http://www.nao-room.com/wordpressplugin/hpd-wp-highslide/
設置方法は，リンク先に書いてある通り．
H!PD HighSlide for WPをpluginディレクトリ以下に入れ，
highslide JSのディレクトリも同じ場所に入れてやるとすぐ動く．
サンプル
ガッツポーズガッツポーズ
ガッツポーズする猫．
Posted by Hiroaki.S | Posted in 更新情報 | Posted on 01-09-2009
0
WordPress Pluginの一つである[SyntaxHighlighter Evolved]を追加．
多くのWPで使われてますね．
ソースコードがきれいに表示されます．
/* css code */
h1 {
width: 150px;
height: 100px;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>PHP Code Example</title>
</head>
<body>
<h1>PHP Code Example</h1>
<p><?php echo 'Hello World!'; ?></p>
<p>This line is highlighted.</p>
<div>
This is an
example of smart
tabs.
</div>
<p><a href="http://wordpress.org/">WordPress</a></p>
</body>
</html>
参考はこちら：
ソースコードサンプル WordPress-コード表示用プラグイン[SyntaxHighlighter]
http://www.sankhon.net/sample/archives/18
