Home Contact RSS feed

« WordPress にコンタクトフォームを設置する: Contact Form 7

WordPress の管理画面からデータベースを操作する: WP-phpMyAdmin »

WordPress で画像をオシャレに表示する: Lightbox 2

WordPress で画像をオシャレに表示するプラグイン “Lightbox 2” を導入する手順メモ。

  

世間的には既に定番になっているようですが、同じページ上で画像をリサイズして表示するプラグインです。
導入は有効化するだけなので非常に簡単です。
下の画像をクリックすると動作を確認できます。

※スクリプトエラーのため、現在はプラグインを無効にしています。

お月見nyaこれが愛もうダメぽ

  

設置の流れ(WordPress ME 2.2.1 での記録):

  1. こちらの配布サイトからプラグイン本体をダウンロードして解凍する。
    • 記事の最下部にある「Download version *.* (zip)」 をクリック。
  2. 解凍したファイルをサーバーにアップロードする。
    • WordPressフォルダ/wp-content/plugins/
      にアップロード。
  3. Lightbox 2 を有効化する。
    • 管理画面>プラグイン>Lightbox 2 を有効化。

これで設置完了です。

カスタマイズは【各種設定】内の【Lightbox Options】から。

  

追記1(2008.09.03):

画像の <a> タグ内に 「rel=”lightbox[分類名]”」 を記述すると、同じ分類名でスライドショー表示ができるようです。
上の画像でも確認できます。

sample.GIF

例:
<a rel=”lightbox[sample]” href=”http://banana100.com/blog/image.jpg” mce_href=”http://banana100.com/blog/image.jpg” title=”サンプル”>

詳しくはこちらのサイトを参照:

BirDesignLightbox v2.0 WordPressプラグイン版

  

追記2(2008.09.03):

このプラグインを有効化すると以下のスクリプトエラーが発生しました。

‘null’は Null またはオブジェクトではありません。

気持ちが悪いので現在はプラグインを無効にしています。
コードを修正する知識がないので解決法をご存知の方は是非教えて下さい。

Trackback URI

Leave a Comment