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

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

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

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

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

<?php
wp_deregister_script('jquery');
wp_enqueue_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js', array(), '1.7.1');
?>

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

ーーー

＜サイトをSSL化（https:）している場合＞

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

<?php
wp_deregister_script('jquery');
wp_enqueue_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js', array(), '1.7.1');
?>

↓

<?php
wp_deregister_script('jquery');
wp_enqueue_script('jquery', '//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js', array(), '1.7.1');
?>

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

★

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

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

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

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

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