2018-04-25

Q&A:WordPressサイトのスライドショーが急に動かなくなりました。全ての画像が並んで表示されてしまいます。

テーマに最初から付いているスライドショーが急に動かなくなったり、
全ての画像が縦に並んで表示されてしまう不具合が出た場合は、
以下の4つの原因が考えられます。

1)他プラグインとのバッティング

HTML/CSSカスタマイズ等をしていないのに動かなくなった!という場合の、
99%の原因は他のプラグインとのバッティングです。
一旦、他社製のプラグインを全て停止するだけで、解決することがほとんどです。

jQueryを使用するプラグイン(Lightboxのような画像ポップアップ系や画像スライド系)や、
ソースコードを改変する「head cleaner」などを使っている場合は、
正しく設定しないとスライドショーやメニュー等が動かなくなる事がありますので、まず最初に停止してみてください。

原因の特定方法と解決方法はこちらの記事を参考にどうぞ。
スライドショーが動かない時にまず確認すること >

2)手動でテーマ編集・カスタマイズした時にミスをしてしまった/誤った記述に修正してしまった

手動でカスタマイズ(HTML/CSS編集)した結果、
必要なHTML/CSSコードを間違って削除してしまったり、改造した時に記述ミスがあったり、
jQuery自体の読み込みをヘッダーから削除してしまったりすると、
スライドショーは動かなくなってしまうので、これまた注意が必要です。

3)jQueryのバージョンを変更してしまった

Minimal WPのテーマで使っているスライドショー(スマホメニューも)は、
jQueryのバージョン1.x系を利用しています(主に1.7.1〜1.8.3)。
1.9.0以降や2.x系に置き換えると、正しく動かなくなる可能性がありますので、ご注意下さい。
(jQuery Migrate pluginを読み込ませればOKですが)

4)SSL化(https://)する手順にミスがあった

さらに、もう一つ可能性があるのが、SSL化の手順にミスがある場合です。
他の部分は正しくhttp://⇒https://にできているのに、
ヘッダー内のjQueryの読み込みコードだけhttp://のままになってしまっている場合です。
こうなると正しくjQueryが読み込まれていない状態ですので、
スライドショーが動きません(スマホメニューも動きません)。

誤:http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
正:https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
または//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js

http://⇒https://に変更してください。

その他のWordPressのよくある質問

WordPressのトラブル・よくある質問の一覧を見てみる >

トラブルが少ないシンプルなWordPressテーマ

Minimal WPのシンプルでおしゃれなWordPressテンプレートは、
余計な機能や設定を徹底的に排除したミニマル仕様。
トラブルも少なく、初心者でも簡単に安心して使えます。

WordPressテンプレートのデザイン一覧を見てみる >

by
おすすめWordPressテーマ10選