1 月 4th, 2009 | |
Posted in 未分類

こんにちは。
最近ブログ記事がWordpressに片寄り気味ですが、あまり気にせず 読んでいただけたら、なんて思っています。
今回はWordpressプラグインで簡単にLigtboxをインストール、ソースを変更せずすぐ使える。
といったプラグインを紹介してみたいと思います。
ご存知 Lightboxは画像をWEB2.0っぽく ウィンドウを別ページで開く必要もなく カラムの幅も無制限。
といった優れたスクリプトです。 過去に一度WEBページ内にLightboxを表示させる方法を紹介しましたが今回は
Wordpressのプラグインで紹介してみます。
ついでに今回サンプルで使う画像は最近購入したばかりのヘッドフォンに。
そちらのレビューも兼ねて記事を書いていこうと思っていますのでWordpressネタは関係無い、って方も
楽しんでいただけると思いますよ。
それではさっそく続きから
■ サンプル

※画像クリックで拡大表示。
手順 ①
Lightbox-Downloadこちらのサイトよりプラグインをダウンロードしてください。
(ページ中盤 0.7のWordpress 2.2と書いてあるファイルをダウンロード。 ※たくさんあるので注意)
手順 ②
ダウンロード後、解凍するとLightboxフォルダが出てきます。
フォルダ内容:【css】【images】【js】plugin.php となっています。
手順 ③
../wordpress/wp-content/plugins ディレクトリ内にLightboxフォルダごとアップロード
手順 ④
Wordpress管理画面右側にある 【プラグイン】で先ほどアップロードしたLightboxプラグインの設定をオン。
以上で設定は終了です。
記事投稿で画像をアップロードし、【投稿へ挿入】でソースを編集することなく表示することが出来ます。
たとえば、<a>内に rel=”lightbox”と入れなければ表示されない などなど.. 全て改善されているのでご安心を。

ヘッドホンのレビュー:気に入っています。
Tags:
litebox,
WEB2.0,
wordpress,
サンプル,
ソース,
プラグイン,
レビュー