IImageBrowser と LightBoxPlus の補足

1.IImageBrowserの補足

実際に画像をUpしてみたところ、デフォルトの生成位置は、/wordpress/wp-content の直下でした。これだと wp-content の中が画像ファイルで溢れてしまいますので、WP内蔵の画像Uploaderが格納に使う /wordpress/wp-content/uploads などお好みの位置を指定する必要があります。

指定するということは、/wordpress/wp-admin/iimage-browser.php を編集することになります。

33行目辺りを
[code]// ====( images folder setting )================================================
//path to the “upload” directory
//relative to iimage-browser.php
$ib_settings[‘real_path’] = ‘./../wp-content/uploads/’;

//URI of that directory relative to your blog URI
$ib_settings[‘real_url’] = ‘/wp-content/uploads’;
// ====( images folder setting END )============================================

[/code]
という感じで修正。これでデフォルトの保存先が、/wp-content/uploads になります。

IImageBrowser使用時にディレクトリ作成ができますが、それはこの配下に作成可能ということです。

内蔵の画像Uploaderは年月ごとに、格納するフォルダを変えてくれる機能があるのですが、IImageBrowserには無く・・・まぁMovableType同様にUploaderフォルダーにフラットに入るだけ、のようです。

2.LightBoxPlusで画像クリック時に、背景が半透明にならない件
本来なら背景は半透明に表示された状態で、クリックした画像が拡大表示されるのが駄目だったのは

WEBサイトを表示するHTMLのHEAD部分に以下の記述が無かったためです。
WordPressの場合は現在選択中のテーマの「Header.php」に記述する必要があります。

[code] [/code]

script・・・ って一文は追加してたのですが、
link・・・ って一文が無かったので半透明な背景が実現されてませんでした。

この2行、http://phpbb.xwd.jp/viewtopic.php?t=244
というスレの iimage-browser1.5.zip の中に入っている、
  解凍先フォルダ/lightbox/add_ligntbox-js.php
というプラグインを用いると自動的に挿入してくれます。 このプラグインを使う場合は上記の手動で(Header.phpに)追記した部分は削除しておきます。テーマを変更したときに、いちいちHeader.phpを修正しなくてもいいので楽です。

実は IImageBrowser の導入ってあてくしが購入した本の「WordPressでつくる! 最強のブログサイト(ソーテック社)」というのに載っていたのですが、この本の中には上述のスレから iimage-browser1.5.zip を持ってきて、LightBoxPlusを使う方法が載っていたのです。トホホ。でも最初にこのスレを見たときに当該ファイルがうまく見つけれませんでした。

それで、あてくしが持ってきたのは IImageBrowser 別版の方ですので、この中には add_ligntbox-js.php は当然ありませんでした。別物ですから。なので、LightBoxPlusのサイトにに記されている導入方法を参考に script・・・ って一文を追加したんです。

が!WordPressはこれだけじゃ動かない。それは上記に書いたとおりです。

———————————————————–
さて、具体的なLightBoxPlusの配置ですが、以下の構成部品があります。

blank.gif
close.gif
expand.gif
lightbox.css
lightbox_plus.js
loading.gif
overlay.png
shrink.gif

アップロードする前に、lightbox_plus.js を lightbox.js に名称変更しておきます。

アップロード位置は、WordPressの入っているルートディレクトリです。
(例)/wordpress/ の直下

これでやっと正しく表示されるようになりました? いあぁなんかよけいなコトしてすごい回り道を・・・ まぁそのぶんWordPressのことがより理解できた気がしますガガガ

コメントを残す

メールアドレスは公開されません

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください