Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

設定→モバイルのプレビュー表記と実際の...
 
共有:
通知
すべてクリア

[解決済] 設定→モバイルのプレビュー表記と実際の携帯の表記が違う対処法…

11 投稿
5 ユーザー
5 Reactions
493 表示
(@yuuto2023)
Active Member Registered
結合: 12か月前
投稿: 6
トピックスターター  

不具合・カスタマイズ対象ページのURL:リンク

相談内容:

初めまして。

初心者の質問本当にすいません。

コクーン設定→モバイルで見える画面と実際に携帯で見る画面が違います…

モバイルに対応されず、PC表記のままでしか閲覧出来ない状態なのですが

みなさん同じようになってますでしょうか?

自分だけなのか全くわかってない状態です…

サイト全体に同じ事が起こっています…

ご教授のほうお願いいたします。

 

不具合の発生手順:

年末までは普通に見れていたのにいきなり何もしてないのに今の状態になりました…

解決のために試したこと:プラグインを全て無効化にし試してみましたが変わらずです…

            実際に画面添付しておきます。

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

----------------------------------------------
サイト名:遊人の部屋
サイトURL: https://zatsugaku111.com
ホームURL: https://zatsugaku111.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/maple-white-rabbit/style.css
WordPressバージョン:6.4.2
PHPバージョン:8.1.22
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36 Edg/120.0.0.0
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en;q=0.9,en-GB;q=0.8,en-US;q=0.7
----------------------------------------------
テーマ名:Cocoon
バージョン:2.6.8.11
カテゴリー数:3
タグ数:267
ユーザー数:1
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:1
Lazy Load:0
----------------------------------------------
利用中のプラグイン:
----------------------------------------------

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。


   
(@yuuto2023)
Active Member Registered
結合: 12か月前
投稿: 6
トピックスターター  

このページがプレビューではしっかり見れるのに


   
(@yuuto2023)
Active Member Registered
結合: 12か月前
投稿: 6
トピックスターター  

実際に見るとこうなります…


   
(@yuuto2023)
Active Member Registered
結合: 12か月前
投稿: 6
トピックスターター  

同じ現象の人いらっしゃるのでしょうか…?


   
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3161
 

投稿者:: @yuuto2023

HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:1

[Cocoon設定]→[高速化]の上記設定をオフにして下さい。
また、プラグイン「Jetpack」を利用しているなら、合わせ無効にして下さい。


   
わいひら reacted
はる
(@haruinoue)
Noble Member Moderator
結合: 4年前
投稿: 1090
 

viewportの指定が消えているなど、Cocoonデフォルトの状態とはHTMLの内容が異なっています。

投稿者:: @yuuto2023

解決のために試したこと:プラグインを全て無効化にし試してみましたが変わらずです…

症状的にはプラグインの全停止で改善するもののように思うので、再度試してみるのが良いと思います。

ブラウザキャッシュやサーバー側のキャッシュの影響で全停止の状態が確認できていないとかはありませんか?


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8118
 

yuuto2023さん

環境情報が途中で切れています。
貼り直していただけますでしょうか。

プラグインは、「All in One SEO」「SiteKit」はご利用のように思えます。

子テーマはインストールなさっているようですが、有効にしていない?

AdSenseのコードを入れた際に、必要なものも削除なさった?
環境情報を見る限り、子テーマが有効になっていないようですし、親テーマを直接修正なさった?
(その際、必要なものを削除してしまった?はるさんの仰るようにviewportやReferrer-Policyが消えている

プラグインSiteKitをご利用で、AdSenseも連携している感じに見えますが、テーマ側にもコードを入れているかもしれません。
(AdSenseコードの重複自体は表示崩れとは無関係かと思いますが、headタグ直後のものを削除しているのかも)

 

高速化機能が有効なままで良く分かりません。

お問い合わせの際は、フォーラム上部の案内をご確認の上、お願い致します。

書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

環境情報の取得方法はこちら。
→  https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→  https://wp-cocoon.com/theme-trouble/


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17407
 

トラブルシューティング用のプラグインで不具合の出る条件を探ってみるというのも良いかもしれません。

WordPressのトラブルシューティングを劇的に楽にする「Health Check & Troubleshooting」プラグインの使い方。
https://nelog.jp/health-check-and-troubleshooting-plugin


   
(@yuuto2023)
Active Member Registered
結合: 12か月前
投稿: 6
トピックスターター  

本当にみなさんアドバイスありがとうございます!

一旦無効化にして、また有効化にしてここに書き込んでいました。

一旦全部無効化にしたままデータ?をコピーして貼り付けてみます!

その時にも様子見てみます!

結果

高速化チェック全部外す→変わらず

プラグイン全て無効化→変わらず

です…

何か切る所間違ってますでしょうか…

↓も自分の中では全くわからずです…

----------------------------------------------
サイト名:遊人の部屋
サイトURL: https://zatsugaku111.com
ホームURL: https://zatsugaku111.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/maple-white-rabbit/style.css
WordPressバージョン:6.4.2
PHPバージョン:8.1.22
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36 Edg/120.0.0.0
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en;q=0.9,en-GB;q=0.8,en-US;q=0.7
----------------------------------------------
テーマ名:Cocoon
バージョン:2.6.8.11
カテゴリー数:3
タグ数:267
ユーザー数:1
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
----------------------------------------------
利用中のプラグイン:
----------------------------------------------

 


   
(@yuuto2023)
Active Member Registered
結合: 12か月前
投稿: 6
トピックスターター  

すいません!

今コクーンテーマをチャイルド→普通のやつ

に更新して入れ替えてみたら治りました!!

なんでか全くわからないですが…

ご親切に答えてくれた方本当にありがとうございました。

問い合わせ先とかもないので途方にくれていた所救われました!

ちゃんとこれから色々勉強させて頂きます。

これからもよろしくお願いいたします!

でもなんで治ったのでしょう…


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8118
 

yuuto2023さん

現在も高速化機能が有効です。

これを無効にしてください。

高速化機能が原因と言っている訳ではなく、調査の妨げになっているから無効にしてくださいと申し上げています。

フォーラム上部の案内でも、お問い合わせ時は無効にするようにお願いしております。

書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

 

フォーラムマナー・ルールにご協力をお願い致します。

 

【追記】

私が書いている間に、ご本人から更にコメントが。

 

そして、今は問題なくモバイル表示されているようです。

現在は、headタグ直下の、viewportがあるようです。
(不具合時はなかった)

 

【追記2】

親テーマが更新されているようです。
(バージョンアップされています)

高速化機能が有効で良く分からなかったのですけれど。

不具合時には、AdSenseのコードを設置するために、親テーマのheader.phpを編集していたのではないかと推測します。

その際に、charsetやviewportの部分を削除していたものと思います。
(不具合時にはこれらがなかったです。AdSenseのコードで上書きしてしまったのだと思います。AdSenseのコードがheadタグ直下にありました)

これが、親テーマを更新したことにより、header.phpが元の状態戻ったのではないかと思います。
それでモバイル表示も問題なくなったものと推測します。


   
わいひら reacted
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました