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

Sun, Jul 13 2008

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


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

個人的おススメ度:1 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 51 vote, average: 5.00 out of 5
Loading ... Loading …


導入方法

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

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


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

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

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


画像を拡大表示させる

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

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


スクリーンショット

WPJ-Highslide

動作確認環境

WordPress 2.5.1
Plugin ver. 0.2



3,070 views

TrackBack URI: http://angeblanc.net/2008/07/13/wpj-highslide/trackback/



関連記事


Leave a Reply

Theme Switcher

Recent Comments

  • たちばな: @覚羅(カグラ)さん エイジングの書き込み、私も見ました(笑)...
  • 覚羅(カグラ): K-7、良くなってきましたか?...
  • たちばな: @覚羅(カグラ)さん すべてに満足! というものは、なかなかないですよね。...