wordpress・スマートフォン・SEO・節約生活・もしもドロップシッピング・アフィリエイトなど

DearGloss ネット関連と節約生活

Word Press

Stinger5のテーマで画像のプラグイン(Lightbox系)が動かない場合の対処法

投稿日: この記事は約2分で読むことができます。


このサイトのデザインはStinger5のテーマを使用しています。画像のプラグインはLightbox系のプラグインを使用していましたが動作しませんでした。調べてみると、Stinger5との相性が悪いみたいで、jQueryと競合(コンフリクトしているのが原因のようです。

jQueryと競合回避(タグ挿入で回避)

ヘッダー(header.php)に下記のようなタグを挿入れば回避できるようです。
参考URL:WordPressでLightboxが動かないときの対処方

  1. 外観>テーマ編集>ヘッダー (header.php) を選択する
  2. 下記のコードを直前に挿入する

画像プラグインをBoxers and Swipersに変更

私の場合は、画像のプラグインを「Lightbox系」から他のプラグインに変更してみました。テーマによると他のプラグインでも動作するようですが、「Boxers and Swipers」に変更しました

設定画面は日本語ですし特に設定変更をしなくても大丈夫です。端末ごとの設定は以下のように設定しました

  • PC:Image Lightbox
  • Tablet:Nivo Lightbox
  • Smartphone:PhotoSwipe

画像の表示方法ですが、6種類ほどありますので、サンプル画像をアップしておきますので参考にしてください

Colorbox

01Colorbox

Slimbox

02Slimbox

Nivo Lightbox

03NivoLightbox

Image Lightbox

04ImageLightbox

PhotoSwipe

05PhotoSwipe

Swipebox

06Swipers

 

 

-Word Press
-

Copyright© DearGloss ネット関連と節約生活 , 2018 All Rights Reserved Powered by STINGER.