2018-04-25

Q&A:WordPressのスマホサイトのハンバーガーメニュー(右上の三本線アイコン)をクリックしても開きません。

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

jQueryを使用するプラグイン(Lightboxのような画像ポップアップ系や画像スライド系)や、
ソースコードを変更してしまう「head cleaner」等を使っていたらまずは無効にしてみてください。

「head cleaner」は正しく設定されていないと、
jQueryで動く部分(主にメニュー・アニメーション・マウスオーバー・スライド等)に不具合を起こすのでお気をつけ下さい。

また、WordPress本体のjQueryでうまく動かない場合、
またはjQueryのバージョンを1.9.0以上に変更した場合は、
テーマヘッダー(haeder.php)の<?php wp_head(); ?>の直前に、

という1行を追加して、バージョン1.7.1〜1.8.3のjQueryを外部から読み込んでみてください。

ーーー

<サイトをSSL化(https:)している場合>

SSL化の手順でミスがあると、スマホメニューが動かなくなる場合があります。
テーマヘッダー(haeder.php)でjQueryを読み込む時に、
これをSSL化させる必要があります。
具体的には「http:」を削除するだけです。

SSL(https://)に対応させる方法は、専門的な知識を必要とするので、
Google検索などを活用してください。

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

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

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

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

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

by
おすすめWordPressテーマ10選