サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2018年7月20日 10:52
お世話になっております。
スマホ表示をした際に、ロゴ下に大き目の空白が出来てしまいます。
アピールエリア・キャッチフレーズ共に「表示しない」設定にしています。
どう修正すればいいのか、ご教示お願い致します。
2018年7月20日 14:53
こんにちは。
画像だとHTML・その周辺のCSSは一切見れない、あやしい箇所を確認することもできないので、ヘッダー・ヘッダー下あたりがどうにかなっている。としか言えないですね。
- ヘッダー周辺のスタイルなどをチェックして、修正すれば良いと思われます。
- 画像を見て分かる範囲のみですが、これが限界の修正案ですかね・・・
URLの提示は一切したくないかたは、テスト環境を作りどこがダメでどう修正すれば良いか見てもらってはどうです？？？
それが厳しければサポートしようにもチェックできないので、残念ながらスルーするほかない状況となってしまいます。
トピックスターター 2018年7月20日 16:29
かうたっくさん、お返事ありがとうございます。
そして、大変失礼いたしました。
以前、別の公の場で公開した際にトラブルがあったもので…
下記URLになります。
https://hibinote.net
再びお手数おかけしますが、よろしくお願い致します。
2018年7月20日 22:26
はなさんへ❦
見せて頂きましたがキャッシュプラグインがあり、詳細は不明でしたが、メイン・サイドバーに外側余白margin50pxとの記載があるのを確認しました。
何かが気になり50pxの余白を作ったのかと思います。詳細を確認できてませんが。
スマホの余白だけを見ると50pxの余白は以下styleで解消されるようです
※元々なぜそれをいれたか。までは確認できてませんが
@media screen and (max-width: 768px) {
main.main, div.sidebar {
padding: 10px;
margin: 0 0 10px;
}
}
追記
paddingも10pxとなっているので、10px のところを 0 10px 10px に変更したら、内側余白の上部0px 左右10px 下10px となり、10pxの余白が詰まると思われます。0 10px としたら、20pxの上下余白が減る感じっぽいです。
ココまで追記編集
トラブル？などなど大小あるかと思いますが、運営し書き込みしていると、驚くところからのアレコレw…色々ありますよね・・。うんうんです
それから
あとカスタマイズの日々、お疲れ様です❦
（プラグインなど）キャッシュ機能をクリアにしてご確認くださいね。
あと足りない面があればどのあたりが気になるか、書き込めば気付いた人がチェックしてくれると思われます。
この投稿は6年前ずつかうたっくに変更されました
トピックスターター 2018年7月20日 22:53
かうたっくさん
お忙しい中、ありがとうございます！
気になっていた余白がかなり狭まりました！！
Simplicityから移行したのですが…
なぜ余白を入れたのか、自分でも不明です＞＜
こちらの都合で最初に安易な書き込みをしてしまった事に対し、
お気遣いのお言葉まで頂き恐縮です。
以後気を付けます。
この度は本当にありがとうございました！
2018年7月20日 22:59
かうたっくさん書かれているように確かに、マージントップに余計な余白が入っていますね（添付画像）。
ただ、CSS記述元を見ると、以下のようにキャシュが生成したCSSファイルになっています。
ttps://hibinote.net/wp-content/cache/wpfc-minified/eia6jm8v/eh0o.css
これだと、どこに書かれているかがわかりません。
なので、キャッシュ機能を無効にした状態で見せていただければと思います。
トピックスターター 2018年7月21日 05:46
わいひらさん
ご確認いただきありがとうございます。
「キャッシュ昨日を無効にした状態」というのは
プラグインを停止するだけで大丈夫でしょうか？
WP Fastest Cacheを停止しましたので
お手数ですがご確認をお願い致します。
トピックスターター 2018年7月21日 05:47
申し訳ございません。
誤字がありました。
昨日→機能
の間違いです。
2018年7月21日 22:23
まだプラグインのAutoptimizeが動作しているようです。
出来れば、以下の案内にあるような状態にしていただければと思います。
https://wp-cocoon.com/read-me-for-using-fourm/
https://wp-cocoon.com/theme-trouble/
ただ、かうたっくさんの書かれたCSSで上書きされているのか、表示の問題は現在解決されているかと思います。
なので、「原因を特定できなくても表示さえちゃんとしていればいいや」という場合はそのままでも良いかと思います。
トピックスターター 2018年7月21日 23:54
わいひらさん
何度も申し訳ございません。
ソースコード縮小化機能を無効にし、
Autoptimizeを停止致しました。
度々お手数をおかけしますが
ご確認よろしくお願い致します。
2018年7月22日 16:04
- 原因の特定ってことですかね？？
スキン61行目に50pxがあるようです。
@media screen and (max-width: 768px){
main.main, div.sidebar {
padding: 10px;
margin: 50px 0 10px 0;
}
～～追記編集～～
リンク先が分からないので省略しますね＾＾； リンク先を発見！
https://github.com/yhira/cocoon/blob/master/skins/skin-ganchan02/style.css#L61
～～～～
この投稿は6年前ずつかうたっくに変更されました
2018年7月22日 22:00
プラグインを無効にしていただいてありがとうございます！
確かに、スキンの記述が原因になっているようです。
見たところ、特に必要な設定のようにも見えないので削除しておこうと思います。
修正したものは以下にアップしておきました。
https://github.com/yhira/cocoon/archive/master.zip
トピックスターター 2018年7月22日 22:40
かうたっくさん
原因を特定していただき、ありがとうございました！
何度もお手数をおかけしてしまい
申し訳ございませんでした。
わいひらさん
修正していただきありがとうございます！
早速アップロードしました。
お2人とも親切・丁寧に対応して頂きまして
本当にありがとうございました＾＾
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。