2018-04-25

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

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

１）他プラグインとのバッティング

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

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

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

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

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

３）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://に変更してください。

★