WordPressでPhotonを有効化すると、lightboxが使えなくなった。

WordPressでPhotonを有効化すると、lightboxが使えなくなった。



軽量で導入も簡単なLightbox系のjQueryプラグイン「imagelightbox」を使っております。

Image Lightbox, Responsive and Touch‑friendly — Osvaldas Valutis
参考
Image Lightbox, Responsive and Touch‑friendly — Osvaldas Valutis

As for the image lightboxes, I have always lacked simplicity for them. I mean not only the visual design, but the overall experience: from implementation…

Image Lightbox, Responsive and Touch‑friendly — Osvaldas Valutis Osvaldas Valutis

で、件の通りJetpackのPhoton機能を有効化すると、このプラグインが使えなくなりました。

Photonを使うと例えば、

<img src="http://*****/wp-content/uploads/2015/02/photo-large.jpg">

な画像パスが、Photon CDNサーバーに置き換わって

<img src="http://i1.wp.com/*****/wp-content/uploads/2015/02/photo.jpg?resize=750%2C350">

のようになります。

つまり、PhotonのCDNサーバーにアップロードされるのは、オリジナル画像だけで、それをリサイズして表示しているようです(WordPressに画像をアップロードする際に生成される、large、medium、thumbnailの3画像はCDNにアップロードされない)。

imagelightboxのプラグインは、画像拡張子の後にパラメータがあると画像として認識してくれない様子。
パラメータの後に無理やり拡張子を追記してやれば使えるようになったのだけど表示が重たくなるので、CDNを使用する意味が無くなる。

他のプラグインを探すか、Photonを止めるかのどちらか。

悩む。

今日はここまで
WordPressでPhotonを有効化すると、lightboxが使えなくなった。

WordPressでPhotonを有効化すると、lightboxが使えなくなった。


開発

軽量で導入も簡単なLightbox系のjQueryプラグイン「imagelightbox」を使っております。 http://osvaldas.info/image-lightbox-responsive-touch-fr…


関連する記事



こちらはいかが?


1 件のコメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*(必須)

*(必須・表示されません)