スマホ閲覧時にメニューボタンが効かなくなったっす!
メニューが使えなくなるのは、スマホ閲覧時の動線を塞ぐことになるから、早速解決策をお教えしよう。
スマホのメニューボタンが効かない!?
スマホのメニューボタンというのは、『SWELL』で「グローバルメニュー」と呼ばれる箇所になります。
スマホでアクセスされている際には、重要な動線になるパーツです。
ヘッダーを追従設定にしていれば、常時さまざまなページへのアクセスの可能性を生み出してくれます。
PCでは問題なく稼働
このスマホ閲覧時にメニューボタンが効かなくなる現象の際に、PC閲覧では問題なく稼働していることが多いです。
実際に『SWELL』の公式フォーラムでも同様の症状を体験している方もいらっしゃいました。
原因はプラグインの場合が多数!
今回の症状の原因は、ズバリ「プラグイン」でした。ある特定のプラグインが『SWELL』と機能が重複しており、一部機能に支障をきたしていたというわけでした。
そのプラグインは「Async JavaScript」という、JavaScriptの読み込みを非同期・遅延することで、サイトの表示速度改善を促すものが原因でした。このプラグインを無効化(削除)することで無事解決。
こちらはテーマ『SWELL』の開発者でも了さんも注意しているプラグインとされており、実際に今回の症状ではまさになっていました。
特に『SWELL』は複数の高速化機能を搭載しているので、重複するプラグインは悪影響を及ぼす可能性が高いようです。
SWELLの標準機能でメニュー機能は止まらない
私が確認した範囲では、通常の操作の範囲であれば「スマホ閲覧時のメニューボタンが効かなくなる」なんて症状は発生しませんでした。
まずは、プラグイン・WordPressバージョンなどの基本的な項目から確認することをおすすめします。
まとめ:スマホのメニューボタンが効かない?時の原因と解決策
最後に『スマホのメニューボタンが効かない?時の原因と解決策』に関する結論を。
- 『SWELL』で実装されている機能と重複するプラグインをチェック
- 『SWELL』非推奨プラグインは必ず確認すべき!