いまやいろんなサイトで使われてる感のあるLightboxですが
ウチのブログサイトにも導入しようと思って設置。
本家は別サイトで導入して遊んでましたが、今回はWordPressのプラグインの方で。
動かず。(・・)
いろんなサイトを参考にしてみるもまったく動かず。。(・・)
で結論からいうと、今回プラグインが動作しない原因はheader.php内に記述するテンプレートタグ<?php wp_head(); ?>の存在でした。
WordPressのカスタマイズを既存3テーマからする場合、既存テーマにはheader内に最初から記述されてるテンプレートタグですが、
自分の場合新規から制作してて、このタグがなくても特に問題なかったのでまったく意識してませんでした。。。
で、このテンプレートタグの役割は、ユーザー側で定義した構文
「add_action(’wp_head’, ‘関数名’);」を代入可能にするみたいです。
※このタグがないと、lightboxの場合「lightbox2.php」内の下の方に記載されている
「add_action(’wp_head’, ‘lightbox_styles’);」を代入できないみたいですね。
で、結局<?php wp_head(); ?>をheader.php内に記述すると一発で動作しました。
lightboxの設置方法を備忘録しておきます。
1、このサイトから最新版(現在はLightbox JS 2.2)をダウンロードさせてもらい解凍する
2、解凍してできたフォルダ内の「lightbox.php」と「lightbox」フォルダをWordPressディレクトリの/wp-content/plugins/にアップロードする。
3、WordPress管理ページの「プラグイン」で「lightbox」を「有効化」する。
4、記事投稿時(もしくは編集時)に画像の<a>タグ内に
「rel=”lightbox”」を追加します。
画像をグループ表示させる場合は「rel=”lightbox[roadtrip]”」を追加します。
以上です。
ここ数日、lightboxが動作しないことに悩んでいました。テーマを自作したHPで動作しないのです。既存のテーマで作成したHPでは問題なく動くのに原因がまったくわかりませんでした。途方にくれてあきらめかけていた時にこの記事にたどり着きました。
本当に感謝です。すごくうれしいです。ありがとうございました。ほんとに一発で解決でした。
<?php wp_head(); ?>の一行で…
感謝です。ほんとにありがとうございました。
type:Comment [ ]
>tomiさん
自分も自作のテーマで動かず、なんでかなーってずっと悩んでましたー。
お役に立ててよかったです!!
type:Comment [ ]
自分も上の方と同じ理由で悩んでいたところ、同じ方法で解決しました!
<?php wp_head(); ?>に関しての情報は検索してもほとんど出てこない気がします。
貴重なエントリありがとうございます。
type:Comment [ ]
「lightbox WordPress 自作テーマ」で検索してたどり着きました。
同じく<?php wp_head(); ?>の一行の件で悩んでいたので、情報ありがとうございます。
無事表示できるようになったのですが
根本的な質問ですみません、、、
この記事の
>4、記事投稿時(もしくは編集時)に画像の<a>タグ内に「rel=”lightbox”」を追加します。
これはHTML投稿にて、手打ちで入れなければいけないのでしょうか。
他の解説サイトを見てもわからず・・・・、恐縮ですが教えていただければ幸いです。
type:Comment [ ]
antiquebullさん
コメントありがとうございます。
確かにそうですね~wp_headメソッドについての記述って検索してもあまり出てこないですよね。。
ともあれお役に立てて嬉しいです。。
type:Comment [ ]
>momoさん
コメントありがとうございます。
お役に立てて嬉しいです。
自分は投稿記事の中にHTMLタグを書く形で反映させています。
ほかにも方法があるのかもしれませんが、
WordPressのPHPソース自体をいじらない限りは、投稿の中でHTMLタグをわざわざ書かないと反映されないかもしれません;;
type:Comment [ ]