コンテンツ
ブログ記事
今、様々なサイトで導入されているLightboxを試してみました!
1.導入、動かないプラグイン
本体をダウンロードしまして、プラグインフォルダにアップロード。
そしてプラグインを有効化!
・・・あれ?動作しない。。。ちゃんとaタグの中に、 rel=”lightbox”を挿入してるのに。
何故???(ここでも、いろいろ調べて試すも、全く反応せず。。。)
もしかしたら、自作のテーマだからなのかなと思い、テーマを「EasyAll」変更、そうしたらきちんと動きました。
うーん、なにが違うんだろう。
2.そして、解決へ
そこで、いろいろ調べていくうちに、自作テーマの場合header.phpの中のヘッダー内に
< ?php wp_head(); ?>
というテンプレートタグが入ってないと動かないというのが分かりました。
参考文献:WordPressにLightbox JS 2.2を導入 | Web&MUSICブログ QUALL
(ありがとうございます。m(_ _)m)
どうやら、この< ?php wp_head(); ?>というテンプレートタグ、ユーザー側で定義した構文「add_action(’wp_head’, ‘関数名’);」を代入可能にするようです。(lightbox.phpを調べてみると、しっかり使われてました。なるほど~。)
という訳で、試行錯誤しながらもなんとかLightbox 2導入完了!の巻でした。
最後にテストします。
追記:IE7でエラーが出てましたが、以下のlightbox2に変えたところ上手くいきました。
http://zeo.unic.net.my/notes/lightbox2-for-wordpress/
うーん・・・どうやら、< ?php wp_head(); ?>で吐き出すソースが、IE7のご機嫌を悪くしてるようです。(バグ?)
とりあえずこれで様子見です。
こちらもあわせてどうぞ!
2009年01月25日(日)
最近の記事
- [jQuery]くるくる回転!?キュートな水平メニューFancy Navigation withCSS & jQuery!
- [WordPress]カテゴリページでのページ送りの不具合に関しての備考録
- [jQuery]自由自在!マウスオーバーで背景画像と文字色がフェードで切り変わるメニューColor Fading Menu
- [jQuery]マウスオーバーした画像にフェードイン・フェードアウト(透明度)する効果を!夏
- [jQuery]クロスフェードで切り替わる画像(URL)を簡単実装「Innerfade with jquery」!
- [CSS]画像をほんのちょっぴり豪華に装飾するスタイルシートのプチテクニック
- [CSS]夏だ!海だ!さわやかなデザインを実現するbackground-attachment: fixed;!
- [jQuery]3階層以上のドロップダウンメニューを表示する「droppy」!
- Movable Typeのテンプレートを確認・保存する方法
- 120個の優れたメニューが見れるサイト!
カテゴリー
- webデザイン関連 (11)
- WordPress (13)
- カスタマイズ (4)
- WordPress全般 (4)
- プラグイン (3)
- アップグレード (1)
- tips (5)
- movabletype (4)
- movabletype全般 (2)
- 雑記 (1)
- javascript (14)
- jQuery (12)
- SEO (2)



このエントリーにはまだコメントがありません。
http://miracle-ysdesign.com/blog/wordpress/118.html/trackback