サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2018年10月23日 19:42
高速化『ＣＳＳを縮小する』を有効にすると、ＰＣ表示での目次のデザインが崩れてしまいます。また、背景画像も表示されなくなってしまいます。
おそらくＣＳＳの除外設定のところに書き込めばいいのかな？と思いましたが、
どこのどの内容を書けばいいのかわかりませんでした。
ご教示いただけないでしょうか？よろしくお願いいたします。
トピックスターター 2018年10月23日 20:35
申し訳ありません。カラム幅も同様に崩れてしまっています。
よろしくお願いいたします。
2018年10月23日 20:52
目次は正しく表示されているように見えますが。
よろしければ崩れた状態の目次のスクリーンショットをアップしていただいてよろしいでしょうか。
2018年10月23日 20:52
背景も問題なく表示しているように見えます。
トピックスターター 2018年10月23日 21:17
申し訳ありません。CSSの縮小をOFFにしていました。
ONにしました。
ONにした状態の写真を添付します。
トピックスターター 2018年10月23日 21:30
申し訳ありません。画像の添付の仕方がわかりません・・・
CSSの縮小をＯＦＦにしていますので確認していただけませんでしょうか？
トピックスターター 2018年10月23日 21:31
すいません。添付できていました。
一枚目がデザインが崩れたものです。
こちらがCSS縮小をOFFにした正常なデザインです。
2018年10月23日 21:58
まだまだフォーラム忙しかったんですね…
.toc input#toc-checkbox {
display: none;
}
これでとりあえず目次のチェックは消えるようです。縮小化のままでも消えるかお試しいただけたらと思います。
あと
Cocoonの修正が入ればそのCSSを削除して、再度ご確認いただけますか？
トピックスターター 2018年10月23日 22:01
返信ありがとうございます。
試しに入力してみたのですがデザインの崩れは改善されませんでした。
2018年10月23日 22:09
はじめまして。一ユーザーです。
コードを入れたら、以下のように表示されます。
https://gyazo.com/9cd8f002b28bdf030d2cde760a9706f1
圧縮問題なのか、サーバーの一時的なキャッシュ問題（10分だか5分だか）：サーバーのキャッシュを有効にした場合なのか。
それともCocoonの圧縮機能が問題なのか？
ってところです。
忙しそうなのは一旦収束キミなのか？やっぱ夜は凄いですね ?
わいひら reacted
トピックスターター 2018年10月23日 22:23
ＣＳＳを縮小するを解除すれば戻るのでその機能のエラーだと思うんがどうしたものか。
除外する個所を入力するって場所があるのでそこにいれたらいいのかなとかいろいろ考えましたが解決されそうにないです。
とりあえず流入の９０%以上がスマホなのでスマホ表示はなぜか
崩れていないのでそれだけはまだ安心ですが。
トピックスターター 2018年10月23日 22:38
とりあえず教えていただいたコードで閉じる・開くのボタンを消して目次の見た目だけは戻しました。
カラム幅を680に設定しているのですが、CSSを縮小をONにすると広がって、背景画像が消えます。
こちらの対応方法はわかりませんか？
2018年10月23日 23:28
こんばんは。
見たところ、CSSの閉じ}のない箇所が出ているようです。
CSSのカスタマイズをしてなければ、プラグインの相性かもしれません。
プラグインをON・OFFで検証は可能でしょうか？
また、サーバー側での高速化設定なども考えられます。
contact-form-7かなって思ったんですけど、僕の環境だと再現しないですね・・・。
わいひら reacted
2018年10月23日 23:52
とりあえず、環境情報を提示していただけますでしょうか。
https://wp-cocoon.com/theme-report/
また、親テーマのみにした場合、不具合が再現するか確認していただいてよろしいでしょうか。
トピックスターター 2018年10月24日 06:22
環境情報を送付します。
親テーマのみに変更してCSSを縮小を高速化CSSを縮小をＯＮにした場合は
デザインの崩れは発生しませんでした。
環境情報を送付します。
---------------------------------------------- サイト名：にそくのススメ～パチスロ×マンガ～ サイトURL： https://2nisoku9.com ホームURL： https://2nisoku9.com コンテンツURL：/wp-content インクルードURL：/wp-includes/ テンプレートURL：/wp-content/themes/cocoon-master スタイルシートURL：/wp-content/themes/cocoon-child-master Wordpressバージョン：4.9.8 PHPバージョン：7.1.2 ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36 サーバーソフト：Apache サーバープロトコル：HTTP/1.1 エンコーディング：gzip, deflate, br 言語：ja,en-US;q=0.9,en;q=0.8 ---------------------------------------------- テーマ名：Cocoon バージョン：1.3.1.4 カテゴリ数：17 タグ数：134 ユーザー数：1 ---------------------------------------------- 子テーマ名：Cocoon Child バージョン：0.0.5 ---------------------------------------------- 利用中のプラグイン： AddQuicktag 2.5.2 Akismet Anti-Spam 4.0.8 All In One SEO Pack 2.2.7 AmazonJS 0.8 Better Delete Revision 1.6.1 Broken Link Checker 1.11.5 Category Order and Taxonomy Terms Order 1.5.5 Contact Form 7 5.0.4 EWWW Image Optimizer 4.0.5 Google XML Sitemaps 4.0.9 Jetpack by WordPress.com 6.6.1 Search Regex 1.4.16 Speech bubble (ふきだしプラグイン) 1.0.3 WP Multibyte Patch 2.8.1 ----------------------------------------------
2018年10月24日 06:38
とりあえずCSSがオカシイ場所があるようです。2nisoku9.com/wp-content/themes/cocoon-child-master/style.css
.s400 {
margin: 400px 0px 0px;
半角閉じカッコ}が無いので閉じて様子をみていただけますか？
あともしかしたらサーバーのキャッシュ10分を有効にしているのかな？と思うので➡『試しに入力してみたのですがデザインの崩れは改善されませんでした。』とあったので。
不明でしたら、変更後10分後くらいに再度ご確認いただけたらと思います。
トピックスターター 2018年10月24日 06:48
対象の個所のCSSを修正しましたが改善されませんでした。
2018年10月24日 06:52
不明でしたら、変更後10分後くらいに再度ご確認いただけたらと思います。
と書いているのですが。
今10分たったので確認したら、元に戻っているように思いますので、再度ご確認いただけますか。
2018年10月24日 19:26
今見た感じ、目次は問題ないように見えるのですが、あとは背景ということですか？
ちなみにや背景は、テーマカスタマイザーでの設定ですか？
トピックスターター 2018年10月24日 22:08
背景は外観→カスタマイズから設定しております。
目次はＰＣから閉じるのボタンを消すCSSを入れて今消しています。
しかしそうすると閉じる開くが使えないのでできれば使えるようにしたいと考えています。（早急な改善必要ではないです）
早急に改善したい内容は2点です。
１、ＰＣ表示のみ背景画像が表示されない
２、ＰＣ表示時にメインカラムのサイズを680に設定しています。
しかしCSSを縮小するをＯＮにするとカラムが680にならず元に戻ってしまう。
この２点です。
トピックスターター 2018年10月24日 22:26
解決しました！
@media screen and (max-width: 440px) {
.article h3:before {
font-family: "FontAwesome";
position: absolute;
color: #202020;
content: "\f058";
font-size: 1.2em;
left: 0;
top: 10%;
}
この表示のところに『}』を一個追加したら改善されました。
『}』が本来２か所必要だったということなのでしょうか？
おそらく私のコピペ時の貼り付けミスだと思います。
お時間を取らせてしまい申し訳ありませんでした。
わいひら reacted
2018年10月25日 18:00
解決したようでよかったです。
閉じタグは、メディアクエリのものと、CSSセレクタのものを二つ必要です（添付画像）。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。