サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2020-07-16 15:17
こんにちは
まだ、WordPress自体初心者で大変初歩的な質問かもしれません。申し訳ございません。
サイトを作成してみたところ、ヘッダー部分の表示がどうもうまくいきません。
①PCだと副項目が重なって表示されてしまう。
②モバイルだと、メニュー→（副項目のある項目）に、下ヤジルシと三角？が出てしまい、触ると黄色の枠が出る、副項目が並ぶ
どちらもいまいちキレイな表示にならず悩んでいます。
どうしたら改善出来ますでしょうか？
2020-07-16 15:47
前略、ao さん
ちょっと、正確なことは、わからないのですが、もしかしたら、サブメニューがある場合は、Cocoon設定の「ヘッダー」タブにあるメニュー設定のデザインでも、適さないものがあるのかもしれません。
Cocoon設定の「ヘッダー」タブの設定で、ヘッダーレイアウトを「センターロゴ（デフォルト）」あたりに変えてみると、どのような表示になるでしょうか？
また、モバイル表示の方も、「モバイル」タブの設定で、「トップメニュー」ではなく、「ヘッダー・フッターモバイルボタン」あたりに変えると、どのような表示になるでしょうか？
わいひら reacted
2020-07-16 15:57
ao さん
モバイル表示の「トップメニュー」でも、タップすれば、サブメニューが展開するみたいですね。
2020-07-16 19:29
横幅以上の長いメニュー名を設定しているからかと思います。
短いメニュー名にするか、Cocoon設定の「ヘッダー」タブにある「サブメニュー幅」を変更するとどうなりますでしょうか？
リフィトリー reacted
Topic starter
2020-07-16 19:50
@leafytree様
ありがとうございます。
PC版のほうは、下にてわいひら様にご指摘いただいた枠の幅変更で解決しました。ありがとうございます。
モバイル版は、モバイルヘッダーフッターにしますと、星付きの縦書き箇条書き？のようなかたちになってしまって。。ちょっと思うような表示にはなりませんでした。。
ありがとうございます。
Topic starter
2020-07-16 19:52
@leafytree様
勉強不足で恐縮です。
頂いた『子テーマ』につきましても、『？』の状態なので、しっかり読ませていただきたいと思います。
ご指摘ありがとうございます。
リフィトリー reacted
Topic starter
2020-07-16 19:58
@leafytree様
はい。タップすれば、表示されるのですが、表示前にも下に向いた＞のようなマークと、横を向いた三角が付いていまして、タップすると、『コストコブログ』部分が黄色の枠？に囲われてしまうんです。。
何か重複してしまうような設定になってるのか？とも見てるのですがいまいちわからず。。
私としては、モバイルのメニューはこの折りたたみはなくともメニューをタップするとずらずら～とカテゴリも含めて表示が並んでもいいと思ってるんですが、そのメニュー内容設定にすると、PC版でも、カテゴリがヘッダーにずらずらたくさん並んでしまって。。
PC版をスマートにさせると、このモバイル版の変な表示になってしまうのです。。
Topic starter
2020-07-16 20:02
@yhira様
わいひら様、教えていただきました幅を500に変えましたら、重なること無く表示されるようになりました。
大変簡潔でわかりやすいご指示に大変感謝いたします。
わいひら reacted
2020-07-16 20:18
@ao さん
ちょっと長めのメニュータイトルだと、難しい面もあるんですね。
Cocoonには、表示オプションが複数あるので、いろいろ試してみて、ご希望に合ったものが見つかるといいですね。
モバイル表示のときのメニューは、左からスライドインのメニューの方だと、サブメニューも一覧で表示されるみたいですね。
Topic starter
2020-07-16 21:32
@leafytree様
そうですね。ちょっと長いタイトルだったのかもしれません。。改善の余地もあるのかな？とも感じました。
教えていただいた、『子テーマ』ですが早速ダウンロードして、親テーマから子テーマへの設定の引っ越しも無事に完了しました。
無知なまま、親テーマで設定を続けていましたので、こちらの解説等をしらべても、微妙にレイアウトが違う画像などが出て「？」と思っていたのですが、それも今後は無くなりそうです。
まだまだ一歩ずつですが、勉強して使いこなせるようになりたいと思います。
ありがとうございます。
リフィトリー reacted
Topic starter
2020-07-16 21:38
@yhira様
わいひら様
お返事いただきありがとうございます。
確かに、メニューの文字数に関しては難しいところですよね。
現状ほとんど観覧に関してはモバイルからなので、モバイル優先で見やすいサイトに揃え、PC版に関してはカテゴリ名などをもっと簡素にして見た目をシンプルにしたほうが、全体のイメージもスマートなのかもしれませんね。
色々また試してみたいと思います。
貴重なお時間をさいていただきまして、ありがとうございました。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。