WP jQuery Lightboxで特定の投稿のみスライドショーが動かない場合の対処法
2014/11/22
当サイトではWP jQuery Lightbox写真をポップアップした際に、
スライドショー効果を表現するためにWP jQuery Lightboxを採用していますが、
最近の投稿でスライドショーの動かない投稿が混ざっていて、
原因を確認しましたのでご紹介しておきます。
はじめに
WP jQuery Lightboxはお使いでしょうか。
画像をクリックすると、うにょーんってポップアップで表示してくれるアレ。
下の画像で確認ができます。
リンク先:http://algorhythnn.jp/blg/wp/wp-content/uploads/2013/11/eye_eekagen.png
とまぁ、これ便利なプラグインなので導入すると、
過去の投稿まで綺麗に対応してくれます。
プラグインを有効化するだけで、利用開始できるこのプラグインは助かります。
添付ファイルのページURLでは動かない
でも、最近まで知らなかったのですが、
最近の投稿にたまに以下の画像で表示される添付ファイルのページが
表示される投稿が紛れ込みまして、困惑してました。
リンク先:http://algorhythnn.jp/blg/?attachment_id=9273
調べてみれば、
WordPress › フォーラム » Lightbox 2 が使えなくなった の
症状が近いかなという感じです。>「リンクURL」が「記事のURL」になってませんか?
そんなことした覚えがないのにな・・・と思って確認すると、
メディアファイルのURLになっていない画像がちらほら。
しかもそれがLightboxが効いていない。
そんなわけで、以下の操作でLightboxが効かないようになります。
まぁ知ってる人は当たり前なんでしょうけど。
Lightboxが効く例
普通はこうやって画像挿入してますよね。
[メディアを追加]をクリックします。
キャラリーから画像を選択するのですが、
リンク先が[メディアファイル]になっている必要があります。
この場合ちゃんとLightboxが効いてくれます。
効かない例
このリンク先の部分が何かの拍子に[添付ファイルのページ]と
なってしまって挿入した画像は、Lightboxが効きません。
ただこれだけです。
後から修正するには
でも既に投稿してしまってますし、再度張り替えるとなると、
再び画像をギャラリーから探して選択して・・・ってなりますしなんとか簡単にしたい。
まず、画像にマウスオーバーして、写真アイコンをクリックします。
画像の編集ポップアップが表示されます。
確かに、URLが添付ファイルURLになっています。
ここで[画像にリンクを張る]をクリックします。
すると、URLが画像ファイルのURLに変更されます。
あとは[更新]を押して変更は完了です。
さいごに
地味で地味すぎるケアレスミス。
でも、一瞬LightboxのjQueryが競合?!とか、パニくっちゃいました。
それも単なる操作ミス。無知って怖い。
この同じミスで動いていない!って症状に出逢った方。
面倒なライブラリの競合とかでなくて良かったですね^^
だけど、ここの[添付ファイルのページ]なんてわざわざ変更したことないんですけどね。
疑わしきは、フルサイズで貼り付けた操作を行った後に、
この選択肢が変わっているような症状に出逢ったような気がします。
まぁ何かの参考になれば幸いです。
WordPress™はWordPress Foundation の登録商標(第5049965号)です。
WordPressロゴ、アイコンその他のマーク等はWordPress Foundation の商標であり、
WordPress Foundation の著作物です。
WordPress.comはWordPress Foundation が管理運営を行うドメインならびにサービスの名称です。
WordPress.com、WordPress.net、WordPress.org、WordPress.tv、
WordPressFoundation.orgはWordPress Foundationが
管理運営を行なう正式なトップレベルドメインであるとともに、
WordPress Foundationが運営を行うサービスの名称です。
関連記事
-
空のtwitterアプリケーションを作成しWordTwitをOAuth認証で連携・・・できない
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
10.スペル&文法チェック-Jetpack by WordPress.com
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
ローカル環境へのwordpress設置
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
好きな画像をサイドバーウィジェットにJetpackを利用して表示する
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
Gravatarアカウントの認証済みサービスのBloggerが利用できない場合の対処法
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
wordpressに投票機能を追加するPOLLDADDYの利用登録
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
リンクをdivエリアでクリック可能にするHTML・CSSをさらにショートコード化
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
phpMyAdminでMySQLデータをサーバー上からインポートする
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
18.タイルギャラリー-Jetpack by WordPress.com
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
RSS購読ボタンをサイドバーウィジェットにJetpackを利用して表示する
Google or AdMax Promotion(it) 禁断の機能がau公式 …