画像をクリックするとポップアップして拡大表示される Lightbox 系プラグインは WordPress にも多々ありますが、 WP-lightpop は画像だけでなく YouTube などの動画共有サイトの動画、各種動画ファイル、更には WordPress プラグイン VideoPop+ で管理している動画ファイルを lightbox 風に表示するプラグインです。
Sponsored Link
WP-lightpop の導入・設定
- WordPress Plugins/JSeries の WP-lightpop のページより ZIP ファイルをダウンロード。
- ZIPファイルを解凍して wp-lightpop フォルダを plugins フォルダへアップロード。
- 管理画面より WP-lightpop を有効(使用する)に。
導入でちょっとつまずいたのでメモ。
上記手順で設定したのですが、何故か画像がポップアップしないので以下のことを行う。
- 他のプラグインとの競合を考え、全てプラグインを停止して WP-lightpop を使用 → ポップアップしない。
- メニューに使っている jquery プラグイン droppy とのコンフリクトを疑い記述を一時的に削除 → ポップアップしない。
<?php wp_head(); ?> と <?php wp_footer(); ?>
を再確認。 footer がなかったので記述 → ポップアップしない。
<?php echo('< ?xml version="1.0" encoding="utf-8"?>') ?>
を一時的に削除 → ポップアップしない。
- 設定の a[href*=/wp-content/uploads/] を a[href^=http://127.0.0.1/wordpress/wp-content/uploads/] に → ポップアップしない。
- テーマをデフォルトに変更 → ポップアップした。
デフォルトテーマではポップアップするので、このオリジナルテーマが問題と考え調査。
すごく簡単なことでした。 というかマヌケだ。
header.php 変更前
<?php wp_head(); ?> <script type="text/javascript" src="http://127.0.0.1/wordpress/wp-content/themes/fool/js/jquery.js"></script> <script type="text/javascript" src="http://127.0.0.1/wordpress/wp-content/themes/fool/js/jquery.droppy.js"></script> <script type="text/javascript">//<![CDATA[ jQuery.noConflict(); //]]></script> </head>
header.php 変更後
<?php wp_head(); ?> <script type="text/javascript" src="http://127.0.0.1/wordpress/wp-content/themes/fool/js/jquery.droppy.js"></script> <script type="text/javascript">//<![CDATA[ jQuery.noConflict(); //]]></script> </head>
droppy 導入時にヘッダに記述したスクリプトがじゃまでした。
<script type="text/javascript" src="http://127.0.0.1/wordpress/wp-content/themes/fool/js/jquery.js"></script>
これで問題なくポップアップと思ったら、もうひとつ問題が・・・・。
画像を追加する際、リンク URL が投稿の URL になっていた。 これだとその場でポップアップしない。
画像追加時に、リンク URL をファイル URL にするとその場でポップアップするようになります。
これで画像は無事ポップアップ。
YouTube の動画にサムネイルを用意し、クリック後に自動再生させるなんてのもカッコイイと思います。
ちなみに設定したパラメタは以下。
hl=ja&autoplay=1&fmt=22
こんな便利でカッコいいプラグインを作製された作者の をかもとさんに感謝。 別サイトで使ってる VideoPop+、 Head Cleaner も大変重宝しております。
WP-lightpop 作者サイト
- dogmap.jp
- 独断と偏見の何でもレビュー。
Sponsored Link
One thought on “WP-lightpop – 動画のポップアップも可能なLightbox風プラグイン”