Lightbox2導入

6月20日更新

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

wordpress/wp-includes/js/lightbox を作成

から最新版をダウンロードして、上記ディレクトリで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で登録すれば完了(手抜き)

コメント

  1. 匿名 より:
タイトルとURLをコピーしました