BLOG ENTRY

WordPressにLightbox JS 2.2を導入

wordpress

いまやいろんなサイトで使われてる感のある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]”」を追加します。

以上です。

  • name:tomi
  • date:2008/06/16
  • ここ数日、lightboxが動作しないことに悩んでいました。テーマを自作したHPで動作しないのです。既存のテーマで作成したHPでは問題なく動くのに原因がまったくわかりませんでした。途方にくれてあきらめかけていた時にこの記事にたどり着きました。
    本当に感謝です。すごくうれしいです。ありがとうございました。ほんとに一発で解決でした。
    <?php wp_head(); ?>の一行で…
    感謝です。ほんとにありがとうございました。

  • type:コメント [ ]

  • name:admin
  • date:2008/07/20
  • >tomiさん

    自分も自作のテーマで動かず、なんでかなーってずっと悩んでましたー。

    お役に立ててよかったです!!

  • type:コメント [ ]

  • name:antiquebull
  • date:2008/12/17
  • 自分も上の方と同じ理由で悩んでいたところ、同じ方法で解決しました!
    <?php wp_head(); ?>に関しての情報は検索してもほとんど出てこない気がします。
    貴重なエントリありがとうございます。

  • type:コメント [ ]

  • name:momo
  • date:2009/01/01
  • 「lightbox WordPress 自作テーマ」で検索してたどり着きました。
    同じく<?php wp_head(); ?>の一行の件で悩んでいたので、情報ありがとうございます。

    無事表示できるようになったのですが
    根本的な質問ですみません、、、
    この記事の
    >4、記事投稿時(もしくは編集時)に画像の<a>タグ内に「rel=”lightbox”」を追加します。

    これはHTML投稿にて、手打ちで入れなければいけないのでしょうか。

    他の解説サイトを見てもわからず・・・・、恐縮ですが教えていただければ幸いです。

  • type:コメント [ ]

  • name:admin
  • date:2009/01/03
  • antiquebullさん

    コメントありがとうございます。

    確かにそうですね~wp_headメソッドについての記述って検索してもあまり出てこないですよね。。

    ともあれお役に立てて嬉しいです。。

  • type:コメント [ ]

  • name:admin
  • date:2009/01/03
  • >momoさん

    コメントありがとうございます。
    お役に立てて嬉しいです。

    自分は投稿記事の中にHTMLタグを書く形で反映させています。

    ほかにも方法があるのかもしれませんが、
    WordPressのPHPソース自体をいじらない限りは、投稿の中でHTMLタグをわざわざ書かないと反映されないかもしれません;;

  • type:コメント [ ]

  • name:プラグイン いろいろ | ちょこちょこWORDPRESS
  • date:2009/04/23
  • […] ★lightboxのプラグイン版 http://mdkart.fr/blog/plugin-add-lightbox-pour-wordpress/ だけど、lightbox.phpをいじる方法もあります。 http://www.4mj.it/lightbox-js-v20-wordpress/ そしてこんな方法も http://blog.quall.net/opensource/23 […]

  • type:ピンバック [ ]

  • name:LifeSphere gizmo-side » Blog Archive » Lightbox 2 Wordpress Plugin - いろいろな備忘録
  • date:2009/05/06
  • […] いうテンプレートタグの記述がないと動かないとのこと。 (参照 WordPressにLightbox JS 2.2を導入 | Web&MUSICブログ QUALL) で、このテンプレートタグの役割は、ユーザー側で定義した構 […]

  • type:ピンバック [ ]

  • name:wordpressのプラグインlightboxを使ってみた | wordpressとwikiの覚書
  • date:2009/07/08
  • […] ★そしてこんな方法も http://blog.quall.net/opensource/23 .gallery-item {width: 33%;} […]

  • type:ピンバック [ ]

  • name:toranosuke
  • date:2010/07/13
  • 本を見ながら自作テーマを作ってみたものの、プラグインがまったく動かず、途方にくれていました。
    <?php wp_head(); ?>の情報が本当に助かりました。貴重な情報ほんとにありがとうございます。
    他にも困っている人多そうですけど、重要な関数の割には情報すくないような気がきます。

  • type:コメント [ ]

    WRITE COMMENT


    (required)


    (required)


    (required)

    MENU

    veltica creative of twitter