サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2018-10-23 19:42
高速化『ＣＳＳを縮小する』を有効にすると、ＰＣ表示での目次のデザインが崩れてしまいます。また、背景画像も表示されなくなってしまいます。
おそらくＣＳＳの除外設定のところに書き込めばいいのかな？と思いましたが、
どこのどの内容を書けばいいのかわかりませんでした。
ご教示いただけないでしょうか？よろしくお願いいたします。
Topic starter
2018-10-23 20:35
申し訳ありません。カラム幅も同様に崩れてしまっています。
よろしくお願いいたします。
Topic starter
2018-10-23 21:17
申し訳ありません。CSSの縮小をOFFにしていました。
ONにしました。
ONにした状態の写真を添付します。
Topic starter
2018-10-23 21:30
申し訳ありません。画像の添付の仕方がわかりません・・・
CSSの縮小をＯＦＦにしていますので確認していただけませんでしょうか？
Topic starter
2018-10-23 21:31
すいません。添付できていました。
一枚目がデザインが崩れたものです。
こちらがCSS縮小をOFFにした正常なデザインです。
Topic starter
2018-10-23 22:01
返信ありがとうございます。
試しに入力してみたのですがデザインの崩れは改善されませんでした。
2018-10-23 22:09
はじめまして。一ユーザーです。
コードを入れたら、以下のように表示されます。
https://gyazo.com/9cd8f002b28bdf030d2cde760a9706f1
圧縮問題なのか、サーバーの一時的なキャッシュ問題（10分だか5分だか）：サーバーのキャッシュを有効にした場合なのか。
それともCocoonの圧縮機能が問題なのか？
ってところです。
忙しそうなのは一旦収束キミなのか？やっぱ夜は凄いですね ?
わいひら reacted
Topic starter
2018-10-23 22:23
ＣＳＳを縮小するを解除すれば戻るのでその機能のエラーだと思うんがどうしたものか。
除外する個所を入力するって場所があるのでそこにいれたらいいのかなとかいろいろ考えましたが解決されそうにないです。
とりあえず流入の９０%以上がスマホなのでスマホ表示はなぜか
崩れていないのでそれだけはまだ安心ですが。
Topic starter
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/
また、親テーマのみにした場合、不具合が再現するか確認していただいてよろしいでしょうか。
Topic starter
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 ----------------------------------------------
Topic starter
2018-10-24 06:48
対象の個所のCSSを修正しましたが改善されませんでした。
Topic starter
2018-10-24 22:08
背景は外観→カスタマイズから設定しております。
目次はＰＣから閉じるのボタンを消すCSSを入れて今消しています。
しかしそうすると閉じる開くが使えないのでできれば使えるようにしたいと考えています。（早急な改善必要ではないです）
早急に改善したい内容は2点です。
１、ＰＣ表示のみ背景画像が表示されない
２、ＰＣ表示時にメインカラムのサイズを680に設定しています。
しかしCSSを縮小するをＯＮにするとカラムが680にならず元に戻ってしまう。
この２点です。
Topic starter
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
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。