サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2023年8月26日 23:13
不具合・カスタマイズ対象ページのURL：
相談内容：以前相談したことがあります。
一度閉めましたが、まだ解決できていないので、
また相談させてください。
前回の問い合わせ :
「手書きノート、背景パターンの変更が効かず、拡大するとモバイルメニュータブ背景が消えます。」にて。
前回の内容を引用させていただいてお話し致します。
●現象
［外観→[メニュー]→ヘッダーモバイルメューを設定している。
「外観1→「カスタマイズ1→【スキン】背景パターン設定
ヘッダーモバイルメニューを表示したいけれど、1023px以下になった時にグローバルメニューは表示されなくなり、【スキン】背景パターン設定の柄になってしまう。
この事をモバイルでもみえる様に反映させたいです。
そこで
まだまだ未熟なもので、今改めて少しずつ見直し、試してはいないけれど、cyu-yaさんからご教示いただいた
●原因
図のように子CSS①より、スキン設定の
CSS②が優先されるからです。のところの
●対策
スキンの設定を打ち消せばよく。importantがいるかも知れません。
と教えていただいたとこらから
#navi .navi-in > .menu-mobile li {
background: unset;
border: 0;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-radius: 0;
margin: 0;
}
という文をどこかに付け加える？と良いものなのでしょうか、
または
".mb-theme" というCSSセレクタを
cocoonchildのStyle.cssに入れ込んだ
PC用
#navi .navi-in > ul li{
height: 40px;
line-height: 40px;
}
の前文に
↓
#mobilenavi .mb-theme .navi-in > ul li{
height: 40px;
line-height: 40px;
}
と関係する各文に入れ込んで改めてstyle.cssへモバイル用を追加していけば反映されるものなのでしょうか
または、
グローバルナビのグラデーション化をやめて、style.cssに入れ込んだ文を削除するとエラーを起こさず元のcocoonのスキンに戻すことができるものなのでしょうか
このままでは見栄えが悪くなってしまっていて、変に触るとひどくエラーが出てしまいそうで、手をつけられていません。どなたかご教示いただけないでしょうか。
お手数おかけしますが、宜しくお願い致します。
----------------------------------------------
サイト名：chocoっto time
サイトURL： https://biyo-shimi.com
ホームURL： https://biyo-shimi.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/skin-tegakinote-pink-lemon/style.css
WordPressバージョン：6.3
PHPバージョン：7.4.33
ブラウザ：Mozilla/5.0 (iPhone; CPU iPhone OS 16_6 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.6 Mobile/15E148 Safari/604.1
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja
----------------------------------------------
テーマ名：Cocoon
バージョン：2.6.4.8
カテゴリー数：6
タグ数：14
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：2376バイト
functions.phpサイズ：648バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：5
Auto Post Thumbnail：1
Retina：0
ホームイメージ：/wp-content/uploads/2023/07/IMG_6067.jpeg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：1
Lazy Load：1
----------------------------------------------
利用中のプラグイン：
BackWPup 4.0.0
Broken Link Checker 2.2.1
Category Order and Taxonomy Terms Order 1.7.9
Contact Form 7 5.8
EWWW Image Optimizer 7.2.0
Redirection 5.3.10
Site Kit by Google 1.107.0
XML Sitemap Generator for Google 4.1.13
----------------------------------------------
2023年8月27日 19:47
相談内容：以前相談したことがあります。
一度閉めましたが、まだ解決できていないので、
また相談させてください。
前回のトピックのURLを貼っていただけますか。
あとフォーラムの案内にもありますように、HTMLやCSSの高速化（縮小化）を解除していただければ幸いです。
不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください
※独自カスタマイズによる不具合対応は本来サポート対象外なので、高速化を無効にしたとしても必ず対応できるとは限りませんのであらかじめご了承ください。
https://wp-cocoon.com/not-supported/
この投稿は1年前ずつわいひらに変更されました
choco6o6 reacted
トピックスターター 2023年8月28日 01:11
ありがとうございます。助かります！
以前の内容はこのページの分です。
https://wp-cocoon.com/community/bugs/ 手書きノート、背景パターンの変更が効かず、拡/#post-71905
このURLから開けますでしょうか？
この時はパニックで1つの内容に、複数の質問をしてしまっていた頃の内容になっています。
宜しくお願い致します。
この投稿は1年前ずつわいひらに変更されました
2023年8月28日 10:01
choco7716さん
スキンの設定を打ち消せばよく。importantがいるかも知れません。と教えていただいたとこらから#navi .navi-in > .menu-mobile li {
background: unset;
border: 0;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-radius: 0;
margin: 0;
}という文をどこかに付け加える？と良いものなのでしょうか、
子テーマのスタイルシートに追記するということかと思います。
場合によってはimportantが必要かもしれませんが、追記してみればそれも分かるのではないかということかと。
".mb-theme" というCSSセレクタを
cocoonchildのStyle.cssに入れ込んだ
PC用
#navi .navi-in > ul li{
height: 40px;
line-height: 40px;
}の前文に
↓
#mobilenavi .mb-theme .navi-in > ul li{
height: 40px;
line-height: 40px;
}と関係する各文に入れ込んで改めてstyle.cssへモバイル用を追加していけば反映されるものなのでしょうか
上記はどこから出てきた話なのでしょうか。
忘れてしまった方が良さそうに思います。
（Cocoon以外の何か？）
グローバルナビのグラデーション化をやめて、style.cssに入れ込んだ文を削除するとエラーを起こさず元のcocoonのスキンに戻すことができるものなのでしょうか
該当箇所を消せば、できると思います。
追記したから、削除したからといって、エラーが起こるものではないです。
追記・削除はカスタマイズの都度、適宜行うものかと思います。
ただし、追記するそのものにエラーがある、削除して残ったものにエラーがある、そういう場合は当然エラーだったり、何か表示が崩れることはあろうかと思います。
その場合は、不具合の箇所を見つけ対応したり、追記・削除する前に戻すなりすれば良いのかと思います。
トピックスターター 2023年8月28日 16:16
mk2さん、ありがとうございます。できました！
"#mobilenavi .mb-theme .navi-in > ul li{
height: 40px;
line-height: 40px;
}"
は違うサイトから調べていたものでした。使わなくて良かったです。忘れます！
mk2さんからご教示いただいた、chu-yaさんから以前、教えていただいていた文をcocoon childのstyleの中に入れるとできました！
追加と削除で、文のミスがない限りエラーも出ないとのことで安心しました。
勉強になります。ありがとうございます😊
cocoon のstyleをこれ以上崩さない様にcocoonの中で工夫をしようと思います☺️
2023年8月28日 17:05
choco7716さん
水玉が残っているようですね。
追加した以下の部分にimportantがいるのかもですね。
background: unset;
上記の部分を
background: unset!important;
こんな感じにすると、消える気がします。
わいひら reacted
トピックスターター 2023年8月28日 19:10
ありがとうございます。
ご教示いただいたようにインポートを入れると水玉が消えました！
しかしモバイルの場合、PC表示と違ってボタンの位置がスリットのみで、カテゴリーが増えると縦並びで分かりにくくなってしまったので、水玉を調整して使ってみようと思います 😣
ｉmｐｏrｔの場所と使い方、勉強になります！
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。