サポート » テーマ » 【再投稿】【Sydney】モバイルで表示されるトップメニューの修正

  • 解決済 sodic

    (@sodic)


    再度、投稿させていただきます。

    Sydneyのテーマでサイトを作成しております。
    全てカスタムメニューでトップメニューを作成しました。

    トップメニュー
    親 【システム】 ⇒ URLなし

            ↓PC:マウスホバー or モバイル:Vマークを押下

    子 (【システム】項目1) (【システム】項目2) ⇒ URLあり
    となっています。
    トップメニューの親メニュー【システム】はURLを指定していない為
    ※させたくないです。あくまでサブメニューからページ遷移させたいので

    PCの場合マウスホバーで子メニューが表示されるので問題ないのですが
    モバイルの場合だと 親メニューの『V マークを押下』しないと
    子メニューが表示されません。
    これだとユーザーに分かりづらいので、『V マークを押下』ではなく
    親メニューを押せば、子メニューが表示される仕様に変更したいです。

    この質問に対し、アドバイスを頂き下記コードを追加致しました。
    header.php内のwp_head()を削除するとうまく動作するのですが
    wp_head()が残っていると、メニューボタンを押下後、すぐに閉じてしまいます。
    ※おそらくwp_head()で再度javascriptが読み込まれて
    メニューボタンを押下してメニューが開いてもすぐに閉じてしまうと思われます。

    wp_head()を削除してしまうとプラグイン等がうまく動作しなくなる
    可能性があると知り、再度投稿させていただきました。
    現在は、header.php内のwp_head()は削除して動いている状態です。
    ※現状、特に問題なく動いているように思えますが・・・
    よろしくお願い致します。

    function.phpに下記の関数を追加
    —————————————————————-
    function my_enqueue_scripts() {
    $script = <<<SCRIPT
    jQuery(function($) {
    $(document).on(‘click’, ‘#mainnav-mobi li a’, function(e) {
    var submenu = $(this).next();
    if (submenu.is(‘.btn-submenu’)) {
    submenu.toggleClass(‘active’).next(‘ul’).slideToggle(300);
    e.preventDefault();
    }
    });
    });
    SCRIPT;

    wp_add_inline_script( ‘sydney-main’, $script, ‘after’ );
    }

    add_action( ‘wp_enqueue_scripts’, ‘my_enqueue_scripts’ );
    —————————————————————–

    • このトピックはsodicが5年、 10ヶ月前に変更しました。

    ヘルプの必要なページ: [リンクを見るにはログイン]

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんにちは

    header.php内のwp_head()を削除するとうまく動作するのですが

    2箇所に wp_head() が記述されていて、正しい場所(?)の wp_head() を削除してしまったのではないかしら?
    wp_head() は(ほぼ)必須です。メタ情報やスクリプト、スタイルなどを出力する重要な関数です。ほとんどのテーマやプラグインは wp_head() が組み込まれていることを前提としていて、組み込まれていない場合は正常に表示されないと思います。
    提示のページのコードには wp_head() による出力と思われる記述があるので、おそらく wp_head() はどこかに組み込まれていると思われます。
    それと、</head> が body タグ内に食込んでいます。これは文法エラーになります。おそらくこの辺のカスタマイズした箇所に間違いがあると思います。再度カスタマイズした箇所(特に </head> の辺り)を見直してみてはと思います。

    • この返信は5年、 10ヶ月前にishitakaが編集しました。
    トピック投稿者 sodic

    (@sodic)

    ishikata 様

    度々のご返信ありがとうございます。
    ご指摘の通り、header.phpの上部にwp_head()が呼び出されていました。
    文法エラーも以前よりぐっと減りました。
    たくさんのアドバイスありがとうございました!

    • この返信は5年、 10ヶ月前にsodicが編集しました。
2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「【再投稿】【Sydney】モバイルで表示されるトップメニューの修正」には新たに返信することはできません。