Lightbox2導入

6月20日更新

Lightbox 2.0 for WordPressというプラグインがあり、それを導入するだけで済んでしまうことが判明。
ちなみに、下記で変更した部分は全て元に戻さないと、設定がバッティングしてうまく動きません。。
最初からこれで良かったー。

wordpress/wp-includes/js/lightbox を作成
http://www.huddletogether.com/projects/lightbox2/ から最新版をダウンロードして、上記ディレクトリでunzip

js/lightbox.js の下記部分のパスを変更

var fileLoadingImage = “/wp-includes/js/lightbox/images/loading.gif”;
var fileBottomNavCloseImage = “/wp-includes/js/lightbox/images/closelabel.gif”;

使用中のテーマの中の header.php に下記を追加

<script src=”/wp-includes/js/lightbox/js/prototype.js” type=”text/javascript”>
<script src=”/wp-includes/js/lightbox/js/scriptaculous.js?load=effects” type=”text/javascript”></script>
<script src=”/wp-includes/js/lightbox/js/lightbox.js” type=”text/javascript”>
<link href=”/wp-includes/js/lightbox/css/lightbox.css” rel=”stylesheet” type=”text/css” media=”screen” />

あとは、画像をFlexible Uploadで登録すれば完了(手抜き)

投稿者:

kuni

サイトの管理人です

「Lightbox2導入」への1件のフィードバック

コメントを残す

メールアドレスが公開されることはありません。