サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2018年7月7日 10:00
お世話になります。
SimplicityからCocoonに移行中です。
ページトップの、グローバルナビメニューの項目間の距離が(ボタンの横幅が)広すぎて、Cocoonですと表示が2段になって非常に見苦しくなってしまいました。(Simplicityでは1列でした)
ボタン?の横幅と上下の設定が広すぎるのだと思うのですが、狭くするにはどこを変更すればいいのでしょうか。
ずばりSimplicityとまったく同じ表示にするカスタマイズ、が一番うれしいのですが。
2018年7月7日 16:10
ずばりSimplicityとまったく同じ表示にするカスタマイズ、が一番うれしいのですが。
たしかにSimplicityから移行最中でしたら、全く同じにしたいと思うかもしれないですね。
CSSで似たようにできるでしょうけど、Simplicityのときどのような表示にしていたのかは誰にも伝わってません。どのような『文字列』でメニューを何個入れているのかもスレ主さん以外は不明です。
また色々と作りが違うので漠然と言われたところで、2段になった以外はわかりません。
メインとサイドバーの幅でも変更可能ですし、文字を小さくしたり、その他いろんな方法があるかと思います。
- 移行後URLを置いていただけたら。
できれば不具合・カスタマイズ対象ページのURLを掲載してください
トピックスターター 2018年7月7日 16:34
かうたっく様
お返事ありがとうございます。
Simplicityのメニューは項目の追加以外カスタマイズはしていなかったのでわかっていただけるかと思ってしまいました。すみません。
めざしたい表示は添付画像のとおりです。わいひらさんの「寝ログ」と同じです。ボタンのサイズが可変で、項目の文字列と文字列の間隔を均等になっているのが理想です。(今はボタンが均等なサイズで、その中に中央揃えで項目名が入っている、文字数が少なければ余白が大きくなると認識しています)
貼っていただいたスレッドは質問前にも拝見していたのですが、この話題はモバイル表示のお話で、もともと2つしか入らないところに3つ入れるお話なので自分の求めるものとは少し違うかなと思っていました。こちらの応用で解決できたのでしたら申し訳ありません。
サイトはこちらになります。
よろしくお願いいたします。
2018年7月7日 20:47
子テーマのstyle.cssに以下のように書くことでいけるかと思います。
.navi-in > ul > li{ width: auto; } .navi-in > ul > li > a{ padding-left: .7em; padding-right: .7em; } .navi-in > ul > .menu-item-has-children > a::after{ display: none; }
Simplicityと同じとのことでしたので、下向き矢印を削除してあります。
2018年7月7日 21:38
Simplicityのメニューは項目の追加以外カスタマイズはしていなかったのでわかっていただけるかと思ってしまいました。すみません。
ナビが伸び切っているのか、ヘッダー画像と同じ領域かによって、スタイルが変わるし…あとは上述通りなのでそのような返信をしました。
わかって差し上げられず、こちらこそ申しわけないです。わいひらさんが見てくれたので内容はチェックしてませんが、悪意は真っ白状態で全くありません❦
トピックスターター 2018年7月7日 22:29
わいひらさま:
ありがとうございます!できました!
メニュー項目も1行に戻ってすっきりしました。
かうたっくさま:
こちらこそ言葉足らずで申し訳なかったです。
また質問にあがるかもしれませんが、その時はまた
ご指導よろしくお願いいたします。
お二方ともありがとうございました。
少しずつカスタマイズ進めていこうと思います。
わいひら reacted
2018年7月8日 19:14
うまくいったようでよかったです。
動作報告ありがとうございます。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。