サイト内検索
Cocoonフォーラム
![](https://wp-cocoon.com/wp-content/themes/cocoon-master/screenshot.jpg)
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2021年10月16日 15:52
初めまして、ぱぶろと申します。
モバイルにおいて記事のレイアウト崩れ困っております。
原因がわかりましたらご教示頂けると幸いです。
よろしくお願いいたします。
不具合・カスタマイズ対象ページのURL:
https://fatgreed.com/airpods-pro-pairing-trouble/
相談内容:
モバイルにおいて、リライトした記事のレイアウトが崩れてしまいます。
昨年執筆した4つの記事を改修したところ、4つ全てで「Rinker」と「文字色」だけCSSが反映されない状態になってしまいました。
同じタイミングで新規作成した2つの記事は「Rinker」と「文字色」ともにCSSが反映されていました。
キャッシュ起因を予想しておりますが、iPhone2台で再現したのが気になっています。
わかっていること:
・iPhone2台で再現
・PCとタブレットでは再現しない
・ブラウザ更新したら一度だけレイアウトが回復(翌日開いたら再び崩れました)
・ブラウザキャッシュクリアしても再現
・Chromeのデベロッパーツールからモバイル画面でプレビューすると正常に表示
・反映されないCSSはデフォルトのものでありカスタマイズしていない
解決のために試したこと:
・再現したモバイル端末2台でブラウザを変えた再現確認(safariとChrome)
・再現したモバイル端末2台でのブラウザキャッシュクリア(safariとChrome)
・WordPressのキャッシュクリア
・PCとタブレットで再現確認(いずれもレイアウトは崩れませんでした)
・PC Chromeでの設定->その他のツール -> デベロッパーツールからモバイル画面で再現確認(レイアウトは崩れませんでした)
2021年10月16日 16:59
ぱぶろさん
申し訳ありませんが、フォーラム上部の案内をご確認いただき、環境情報のご提示をお願い致します。
書き込みの前に以下の3点をご確認ください。
高速化・圧縮系は無効化をお願い致します。
これが有効だと確認が困難です。
昨年執筆した4つの記事を改修したところ、4つ全てで「Rinker」と「文字色」だけCSSが反映されない状態になってしまいました。
同じタイミングで新規作成した2つの記事は「Rinker」と「文字色」ともにCSSが反映されていました。
コチラは、何が違うのかを比較しないと分からないと思います。
リライトした記事と作成した記事のURL。
及び、特定の場所を比較できるように、キャプチャ画像の添付をいただき、各々比較できるようにしていただけると、管理者さん以外の人間でも確認ができると思います。
新規はこうだけど、リライトしたものはこんな感じで違う・・・と分かるようにしていただければと。
とは言え、私はそろそろお時間ですので、この後フォーラムからは外してしまいます。
Topic starter
2021年10月16日 17:45
mk2様
ご確認頂きありがとうございます。
また、ルール確認が漏れており申し訳ありません。
フォーラム投稿後に原因調査を行っていたところ、根本的な事象の説明が誤っておりました。
そのためこちらの投稿を解決済みとし、不足情報を追記し再投稿させて頂きます。
お手数をお掛けし申し訳ありません。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。