サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2021年6月18日 10:29
どなたかわかる方がいたら教えて欲しいです。
SP時にハンバーガーメニューを使用しております。
メニューの大元はページ内検索でできており、そのままハンバーガーにもそれが反映されおります。
ここまでは問題がないのですが、SPになった時にハンバーガーメニューより
メニューリンクを押すとページ自体は裏側で変わっているのですが、メニューが閉じない。
メニューが開いたままになっております。
一見何も変わっていないように見えるのですが、ちゃんとページ内検索は昨日しております。
ただそれだと
変わっているのがわかりづらい。という現象があります。
こちらを
ページ内検索を押したらメニューが自動的に閉じるなど何かないでしょうか？
どなたかわかる方いらっしゃったら教えて欲しいです。
説明がわかりづらい詳しくなどございましたらコメントいただければと思います。
都合上サイトのURLを載せることができません。
もし分ございません。
2021年6月18日 14:44
rinnaさん
すみません。
メニューの大元はページ内検索でできており、そのままハンバーガーにもそれが反映されおります。
私は、ここの時点でもう分からないです。
最初の時点で分かりませんので、結局全部分かっていないです。
実際のサイトのご提示が難しいとのことですので。
1つ1つを画像などでご説明いただくのが良いかと思います。
画像が複数枚になることが想定されます。
返信1つに1枚が基本ですので（※）、複数回の返信になってもかまいませんので、症状をご説明いただくと、他の方々にも分かり易いのかと思います。
（※返信1つに複数枚もやろうと思えばできるのですけど。）
テストサイトを作っていただくのでも、よろしいかと思います。
分かっていないのは私だけの可能性もありますけれど。
わいひら reacted
トピックスターター 2021年6月18日 15:23
ご連絡ありがとうございます。
管理画面/外観/メニュー
こちらでメニューが作れると思います。
こちらの設定に
カスタムリンク→URL「#〇〇」→ナビゲーションラベル「表示したい名前」
そして
メニュー設定に「ヘッダーメニュー」にチェックをするとサイト内にグローバルナビゲーションが
作成されると思います。
スマホ版だとこの時新しい別メニューを作成し
カスタムリンク→URL「＃menu」→ナビゲーションラベル「表示したい名前」
などを入れるとスマホ時のハンバーガーメニューが作れると思います。
ここからなのですが
ハンバーガーメニュー内のリンクをタッチすると場所は変わると思いますが、
メニューが閉じることがありません。
普通のメニューですとリンクを押すとハンバーガーメニューが閉じてその場所が表示されるかと思います。
多分これはページ内検索を使っているせいでメニューが閉じず
ハンバーガーメニューのエリアがずっと開いたままになっているかと思うのですが
どのようなことをしてあげたらリンクを押すとハンバーガーメニューがとじてくれますか？
$('#manu a[href]').on('click', function(event) {
$('.navToggle').trigger('click');
});
上記のようなスクリプトもありますが、これだと反応がありませんでした。
画像はハンバーガーメニューを開いた状態になります。
この後でページの場所自体は変わっていますが、この表示を閉じて初めて
場所が変わっていることに気づくことになります。
伝わりますでしょうか？
2021年6月18日 16:13
rinnaさん
スライドインメニューが閉じないということですね。
正直、ページ内検索との関連が分かりませんが…。
なぜそのように思われたのか、その理由などもご説明いただくのが良いと思います。
通常は何も対応をしなくても、閉じるはずです。
ですので、何らかのことが起きているとは思いますが。
（デベロッパーツールで、エラーが出ていないかを確認できれば。。。）
どういう時に閉じないのか。
別ページへ飛ぶ時、同じページへ飛ぶ時で差異があるのか。
例えば、×を押しても閉じないのか。
そういう事象の確認もしてみたい気はしますし。
ちょっと拝見しないと分からないかもしれませんね。
（拝見しても分からないかも知れませんが。）
わいひら reacted
2021年6月18日 16:50
rinnaさん
URLのご提示は難しいようですが、環境情報のご提示もできないのでしょうか。
（URLの部分は削除していただくとしても。）
2021年6月18日 17:25
はるさん
なるほどです。
となると、rinnaさんはiOSかもしれませんね。
2021年6月18日 17:27
ということは。。。
リンク先は、https ://hogehoge.com/hogehoge#hoge
という感じなのでしょうか。
2021年6月18日 17:52
rinnaさん
出先なので、簡単にですが、もしかしたら、以下のサイト様のコードを子テーマのJavaScriptファイルにコピペで、それっぽくなるかもしれません。
ブラウザの「戻る」ボタンで画面遷移したときに強制的にリロードする方法
https://on-ze.com/archives/7522
わいひら reacted
2021年6月18日 17:53
デベロッパーツール上では、アンカーリンク先でも、スライドインメニューは閉じました。
同一ページへの遷移、他ページへの遷移でも。
確かなことが分かりませんので、これ以上は試しません。
わいひら reacted
トピックスターター 2021年6月18日 18:13
みなさんありがとうございます。
SP時であっています、SPになった時にハンバーガーメニューを使用しています。
その際の現象を記述しておりました。
mk２さんの書き方で再度記述したところ実現ができました！
本当に助かりました、ありがとうございます。
お手数をおかけしてしまい申し訳ございませんでした。
本当にありがとうございます。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。