【Bootsrap 4】ハンバーガーメニューが閉じない時の対処方法
WordPress + Bootstrap 4 環境でハンバーガーメニューが閉じないという現象が発生したので対処方法を記載しておきます。
原因調査
こういう時はWordPressのプラグインがあやしいのでまずはheader.phpの下記を削除して動作するか確認してみましょう。
<?php wp_head(); ?>
上記を削除したところ問題なく動作しました。
つぎにプラグインを無効化してどのプラグインが原因かを調査したところ「Download Manager」というプラグインが原因ということが判明しました。このプラグインはBootstrapを読み込んでいるためそれが原因でハンバーガーメニューが正常に動作しておりませんでした。
対策
function.phpに下記を追記することによってDownload Managerプラグインが使用するjavascriptを無効にすることができます。
function.php
function deregister_wpdm() { wp_deregister_script( 'wpdm-front-bootstrap' ); } add_action( 'wp_print_scripts', 'deregister_wpdm', 100 );
そのほかのプラグインでもBootstrapを使用している場合、同様のエラーが発生する可能性があるので、その際はオレンジ太字部分を変更すれば対応可能です。