現在「みるらいと」スキンを適用中です。

モバイルボタンコマンド#menuが動きません(涙 | Cocoonテーマに関する質問 | Cocoon フォーラム

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

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

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

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

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

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

フォーラムのTwitterアカウント(@CocoonForum)はこちら

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

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


SAITO
 SAITO
(@SAITO)
ゲスト
結合: 6日前
投稿: 4
2020年11月21日 14:32  

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

 

本題の質問です。

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

 

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

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

https://careee.jp/

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

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

 

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

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

お助けくださいませ。。

 


引用解決済
リフィトリー
(@leafytree)
Famed Member
結合: 2年前
投稿: 2691
2020年11月21日 14:50  

前略、SAITO さん

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

 

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


わいひら 件のいいね!
返信引用
SAITO
 SAITO
(@SAITO)
ゲスト
結合: 6日前
投稿: 4
2020年11月21日 18:36  

@leafytree

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

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

 


返信引用
リフィトリー
(@leafytree)
Famed Member
結合: 2年前
投稿: 2691
2020年11月21日 19:26  

@SAITO さん

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

 

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

 

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

 

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

 

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

 

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

This post was modified 6日前 2回 by リフィトリー

わいひら 件のいいね!
返信引用
SAITO
 SAITO
(@SAITO)
ゲスト
結合: 6日前
投稿: 4
2020年11月21日 20:23  

@leafytree

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

 

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

 

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

https://careee.jp/

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

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

 

 


返信引用
リフィトリー
(@leafytree)
Famed Member
結合: 2年前
投稿: 2691
2020年11月21日 21:06  

@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

で、

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

 

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

 


わいひら 件のいいね!
返信引用
リフィトリー
(@leafytree)
Famed Member
結合: 2年前
投稿: 2691
2020年11月21日 21:13  

@SAITO さん

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

 

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

 

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

 

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

This post was modified 5日前 3回 by リフィトリー

わいひら 件のいいね!
返信引用
リフィトリー
(@leafytree)
Famed Member
結合: 2年前
投稿: 2691
2020年11月21日 21:20  

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

すみません。

正しくはこちら、

This post was modified 5日前 by リフィトリー

返信引用
リフィトリー
(@leafytree)
Famed Member
結合: 2年前
投稿: 2691
2020年11月22日 16:39  

@SAITO さん

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

 

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

 

This post was modified 5日前 2回 by リフィトリー

返信引用
SAITO
 SAITO
(@SAITO)
ゲスト
結合: 6日前
投稿: 4
2020年11月23日 10:26  

@leafytree

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

 

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

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

 

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

 


返信引用
リフィトリー
(@leafytree)
Famed Member
結合: 2年前
投稿: 2691
2020年11月23日 11:15  

@SAITO さん

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

 

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

 

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

 

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

 

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

わいひら 件のいいね!
返信引用

返信する

投稿者名

投稿者メールアドレス

タイトル *

許可された最大ファイルサイズ 5MB

 
プレビュー 0リビジョン 保存しました
共有:
スポンサーリンク
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:2年4ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2020/12/31まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:2年2ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:17年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:4年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:4年

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