DearGloss ネット関連と節約生活

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

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
-

執筆者:


comment

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

関連記事

Akismet設定方法(スパムコメント対策)

WordPressでブログを運営していると増えてくるスパムコメントです。このサイトでも1日数件ですが増えていきます。 そのスパムコメントを自動判定してくれるのが「Akismet」です。 他のサイトでも …

アイキャッチ画像自動挿入プラグイン [ Auto Post Thumbnail ]

皆さんは、Wordpressのアイキャッチ画像を使っているでしょうか? 自分は使用しています。見た目も良くなり記事のデザイン性が上がるので読んでもらいやすくなると思います。 このアイキャッチ画像ですが …

デフォルトのアイキャッチ画像設定プラグイン [ Default Thumbnail Plus ]

アイキャッチ画像を設定しなくても、デフォルトのアイキャッチ画像を設定できたり、タグ・カテゴリーでのアイキャッチ画像を設定できるプラグイン「Default Thumbnail Plus」を紹介します ア …

アイキャッチ画像を検索して探せるプラグイン [ Flickr – Pick a Picture ]

使用しているテーマ(Stinger5-Cheetah)がアイキャッチ画像を記事のトップに表示されることもあり、最近の投稿した記事にはアイキャッチ画像を設定するようにしています。以前は画像サイトから著作 …

人気記事を表示するプラグイン [ WordPress Popular Posts ]

目次1 WordPress Popular Posts について1.1 WordPress Popular Posts の特徴2 WordPress Popular Posts インストール方法3 W …

アーカイブ

最近のコメント