Web制作

【Bootsrap 4】ハンバーガーメニューが閉じない時の対処方法

Written by o-saka

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を使用している場合、同様のエラーが発生する可能性があるので、その際はオレンジ太字部分を変更すれば対応可能です。

 

 

この記事を書いた人

o-saka(@abiko41)

フリーランスでWEB作ったりロゴ作ったりしてます。
お仕事のご依頼等は下記フォームより承っております 。お気軽にお問い合わせください。

お問い合わせ