サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2021-02-03 07:42
お世話になります
今回サーチコンソールからメールが来て確認すると
・テキストが小さすぎて読めません
・コンテンツの幅が画面の幅を超えています
・クリック可能な要素同士が近すぎます
という内容でした
モバイルフレンドリーではないとのことでしたので
自分のスマホで確認しても問題なく見れます
サーチコンソールのモバイルユーザビリティでライブテストを行い、テスト済みのスクリーンショットを確認すると画面が左に寄っていました
他のページも確認するとほとんどのページが左に寄る現象が起きています。いつぞやにテストした時はこんなことにはなっていなかったんですが謎なままです
色々ググって調べては見たんですが未だに解決できずわかる方おられたらでご教授願います
Googleから送られてきたサイトのURLはこちらです▼
https://tsubasaya2838.com/?p=2358
2021-02-03 19:13
今回サーチコンソールからメールが来て確認すると
・テキストが小さすぎて読めません
・コンテンツの幅が画面の幅を超えています
・クリック可能な要素同士が近すぎます
という内容でした
以下のGoogleのページで、 https://tsubasaya2838.comを入力してテストしてみたら、 「このページはモバイル フレンドリーです」となりました。
結論から書くと、「Googleが何か間違ってエラーと判断している」ということです。
僕なんか、何か月も更新していない記事で、いきなり同じエラーになったことあります。
何も修正せずGoogleに「検証依頼」したら、何事もなかったように「問題が修正されました」のメールが来ましたよ。
その時の対応方法は、次の記事に書いているので、参考までにどうぞ。
2021-02-03 21:47
私も、ときどき誤検知されます。
何も修正せずGoogleに「検証依頼」したら、何事もなかったように「問題が修正されました」のメールが来ましたよ。
ヒロアキさんと同じです。
わいひら reacted
Topic starter
2021-02-03 22:59
レスありがとうございます！
こちらもモバイルフレンドリーテストページから https://tsubasaya2838.com/
をテストするとモバイルフレンドリーになります
上のURLはトップページのURLです
今回問題にしているのはトップの一覧ページではなくブログ記事のページ全てがモバイルフレンドリーテストをして結果がモバイルフレンドリーではありませんになってしまいます
例えばこのURLの記事ページも▼
https://tsubasaya2838.com/?p=2365
エラーが出るのはモバイルフレンドリーテストをした後のスクリーンショットを表示するを確認すると左半分に寄る現象がおこるのでエラーになるんだと思います。
エラーになるのはわかりますが左半分に寄るのが原因不明のままです?
トップページのスクショは左半分に寄らないのでモバイルフレンドリーになるということです
2021-02-03 23:20
tsubasaya さん
Chromeのエニュミレータで、サイズをモバイルに変更したときに、それっぽい表示になりますね。
再読み込みすると、問題なく表示されちゃうので、よくわからないのですが、Cocoonの高速化設定OFFにして、環境情報を貼り付ければ、詳しい方が診てくださるかもしれません。
わいひら reacted
Topic starter
2021-02-03 23:50
高速化をOFFにするのを忘れていました
環境情報はこちらになります
----------------------------------------------
サイト名：翼屋ブログ
サイトURL： https://tsubasaya2838.com
ホームURL： https://tsubasaya2838.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon
スタイルシートURL：/wp-content/themes/cocoon
親テーマスタイル：/wp-content/themes/cocoon/style.css
スキン：/wp-content/themes/cocoon/skins/skin-tecurio-sky/style.css
WordPressバージョン：5.6
PHPバージョン：7.4.6
ブラウザ：Mozilla/5.0 (iPhone; CPU iPhone OS 14_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.2 Mobile/15E148 Safari/604.1
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja-jp
----------------------------------------------
テーマ名：Cocoon
バージョン：2.2.1.8
カテゴリ数：18
タグ数：113
ユーザー数：1
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/uploads/2020/10/0B55596D-BFF4-4F5E-B98F-34D2EAA6771F.jpeg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：1
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
ConoHa WING コントロールパネルプラグイン 1.0
ConoHa WING 自動キャッシュクリア 1.0.0
Contact Form 7 5.3.2
Google XML Sitemaps 4.1.1
Jetpack by WordPress.com 9.4
PS Auto Sitemap 1.1.9
----------------------------------------------
2021-02-04 00:30
tsubasaya さん
確かにモバイルフレンドリーテストだと、「このページはモバイル フレンドリーではありません」になっちゃいますね。
うーん、なんでだろう？
プラグインといっても、Jetpack ぐらいだし・・
子テーマをお使いになっていない様子なので、カスタマイズしたという感じでもないのかな・・
とりあえず、もう少し、詳しい方（わいひらさんとか）が診てくださるまで、高速化設定はOFFに、キャッシュ系のプラグインは停止しておいた方が情報は得やすいと思われます。
This post was modified 3年前 by リフィトリー
2021-02-04 00:42
tsubasaya さん
詳しい方が診てくだってからでよいと思いますが、子テーマは導入しておいた方が良いです。
以下に過去のトピックを貼り付けますので、親テーマと子テーマの関係がどのようになっているか、読んでみてください。
子テーマの導入は、テーマ作者様も推奨されています。
2021-02-04 00:44
tsubasaya さん
モバイルフレンドリーテストの結果は、私もちょっと気になります。
あと、プラグインの WP Multibyte Patch は、どうも入れておいた方が良さそうです。
This post was modified 3年前 2回 by リフィトリー
2021-02-04 00:53
tsubasaya さん
サイトのURLの後ろに
/wp-content/themes/cocoon-master/style.css
を付けて、親テーマのバージョンを見てみたら、「Version: 2.2.6.6」となっていますね。
貼り付けていただいた環境情報だと、バージョン：2.2.1.8 になっているようなので、よくわからなくなってきました。
Conohaだと、環境情報と実際のバージョンが一致しない場合があるのかな？？？
すみません。今夜はそろそろ休みます。
This post was modified 3年前 3回 by リフィトリー
2021-02-04 08:50
いま気づいたのですが、親テーマは、conohaのヤツっぽいですね。
フォルダ名が、違うようです。
This post was modified 3年前 by リフィトリー
2021-02-04 12:41
tsubasayaさん
もし、ダッシュボードのテーマのところに、親テーマが２つあるというような場合は、conohaのサポートに問い合わせてみる、というのが良いような気がします。
もし、最初からサーバーに入っているものだとすれば、対処方法を知っているのではないかと思います。
Topic starter
2021-02-04 12:53
リフィトリーさん
これのことですかね？
2021-02-04 12:59
そうです。
Topic starter
2021-02-04 13:20
サポートに問い合わせしてみました！返事待ちですね
ありがとうございます
Topic starter
2021-02-04 14:38
先程cocoonテーマが最新にバージョンアップされました
モバイルフレンドリーテストを開始したところフレンドリーではありませんになるのは変わりありませんがスクリーンショットがまた違った崩れ方になってしまいました
Topic starter
2021-02-04 21:20
@leafytreeリフィトリーさん
すいません投稿ページのサイドバースクロール追従のやめ方がわかりませんでした?
conohaからの解答がまだ返ってきていないです
使用していないcocoonテーマの方を削除したらバージョンアップの更新のお知らせがでていました
バージョンアップするとまた2つ目のcocoonが現れました
2021-02-04 21:32
tsubasaya さん
通常であれば、ウィジェットエリアの「サイドバースクロール追従」に入っているウィジェットを「サイドバースクロール追従」のエリアから、「サイドバー」のエリアへ移動すれば良いはずなのですが・・
通常じゃない場合は、ちょっと、私にもわからないです。
わいひら reacted
Topic starter
2021-02-04 21:33
----------------------------------------------
サイト名：翼屋ブログ
サイトURL： https://tsubasaya2838.com
ホームURL： https://tsubasaya2838.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon
スタイルシートURL：/wp-content/themes/cocoon
親テーマスタイル：/wp-content/themes/cocoon/style.css
スキン：/wp-content/themes/cocoon/skins/skin-tecurio-sky/style.css
WordPressバージョン：5.6.1
PHPバージョン：7.4.6
ブラウザ：Mozilla/5.0 (iPhone; CPU iPhone OS 14_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.2 Mobile/15E148 Safari/604.1
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja-jp
----------------------------------------------
テーマ名：Cocoon
バージョン：2.2.1.8
カテゴリ数：18
タグ数：113
ユーザー数：1
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/uploads/2020/10/0B55596D-BFF4-4F5E-B98F-34D2EAA6771F.jpeg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：1
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
ConoHa WING コントロールパネルプラグイン 1.0
ConoHa WING 自動キャッシュクリア 1.0.0
Contact Form 7 5.3.2
Google XML Sitemaps 4.1.1
Jetpack by WordPress.com 9.4
PS Auto Sitemap 1.1.9
WP Multibyte Patch 2.9
----------------------------------------------
古いバージョンですね、バージョンアップすると何故か新しい方が2つ目として現れるようです
２つ目を設定してしまうと今の設定が全部無くなりそうですね
2021-02-04 22:02
tsubasaya さん
親テーマ、子テーマの Conohaの問題については、私は、Conohaを使ったことがないので、良く分らないのですが、以下のトピックを読むと、現在も同じ状況であればの話ですが・・
[解決済] 更新後に親テーマが２つできてしまいアップデートできない
前提として、２つある親テーマは、とりあえず、そのままにしておく。
１．Conoha Wingの管理パネルから Cohoha 仕様の子テーマをインストールして、Cohoha仕様の子テーマを有効化する。
２、Conoha の親テーマから、Cocoon設定や、広告コードや、アナリティクスのコードなどを全て子テーマに設定する。（cocoon設定については、エクスポート、インポート機能があるのでそれを利用し、他のコードやカスタマイズしたところは、手動で子テーマに移す。）
３．設定を全てConoha仕様の親テーマから、Conoha仕様の子テーマに移したら、Conoha仕様の親テーマをリセットして、初期化して、表示や、アクセス解析や、広告などが問題がないか確認する。
４、下記のリンクのわいひらさんの書いた方法で、子テーマのCSSファイルの子テーマのstyle.cssの「Template:」を「cocoon」から「cocoon-master」に変更する。（この時点で新しい親テーマが適用されるはず。）
https://wp-cocoon.com/community/postid/42757/
５．不要となった、Conoha仕様の親テーマを削除する。
というような手順になろうかとは思いますが、責任は持てませんし、間違っているかもしれませんので、Conohaからの回答と照らし合わせてみて、自己責任でお願いします。
This post was modified 3年前 3回 by リフィトリー
わいひら reacted
Topic starter
2021-02-04 22:09
リフィトリーさん
ありがとうございます！
今日はもつ触れそうにないので明日やってみます
サイドバー追従やってみましたが関係なかったようです
リフィトリー reacted
2021-02-04 22:11
tsubasaya さん
モバイルフレンドリーテストの結果と、親テーマ、子テーマの問題は、別なのかもしれません。（いまのところ私には、わかりません。）
Topic starter
2021-02-05 06:54
リフィトリーさん
試しに今のcocoonからもう一つあるcocoonに変えたらモバイルフレンドリーになりました！
やはりバージョンが古いのが理由だったんですかね。
設定は白紙になりました
cocoonの親テーマが２つになる現象が謎です
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。