サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2019年8月23日 15:58
Cocoon現在お使いのバージョンは 1.8.9.1 です。1.9.3.1 に更新します。
とありましたので、バージョンアップをしたところ、最初の画面がおかしくなってしまいました。
よくわからないまま、勝手にCSS等をコピペしていますが、自分では解決できないため質問することにしました。
お願いします。
注：現在は1.8.9.1 に戻しています。
https://countdown-to-heaven.com/
2019年8月23日 17:24
この画像はChromePCでしょうか？
例えばですが。
大画面で表示してその後、画面幅を変更された。などないですか？
毎回そのようになるかな？とおもいまして。
再現しようと画面幅を変更しても再現できません。CSSの読み込みが遅い環境だったりしないかな？と思いますが。
*******
状況がよく分かりません。
※再現できるような状況を作れるように言葉を書き添えていただけたら。助かると思います。
※もしくはシークレットモードなどで、通信環境の良いときに表示させるとどうなるのかな？とも思います
Cocoon設定・テーマ情報の項目の内容をご提示いただけますか。環境情報
わいひら reacted
2019年8月23日 19:18
不具合状態を見てみないと何とも言えないかもしれません。
基本的に独自カスタマイズによる不具合はサポート対象外とさせていただいています。
独自で書いたCSSカスタマイズを一時的に削除してみて、表示がおかしいかなどを確認してみる必要があるかと思います。
不具合状態を見てない以上、以下のトラブルシューティングに書かれていること以上のことはわからないです。
https://wp-cocoon.com/faq-css-trouble/
2019年8月23日 19:38
この画像はChromePCでしょうか？
例えばですが。
大画面で表示してその後、画面幅を変更された。などないですか？
毎回そのようになるかな？とおもいまして。
再現しようと画面幅を変更しても再現できません。CSSの読み込みが遅い環境だったりしないかな？と思いますが。
↑
WIN10 edge です。
また、読み込みが遅く待てば治るというものではありません。
----------------------------------------------
サイト名：転勤から見える景色
サイトURL： https://countdown-to-heaven.com
ホームURL： https://countdown-to-heaven.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
Wordpressバージョン：5.2.2
PHPバージョン：7.1.5
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：1.8.9.1
カテゴリ数：14
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：0.0.5
----------------------------------------------
Gutenberg：0
AMP：1
PWA：0
Auto Post Thumbnail：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：1
CSS縮小化：1
JavaScript縮小化：1
Lazy Load：0
WEBフォントLazy Load：0
JavaScript（フッター）：1
----------------------------------------------
利用中のプラグイン：
Broken Link Checker 1.11.8
Count Per Day 3.6.1
EWWW Image Optimizer 4.9.2
Google Captcha (reCAPTCHA) by BestWebSoft 1.51
Google XML Sitemaps 4.1.0
Pixabay Images 3.4
PS Auto Sitemap 1.1.9
Regenerate Thumbnails 3.1.1
Shortcodes Ultimate 5.3.0
SiteGuard WP Plugin 1.4.3
Table of Contents Plus 1601
UpdraftPlus - Backup/Restore 1.16.16
WebSub/PubSubHubbub 3.0.3
Widget Shortcode 0.3.4
WordPress Ping Optimizer 2.35.1.1.0
WP-PostViews 1.76.1
WP Multibyte Patch 2.8.2
----------------------------------------------
----------------------------------------------
サイト名：転勤から見える景色
サイトURL： https://countdown-to-heaven.com
ホームURL： https://countdown-to-heaven.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
Wordpressバージョン：5.2.2
PHPバージョン：7.1.5
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：1.8.9.1
カテゴリ数：14
タグ数：0
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：0.0.5
----------------------------------------------
Gutenberg：0
AMP：1
PWA：0
Auto Post Thumbnail：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：1
CSS縮小化：1
JavaScript縮小化：1
Lazy Load：0
WEBフォントLazy Load：0
JavaScript（フッター）：1
----------------------------------------------
利用中のプラグイン：
Broken Link Checker 1.11.8
Count Per Day 3.6.1
EWWW Image Optimizer 4.9.2
Google Captcha (reCAPTCHA) by BestWebSoft 1.51
Google XML Sitemaps 4.1.0
Pixabay Images 3.4
PS Auto Sitemap 1.1.9
Regenerate Thumbnails 3.1.1
Shortcodes Ultimate 5.3.0
SiteGuard WP Plugin 1.4.3
Table of Contents Plus 1601
UpdraftPlus - Backup/Restore 1.16.16
WebSub/PubSubHubbub 3.0.3
Widget Shortcode 0.3.4
WordPress Ping Optimizer 2.35.1.1.0
WP-PostViews 1.76.1
WP Multibyte Patch 2.8.2
----------------------------------------------
2019年8月23日 21:20
WIN10 edge です。
また、読み込みが遅く待てば治るというものではありません。
なぜそれを聞いたか。って話ですが、状況が何もわからないからです。
現状も
Cocoon現在お使いのバージョンは 1.8.9.1 です。1.9.3.1 に更新します。
とありましたので、バージョンアップをしたところ、最初の画面がおかしくなってしまいました。
このタイミングが怪しいと思われている。
よくわからないまま、勝手にCSS等をコピペしていますが、自分では解決できないため質問することにしました。
コピペのカスタマイズをCSSなどで行っている。
これ以上の情報が欲しいんです。
最新バージョンで確認されて、オカシイのであれば親テーマを有効化して確認。
正常に表示されるのであれば、子テーマで行ったカスタマイズ。CSSかPHPのどこかがオカシイ。ってわかります。
その原因をつきとめる方法は、
- 子テーマのバックアップをとる
- CSSの初期化を行ってみる
- PHPの初期化をおこなってみる
その工程で初期化したらなおった個所が原因だと、わかります。
たとえば。
CSSの初期化で直ったでのあれば、どこが原因かを順につきとめていきます。
.hoge{ここにスタイル}
・・・略沢山のスタイル
.geho{ここにスタイル}
・・・・・・略沢山のスタイル
とあれば、半分ずつ消してみるなど
.hoge{ここにスタイル}
・・・略沢山のスタイル
のみで反映されたら
これで反映されたら、原因は
.geho{ここにスタイル}
・・・・・・略沢山のスタイル
この辺りが原因になっている可能性がある。とわかります。原因の特定が難しいと感じる人向けの原因特定方法です。
本番環境は触りたくない場合。テスト環境を作るのも手だったりします。一度お試しいただき、困った際は声かけていただけたら、回答できる範囲で答えさせていただきますね。
わいひら reacted
2019年8月23日 21:21
あっ、あとプラグインが影響している場合もよくあります。
バージョンアップのタイミング。と決めつけずに原因を探してみるのが良いと思います！
2019年8月23日 22:09
あっ、あとプラグインが影響している場合もよくあります。
バージョンアップのタイミング。と決めつけずに原因を探してみるのが良いと思います！
↑
タイミングと決めつけているわけではないのですが、バージョンアップすると崩れ、UpdraftPlus でテーマを復元すると元に戻ります。
よって、バージョンアップしか考えられません。
ただし、ユーザー（私）が勝手に触っていたのですが、1.8.9.1 までは普通に表現されています。バージョンアップの時に何かを触ったわけではありません。
私は全くの素人ですから、
.hoge{ここにスタイル}
・・・略沢山のスタイル
.geho{ここにスタイル}
・・・・・・略沢山のスタイル
とあれば、半分ずつ消してみるなど
.hoge{ここにスタイル}
・・・略沢山のスタイル
のみで反映されたら
これで反映されたら、原因は
.geho{ここにスタイル}
・・・・・・略沢山のスタイル
は、何のことだか全くわかりません。
従って、このまま古いバージョンのまま、バージョンアップせずに使っていきます。
古いままで使えなくなった時に、テーマを変えるしか私には出来ないのが現在の実力です。
ありがとうございました。
2019年8月24日 09:29
了解です！
お疲れさまでした＾＾
2019年8月24日 12:41
HTML タグに、おかしな部分があるように思えます。開きタグはあるのに、閉じタグがない。閉じタグがあるのに、開きタグがない部分はないでしょうか？
例えば、「インデックスリストトップ」にある「[C] テキスト（PC用）」ウィジェットで、div 閉じタグが 1 つ足りないように見えます。
また、ロリポップをお使いですが、サーバーのキャッシュ機能は有効になっていますか？もし、有効であれば「キャッシュ削除」をされるとどうなるでしょうか。HTTP ヘッダーで「x-cache: EXPIRED」と出るのが気になります。
ロリポップのキャッシュ機能は、このページで確認できるはずです。
また、ブラウザのキャッシュも削除が必要かもしれません。
わいひら reacted
2019年8月24日 17:02
Akira 様
ロリポップのキャッシュ機能はOFFにして、1.9.3.1 にしてみましたが、変わりないようです。
開きタグ・閉じタグ は どこを見れば良いのでしょうか？
個別の記事はうまく表現されています。
最初のページのみ、おかしくなっています。
1.9.3.1 のままにしておきますので、見ていただければ幸いです。
2019年8月24日 17:32
まず親テーマを有効化してみましたか？
プラグインを停止してみましたか？
子テーマのカスタマイズを停止するのが不明との事ですが、簡単な方法で言えば以下の通りです。
子テーマを復元できるようバックアップをとって、初期化する。
初期化って何？といえば、子テーマフォルダをダウンロードしてFTPソフトでアップロードすることです。
バックアップをとって復元する方法は、初心者さんでもわかるようなページはわんさかあるかと思います。
従って、このまま古いバージョンのまま、バージョンアップせずに使っていきます。
あきらめたんだと思ってました。そうじゃなかったんですね。
であれば、情報を探してやってみてください。
そこで分からない事があれば、コメントが開いていればコメントして聞いても良いですし、フォーラムに知りたい内容をタイトルに書いて書き込んでも良いかと思います。
わいひら reacted
2019年8月24日 18:36
開きタグ・閉じタグ は どこを見れば良いのでしょうか？
お書きになっている HTML をご覧になるといいと思います。または、ブラウザの拡張機能やオンラインツールなどで HTML を検証されると、おかしな部分を簡単に発見できます。
とりあえず、「インデックスリストトップ」の「[C] テキスト（PC用）」ウィジェットにお書きになっている Amazon の広告部分の修正が必要だと思います（やはり、div 閉じタグが足りないです）。
また、リストの抜粋部分ですが、何か PHP のカスタマイズをされているでしょうか。「サイトに技術的な問題が発生しています。」と表示されています。
カスタマイズをされているのなら、カスタマイズを削除するとどうなるでしょうか。カスタマイズをされていない場合は、全てのプラグインの停止をお試しになるといいように思えます。
わいひら reacted
2019年8月26日 06:54
Akira 様
いろいろ試してみましたが、私では限界がありましたので、これで終わりにしたいと思います。
いろいろと、ありがとうございました。
2019年8月26日 08:41
- 親テーマを有効化
- プラグインを停止
- 子テーマのバックアップ・初期化
- ウィジェットの削除
何か PHP のカスタマイズをされているでしょうか。「サイトに技術的な問題が発生しています。」と表示されています。
なぜ回答いただいた全ての項目をチェックした結果と、聞かれている事にお答えしないんですか？
それにAkiraさんが色々チェックして頂いている中なのに、早々にあきらめすぎだとおもいませんか？？？
返信内容を回答者は見て、別の箇所をチェックし原因を特定したり補足をしたりします。
いろいろ試してみましたが、
これでは何も伝わらないです。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。