• 解決済 creator777

    (@creator777)


    Contact Form 7を更新したら、テーマのデザインが崩れてしまい、スライドメニューがスマホ、タブレット、パソコンともに表示されたままになりました。

    プラグインを無効にして順番にプラウインを有効にした結果、Contact Form 7が原因と思われる段階に来ました。

    テーマは、Bones (Rename Me!)バージョン: 1.7です。

    wordPressのバージョンは、6.3.1です。

    HTMLのタグなどを調べている中で、sidrを使っていることが分かりました。

    URLの一部をお知らせします。

    library/js/sidr-package-1.2.1/jquery.sidr.light.css

    library/js/sidr-package-1.2.1/jquery.sidr.min.js

    Contact Form 7のjqueryの関連の更新が影響しているのかなと推測しています。

    修正方法が分かると良いのですが、情報の提供もしたいと思い投稿しました。

    テーマは、多分今回のウェブサイト用にカスタマイズされていると思います。

    スマホとタブレットの時に、ナビゲーションメニューが開くボタンが、あります。

    スマホの場合は、ページがスクロールするとホバーになります。

    CSSで要素の非表示を行うと、メニュー表示のボタンをタップしたときにメニューがスライドしないです。

    解決方法が分かると助かります。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック投稿者 creator777

    (@creator777)

    すみません。自己解決しました。

    テーマのfunctions.phpで、JQueryの読み込みを行っているところがありますが、ここを修正しました。

    functions.phpのコードを見ると、sidr_jsとsidr_do_jsがjqueryに依存しているのに、jqueryを明示的に読み込んでいないようです。そのため、jqueryが読み込まれる前にsidrの関数が呼び出されてしまい、エラーが発生しています。

    ということで、下記のコードに差し替えたら、正常にテーマが表示されました。

    /*sidr*/
    
    function sidr(){ 
        wp_enqueue_style('sidr_css', get_template_directory_uri().'/library/js/sidr-package-1.2.1/jquery.sidr.light.css'); 
        wp_enqueue_script('sidr_js', get_template_directory_uri().'/library/js/sidr-package-1.2.1/jquery.sidr.min.js', array('jquery') ); 
        wp_enqueue_script('sidr_do_js', get_template_directory_uri().'/library/js/sidr-package-1.2.1/do.js', array('jquery') );
    
    }
    
    add_action('wp_enqueue_scripts', 'sidr');

    JQueryの読み込みが、Contact Form 7の何らかの影響を受けたかもしれないです。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「更新するとスライドメニューが表示されたままになる」には新たに返信することはできません。