『Petit à petit, l’oiseau fait son nid. 』Wordpressのプラグイン紹介がメインです。
紅輝炎 花うらら リトルゼム オーロラ 

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

 Category:WP Plugin, Wordpress

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

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

導入方法

  1. プラグイン配布元から『wpj-highslide.zip』をダウンロード。
  2. 解凍後、『wpj-highslide』フォルダ内、『wpj-highslide.php』を編集する。
  3. 15行目をWordpressをインストールした環境に合わせて修正する。
  4. PHP:
    $highslide_path = get_settings('home')."/wordpress/wp-content/plugins/wpj-highslide/";

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

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

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

画像を拡大表示させる

HTML:
<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


Tags: , , ,

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


1,251 views

Related posts

No Comments, Comment or Ping

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