Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

モバイルボタンコマンド#menuが動き...
 
共有:
通知
すべてクリア

モバイルボタンコマンド#menuが動きません(涙

12 投稿
2 ユーザー
8 Reactions
2,092 表示
(@SAITO)
Active Member
結合: 4年前
投稿: 7
Topic starter  

こんにちは!初心者ながら先月cocoonをインストールして構築しております。
フォーラムも充実していてとても参考になっています!本当にありがとうございます!

 

本題の質問です。

前提としてスマホのみでの表示を考えているサイトです。

 

モバイルボタンコマンドの#menuを使ってモバイルスライドインメニューを表示させたいのですが、機能する箇所としない箇所があります。

↓機能するページ(ヘッダーモバイルボタンの箇所)

https://careee.jp/

↓機能しないページ(フッターモバイルボタンを上に表示させている箇所)

https://careee.jp/category/nonpublic_detail/

 

関連があるかわかりませんが、先日#homeで試したときも動きませんでした。

原因がわからずとても困っていました。

お助けくださいませ。。

 


   
引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

前略、SAITO さん

確か、Cocoonのモバイルのボタンメニューは、PC版のグローバルメニューを設定しないと表示されない仕様だっと記憶しています。

 

PC版のグローバルメニューを使うかどうかに関わらず、とりあず設定してみてください。


   
わいひら reacted
返信引用
(@SAITO)
Active Member
結合: 4年前
投稿: 7
Topic starter  

@leafytree

返信ありがとうございます!

現在このように設定していますが、反映されません。。

 


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@SAITO さん

いま、ちょっと時間がないので、詳しく見れないのですが、モバイルヘッダーメニューが2つ有って、1つをCSSで非表示にしているような気がちょっとします。

 

CSSで非表示にしている方を表示させるとモバイルヘッダーメニューボタンが2重にダブって表示されるみたいな感じです。

 

非表示になっている方を表示させて、クリックすると、動作するみたいです。

 

メニューが重複しているのか?

 

要らないメニューがあるのか・・?

 

もう少し調べないとよくわからないのですが・・

This post was modified 4年前 2回 by リフィトリー

   
わいひら reacted
返信引用
(@SAITO)
Active Member
結合: 4年前
投稿: 7
Topic starter  

@leafytree

その点は、すでにcocoon利用されている方のブログを見て、ノウハウを真似させてもらったものです。

 

どうしても、ヘッダーのロゴのリンク先をページに応じて2種類用意する必要がありまして、適応する片方を表示するように設定しています。

 

↓ヘッダーモバイルボタンの箇所:#menuが機能

https://careee.jp/

↓フッターモバイルボタンを上に表示させている箇所:#menuが機能しない

https://careee.jp/category/nonpublic_detail/

 

 


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@SAITO さん

機能するページと機能しないページがある、と書かれていらしたので、同じメニューがページによって機能したり、しなかったりするのかなと、当初は思いましたが、調べてみると、どうも そうではないようですね。

 

機能するページのメニューは、

menu-%e3%82%b9%e3%83%9e%e3%83%9b%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc

で、日本語にデコードすると「スマホヘッダーメニュー」で、

 

機能しない方のメニューは、

menu-%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc

で、

日本語にデコードすると「モバイルフッター」になるので、ページによって機能しないのではなく、もしかしたら、そもそも「モバイルフッター」というメニュー自体が機能しないのかもしれないと推測したりしています。(合っているかどうかは、わかりませんが・・)

 

このような使い方は、通常の使い方ではないので、ちょっとわかりかねる、と言ってしまうとそれまでなのですが、実際のところ、よくわかりません。

 


   
わいひら reacted
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@SAITO さん

フォーラムに いただくご質問には、極力、お力になれるよう努めては いるのですが、ちょっと特殊な使い方のため、ご自身で、トライ&エラーは伴うかと思いますが、テストしていただくしかないのかなと思います。

 

あとは、このやり方をブログで書かれていらっしゃる方に、直接聞いてみる、というのも、フォーラムで尋ねるよりは、解決の糸口が見つかりやすくなるのではないかと感じました。

 

このやり方で、実際に運用されていらっしゃる方に聞くのが早道かもしれません。

 

お答えくださればの話ですが、ブログの記事に書くぐらいであれば、お知恵を分けてくださる可能性も、無くはないのかなと・・

This post was modified 4年前 3回 by リフィトリー

   
わいひら reacted
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

あ、上の画像の赤字の注釈の場所を間違えていますね。

すみません。

正しくはこちら、

This post was modified 4年前 by リフィトリー

   
わいひら reacted
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@SAITO さん

でも、理屈的には、フッターモバイルメニューの位置を上の方に持ってきただけなので、できなくはなさそうな気もするのですけど・・

 

今一度、メニューボタンが動作しない「モバイルフッター」のメニューの内容を確認してみてもいいのかもしれませんね。

 

This post was modified 4年前 2回 by リフィトリー

   
わいひら reacted
返信引用
(@SAITO)
Active Member
結合: 4年前
投稿: 7
Topic starter  

@leafytree

細かく確認いただいてありがとうございます!!!

 

このサイトもフッターでMENU表示されているので、

うちのサイトでもできると思うのですが・・・

 

念の為設定を確認しましたが、ご覧のとおりです。。。

 


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@SAITO さん

んー、やはりよくわからないのですが、動作しないということは、どこかに問題があるのだろうと思います。

 

あとは、動作しないメニューを最初から作り直してみるとかででしょうか?

 

ちなみに、私のテスト環境は、Cocoon設定の「全体」タブの「サイトアイコンフォント」のところは、「Font Awesome 4」にしています。

 

あと、メニューの「CSS class (オプション)」は、空欄のままです。

 

This post was modified 4年前 2回 by リフィトリー

   
わいひら reacted
返信引用
(@SAITO)
Active Member
結合: 4年前
投稿: 7
Topic starter  

@leafytree

遅くなってすみません!お調べいただき本当にありがとうございます。

新しくメニューを作成してみたのですがダメでしたので、一旦使わない方法でサイト構築しました。

色々教えていただき本当にありがとうございました!


   
返信引用
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました