高速化『ＣＳＳを縮小する』を実施すると画面表示が崩れる - Cocoonテーマに関する質問 https://wp-cocoon.com/community/cocoon-theme/%e9%ab%98%e9%80%9f%e5%8c%96%e3%80%8e%ef%bd%83%ef%bd%93%ef%bd%93%e3%82%92%e7%b8%ae%e5%b0%8f%e3%81%99%e3%82%8b%e3%80%8f%e3%82%92%e5%ae%9f%e6%96%bd%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e9%9d%a2%e8%a1%a8/ Cocoon ディスカッション掲示板 ja Fri, 16 Oct 2026 18:30:46 +0000 wpForo 60 RE: 高速化『ＣＳＳを縮小する』を実施すると画面表示が崩れる https://wp-cocoon.com/community/cocoon-theme/%e9%ab%98%e9%80%9f%e5%8c%96%e3%80%8e%ef%bd%83%ef%bd%93%ef%bd%93%e3%82%92%e7%b8%ae%e5%b0%8f%e3%81%99%e3%82%8b%e3%80%8f%e3%82%92%e5%ae%9f%e6%96%bd%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e9%9d%a2%e8%a1%a8/#post-8040 Thu, 25 Oct 2018 09:00:04 +0000 解決したようでよかったです。
閉じタグは、メディアクエリのものと、CSSセレクタのものを二つ必要です（添付画像）。

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e9%ab%98%e9%80%9f%e5%8c%96%e3%80%8e%ef%bd%83%ef%bd%93%ef%bd%93%e3%82%92%e7%b8%ae%e5%b0%8f%e3%81%99%e3%82%8b%e3%80%8f%e3%82%92%e5%ae%9f%e6%96%bd%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e9%9d%a2%e8%a1%a8/#post-8040 RE: 高速化『ＣＳＳを縮小する』を実施すると画面表示が崩れる https://wp-cocoon.com/community/cocoon-theme/%e9%ab%98%e9%80%9f%e5%8c%96%e3%80%8e%ef%bd%83%ef%bd%93%ef%bd%93%e3%82%92%e7%b8%ae%e5%b0%8f%e3%81%99%e3%82%8b%e3%80%8f%e3%82%92%e5%ae%9f%e6%96%bd%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e9%9d%a2%e8%a1%a8/#post-8020 Wed, 24 Oct 2018 13:26:45 +0000 解決しました！

@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%;
}

この表示のところに『}』を一個追加したら改善されました。

『}』が本来２か所必要だったということなのでしょうか？

おそらく私のコピペ時の貼り付けミスだと思います。

お時間を取らせてしまい申し訳ありませんでした。

]]> Cocoonテーマに関する質問 にそく https://wp-cocoon.com/community/cocoon-theme/%e9%ab%98%e9%80%9f%e5%8c%96%e3%80%8e%ef%bd%83%ef%bd%93%ef%bd%93%e3%82%92%e7%b8%ae%e5%b0%8f%e3%81%99%e3%82%8b%e3%80%8f%e3%82%92%e5%ae%9f%e6%96%bd%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e9%9d%a2%e8%a1%a8/#post-8020 RE: 高速化『ＣＳＳを縮小する』を実施すると画面表示が崩れる https://wp-cocoon.com/community/cocoon-theme/%e9%ab%98%e9%80%9f%e5%8c%96%e3%80%8e%ef%bd%83%ef%bd%93%ef%bd%93%e3%82%92%e7%b8%ae%e5%b0%8f%e3%81%99%e3%82%8b%e3%80%8f%e3%82%92%e5%ae%9f%e6%96%bd%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e9%9d%a2%e8%a1%a8/#post-8019 Wed, 24 Oct 2018 13:08:33 +0000 背景は外観→カスタマイズから設定しております。

目次はＰＣから閉じるのボタンを消すCSSを入れて今消しています。

しかしそうすると閉じる開くが使えないのでできれば使えるようにしたいと考えています。（早急な改善必要ではないです）

早急に改善したい内容は2点です。

１、ＰＣ表示のみ背景画像が表示されない

２、ＰＣ表示時にメインカラムのサイズを680に設定しています。

しかしCSSを縮小するをＯＮにするとカラムが680にならず元に戻ってしまう。

この２点です。

]]> Cocoonテーマに関する質問 にそく https://wp-cocoon.com/community/cocoon-theme/%e9%ab%98%e9%80%9f%e5%8c%96%e3%80%8e%ef%bd%83%ef%bd%93%ef%bd%93%e3%82%92%e7%b8%ae%e5%b0%8f%e3%81%99%e3%82%8b%e3%80%8f%e3%82%92%e5%ae%9f%e6%96%bd%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e9%9d%a2%e8%a1%a8/#post-8019 RE: 高速化『ＣＳＳを縮小する』を実施すると画面表示が崩れる https://wp-cocoon.com/community/cocoon-theme/%e9%ab%98%e9%80%9f%e5%8c%96%e3%80%8e%ef%bd%83%ef%bd%93%ef%bd%93%e3%82%92%e7%b8%ae%e5%b0%8f%e3%81%99%e3%82%8b%e3%80%8f%e3%82%92%e5%ae%9f%e6%96%bd%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e9%9d%a2%e8%a1%a8/#post-8009 Wed, 24 Oct 2018 10:26:08 +0000 今見た感じ、目次は問題ないように見えるのですが、あとは背景ということですか？

ちなみにや背景は、テーマカスタマイザーでの設定ですか？

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e9%ab%98%e9%80%9f%e5%8c%96%e3%80%8e%ef%bd%83%ef%bd%93%ef%bd%93%e3%82%92%e7%b8%ae%e5%b0%8f%e3%81%99%e3%82%8b%e3%80%8f%e3%82%92%e5%ae%9f%e6%96%bd%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e9%9d%a2%e8%a1%a8/#post-8009 RE: 高速化『ＣＳＳを縮小する』を実施すると画面表示が崩れる https://wp-cocoon.com/community/cocoon-theme/%e9%ab%98%e9%80%9f%e5%8c%96%e3%80%8e%ef%bd%83%ef%bd%93%ef%bd%93%e3%82%92%e7%b8%ae%e5%b0%8f%e3%81%99%e3%82%8b%e3%80%8f%e3%82%92%e5%ae%9f%e6%96%bd%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e9%9d%a2%e8%a1%a8/#post-7992 Tue, 23 Oct 2018 21:52:20 +0000

不明でしたら、変更後10分後くらいに再度ご確認いただけたらと思います。

と書いているのですが。

今10分たったので確認したら、元に戻っているように思いますので、再度ご確認いただけますか。

]]> Cocoonテーマに関する質問 かうたっく https://wp-cocoon.com/community/cocoon-theme/%e9%ab%98%e9%80%9f%e5%8c%96%e3%80%8e%ef%bd%83%ef%bd%93%ef%bd%93%e3%82%92%e7%b8%ae%e5%b0%8f%e3%81%99%e3%82%8b%e3%80%8f%e3%82%92%e5%ae%9f%e6%96%bd%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e9%9d%a2%e8%a1%a8/#post-7992 RE: 高速化『ＣＳＳを縮小する』を実施すると画面表示が崩れる https://wp-cocoon.com/community/cocoon-theme/%e9%ab%98%e9%80%9f%e5%8c%96%e3%80%8e%ef%bd%83%ef%bd%93%ef%bd%93%e3%82%92%e7%b8%ae%e5%b0%8f%e3%81%99%e3%82%8b%e3%80%8f%e3%82%92%e5%ae%9f%e6%96%bd%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e9%9d%a2%e8%a1%a8/#post-7990 Tue, 23 Oct 2018 21:48:52 +0000 対象の個所のCSSを修正しましたが改善されませんでした。

]]> Cocoonテーマに関する質問 にそく https://wp-cocoon.com/community/cocoon-theme/%e9%ab%98%e9%80%9f%e5%8c%96%e3%80%8e%ef%bd%83%ef%bd%93%ef%bd%93%e3%82%92%e7%b8%ae%e5%b0%8f%e3%81%99%e3%82%8b%e3%80%8f%e3%82%92%e5%ae%9f%e6%96%bd%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e9%9d%a2%e8%a1%a8/#post-7990 RE: 高速化『ＣＳＳを縮小する』を実施すると画面表示が崩れる https://wp-cocoon.com/community/cocoon-theme/%e9%ab%98%e9%80%9f%e5%8c%96%e3%80%8e%ef%bd%83%ef%bd%93%ef%bd%93%e3%82%92%e7%b8%ae%e5%b0%8f%e3%81%99%e3%82%8b%e3%80%8f%e3%82%92%e5%ae%9f%e6%96%bd%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e9%9d%a2%e8%a1%a8/#post-7988 Tue, 23 Oct 2018 21:38:02 +0000 とりあえずCSSがオカシイ場所があるようです。2nisoku9.com/wp-content/themes/cocoon-child-master/style.css

.s400 {
margin: 400px 0px 0px;

半角閉じカッコ}が無いので閉じて様子をみていただけますか？

あともしかしたらサーバーのキャッシュ10分を有効にしているのかな？と思うので➡『試しに入力してみたのですがデザインの崩れは改善されませんでした。』とあったので。

不明でしたら、変更後10分後くらいに再度ご確認いただけたらと思います。

]]> Cocoonテーマに関する質問 かうたっく https://wp-cocoon.com/community/cocoon-theme/%e9%ab%98%e9%80%9f%e5%8c%96%e3%80%8e%ef%bd%83%ef%bd%93%ef%bd%93%e3%82%92%e7%b8%ae%e5%b0%8f%e3%81%99%e3%82%8b%e3%80%8f%e3%82%92%e5%ae%9f%e6%96%bd%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e9%9d%a2%e8%a1%a8/#post-7988 RE: 高速化『ＣＳＳを縮小する』を実施すると画面表示が崩れる https://wp-cocoon.com/community/cocoon-theme/%e9%ab%98%e9%80%9f%e5%8c%96%e3%80%8e%ef%bd%83%ef%bd%93%ef%bd%93%e3%82%92%e7%b8%ae%e5%b0%8f%e3%81%99%e3%82%8b%e3%80%8f%e3%82%92%e5%ae%9f%e6%96%bd%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e9%9d%a2%e8%a1%a8/#post-7987 Tue, 23 Oct 2018 21:22:07 +0000 環境情報を送付します。

親テーマのみに変更して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
----------------------------------------------


]]> Cocoonテーマに関する質問 にそく https://wp-cocoon.com/community/cocoon-theme/%e9%ab%98%e9%80%9f%e5%8c%96%e3%80%8e%ef%bd%83%ef%bd%93%ef%bd%93%e3%82%92%e7%b8%ae%e5%b0%8f%e3%81%99%e3%82%8b%e3%80%8f%e3%82%92%e5%ae%9f%e6%96%bd%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e9%9d%a2%e8%a1%a8/#post-7987 RE: 高速化『ＣＳＳを縮小する』を実施すると画面表示が崩れる https://wp-cocoon.com/community/cocoon-theme/%e9%ab%98%e9%80%9f%e5%8c%96%e3%80%8e%ef%bd%83%ef%bd%93%ef%bd%93%e3%82%92%e7%b8%ae%e5%b0%8f%e3%81%99%e3%82%8b%e3%80%8f%e3%82%92%e5%ae%9f%e6%96%bd%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e9%9d%a2%e8%a1%a8/#post-7978 Tue, 23 Oct 2018 14:52:29 +0000 とりあえず、環境情報を提示していただけますでしょうか。
https://wp-cocoon.com/theme-report/

また、親テーマのみにした場合、不具合が再現するか確認していただいてよろしいでしょうか。

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e9%ab%98%e9%80%9f%e5%8c%96%e3%80%8e%ef%bd%83%ef%bd%93%ef%bd%93%e3%82%92%e7%b8%ae%e5%b0%8f%e3%81%99%e3%82%8b%e3%80%8f%e3%82%92%e5%ae%9f%e6%96%bd%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e9%9d%a2%e8%a1%a8/#post-7978 RE: 高速化『ＣＳＳを縮小する』を実施すると画面表示が崩れる https://wp-cocoon.com/community/cocoon-theme/%e9%ab%98%e9%80%9f%e5%8c%96%e3%80%8e%ef%bd%83%ef%bd%93%ef%bd%93%e3%82%92%e7%b8%ae%e5%b0%8f%e3%81%99%e3%82%8b%e3%80%8f%e3%82%92%e5%ae%9f%e6%96%bd%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e9%9d%a2%e8%a1%a8/#post-7975 Tue, 23 Oct 2018 14:28:56 +0000 こんばんは。

見たところ、CSSの閉じ}のない箇所が出ているようです。

CSSのカスタマイズをしてなければ、プラグインの相性かもしれません。

プラグインをON・OFFで検証は可能でしょうか？

また、サーバー側での高速化設定なども考えられます。

contact-form-7かなって思ったんですけど、僕の環境だと再現しないですね・・・。

]]> Cocoonテーマに関する質問 たなかま https://wp-cocoon.com/community/cocoon-theme/%e9%ab%98%e9%80%9f%e5%8c%96%e3%80%8e%ef%bd%83%ef%bd%93%ef%bd%93%e3%82%92%e7%b8%ae%e5%b0%8f%e3%81%99%e3%82%8b%e3%80%8f%e3%82%92%e5%ae%9f%e6%96%bd%e3%81%99%e3%82%8b%e3%81%a8%e7%94%bb%e9%9d%a2%e8%a1%a8/#post-7975