Ange*Blanc

【WP】サムネイル画像をかっこよく表示する。WPJ-Highslide

Sun, Jul 13 2008

『WPJ-Highslide』はサムネイル画像をポップアップ表示させるWordPressプラグインです。サムネイルをクリックすると、にょろっと拡大表示されます。
LightBoxと違って、拡大画像をドラッグできるのが魅力的です。


プラグイン配布元 → Odysseygate.com » [WordPress Plugins] WPJ-Highslide 0.2

個人的おススメ度：

 Loading …

導入方法

1. プラグイン配布元から『wpj-highslide.zip』をダウンロード。
2. 解凍後、『wpj-highslide』フォルダ内、『wpj-highslide.php』を編集する。
3. 15行目をWordPressをインストールした環境に合わせて修正する。




$highslide_path = get_settings('home')."/wordpress/wp-content/plugins/wpj-highslide/";




4. 16行目以下で、画像表示のデザインを決める。
   表示させたいデザインのコメントアウトされている箇所のコメントアウトを解除する。

   　選べるデザインは以下7種類。
   　ドロップシャドウ付縁なし
   　ドロップシャドウなし。
   　縁が輝くデザイン。
   　ドロップシャドウ付、10pxの白いボーダーのデザイン
   　白い角丸デザイン
   　スライドショーデザイン
   　コントロールボックス付スライドショーデザイン

5. 『wpj-highslide』をフォルダごと、wp-content/pluginsへアップロード。
6. 管理画面（Plugins（プラグイン））にて有効化する。

画像を拡大表示させる

<a href="images/full-image.jpg" rel="lightbox">
	<img src="images/thumbnail.jpg" alt="Highslide JS" title="Click to enlarge" height="***" width="***" />
</a>

上記の様にタグを挿入する。

スクリーンショット

動作確認環境

WordPress 2.5.1
Plugin ver. 0.2