2018.02.10書き込みの前に以下の3点をご確認ください。1つのトピックにつき1つの質問を書き込んでください不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。不具合・カスタマイズ対象ページのURL:相談内容:不具合の発生手順:解決のために試したこと:※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。※高速化設定をしている場合は無効にしてください。テーマ情報」にある「環境情報」を貼り付けてください。環境情報の取得方法はこちら。https://wp-cocoon.com/theme-report/高速化設定を無効にするにはこちら。https://wp-cocoon.com/theme-trouble/フォーラム利用ガイドリンクフォーラムガイドラインよくある質問と答え(FAQ)サポート対象外のケース原因不明の不具合用トラブルシューティングトピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)真っ白画面でのエラーメッセージの確認方法ブラウザ環境チェックツールCocoonカスタマイズ依頼フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。01:12■不具合・カスタマイズ対象ページのURL:https://uutu.life/2021/09/25/tenjositajiseach02-magnet1-12258/■相談内容:お世話になっております。三年ほど前からCOCOONを利用させて頂いております。・・・が、相変わらずよく分からないまま使わせて頂いているため、的外れな相談になってしまう場合はご容赦願えると有難いです。相談としましては、5月末頃にWP自体の更新と、COCOON親の更新が来ていたため、両方とも更新しましたら、一部のページにレイアウト崩れが出てしまっているようなので、改善策をご指導いただけないでしょうか?という相談になります。要するに、センタリングしたはずの画像が左寄りになってしまう・・という現象です。多くのページでは、この画像以下に配された画像で、何も触っていない画像についても、共通して、そのほとんどが左寄りになってしまっています。タブボックス内に配置した画像については、「キャプション」や「alt」を更新しても、センタリングされたままのようですし、投稿本文のテキスト部分を更新するだけの場合は、左寄り現象は発生していないように見えます。※ちなみに、5月末以降に更新していないページでは、何も症状は出ていません。画像の「キャプション」や「alt」を更新したページは、すべてこのレイアウト崩れが発生しています。勉強不足もあると思いますが、コードエディタに切り替えても、特に記述がおかしいようにも見えません。Troubleshootingをインストールして、1デフォルト有効化、2親COCOON有効化、3子COCOON有効化での表示違いを確認してみました。知識がないため正しく使えているかどうかは微妙なのですが、結果としましては、1デフォルト有効化では、左寄り現象は見られず、2親COCOON有効化より、左寄り現象が発生するようでしたので、こちらに相談させて頂くことにした次第です。※トラブルシューティングモード内でその他のプラグインが無効化されていることは一応確認しているつもりです。スクリーンショットの取り方が分からないため写真で失礼しますが、添付2の通りの表示です。こちらの勉強不足で、ご面倒をお掛け致しますが、お力添えのほど、どうぞ宜しくお願い致します。※私事で恐縮なのですが、本業が[超]繁忙期につき、反応が送れる場合がありますが、合わせてご容赦願えると有難いです。Troubleshootingをインストールして、1デフォルト有効化、2親COCOON有効化、3子COCOON有効化での具合を確認してみました。・投稿本文のテキストのみを修正しただけのページで不具合が出るかどうかを確認してみました。・タブボックス内に配置してある画像の「キャプション」や「alt」を更新してみて、不具合が出るかどうかを確認してみました。・COCOON親のダウングレードも試みましたが、上手く適用できているのか・・・いずれにしても症状は改善されませんでした。01:26epz1さん初めて見る感じで、これで改善するのか分かりませんが、お試しいただきたいことがあります。iframe」が「オン」になっているようでしたら、「オフ」にすると、どうなるのか確認していただいてよろしいでしょうか。5.5以降は、ネイティブLazyLoad(遅延読み込み)に標準で対応していますので、プラグインの当該機能は「オフ」にしておいた方が良さそうに思います。投げっ放しで申し訳ないですが、こんな時間ですので、もう休みます・・・。01:44epz1さんすみません、2点書き忘れました。iframe」が「オン」になっているようでしたら、「オフ」にすると、どうなるのか確認していただいてよろしいでしょうか。上記対応後に、一旦このプラグインの無効化が必要かもしれないです。(キャッシュクリアが必要かもしれません)2お問い合わせの際は、フォーラム上部の案内にあります通り、高速化の無効化、及び、キャッシュ系プラグインの無効化をお願い致します。@epz1HTML縮小化:1CSS縮小化:1JavaScript縮小化:1書き込みの前に以下の3点をご確認ください。1つのトピックにつき1つの質問を書き込んでください不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります高速化設定を無効にするにはこちら。https://wp-cocoon.com/theme-trouble/今回は先に、遅延読み込みのオフをして、それでも改善しない場合にしていただければ良い思います。圧縮されていると人間の目では確認が難しい場合があります。(プラグインにも圧縮系機能がありそうですね)では、本当に休みます。04:22早々のアドバイス、どうも有難うございます。高速化設定解除については、うっかりしており、大変失礼しました。「COCOON設定」内、「サイト高速化」の部分で、以下の三つを解除しました。Loadを有効にするも解除し、下段にて「設定を保存する」を押してみました。「キャッシュクリア」はよく分からないのですが、LiteSpeedCacheの「ツールボックス」より「すべてをパージする」を押して、再表示してみました所、画像は左寄りのままであることを、今ほどEdgeとchromeで確認しました。※今はこの4つを解除したままにしてあります。Troubleshootingのトラブルシューティングモードで、一通りのプラグインが無効化されている状況下での表示は確認したつもりです。iframe」がONのままだと、ソース表示が読みづらくなってしまう・・というご意図でしょうか?※これも勉強不足で申し訳ないです。Cache自体が全く理解できないまま、サーバーの仕様に合わせて、ココナラで見つけた、とあるプログラマーの方に1年前に設定してもらって、そのまま一切触っていないのですが、明日にでも隙を見つけて、設定画面を見てみるように致します。Cacheは、当初、自分で設定しようと試みたところ、色んな不具合が出てしまって、収拾が付かなくなってしまったため、止むを得ず、知識のあるっぽい方にお願いして、一通り見て頂いた・・・という経緯があります。(また収拾がつかない不具合が出ると、心底困ってしまうので、怖くて触れていない・・という意味です)また、念のためなのですが、先の4点とLiteSpeedCacheは、1年前にそのプログラマーの方の助言で設定したまま、まったく触っていない中での、つい先日の5月末のWPとCOCOON親の更新だけによる症状になります。取急ぎとなりますが、遅い時間までお付き合いいただき、どうも有難うございました。引続き、アドバイスのほど、宜しくお願いできると助かります。06:20epz1さんご納得いただくには、かなり長い説明が必要な印象を受けました。そこまで詳しいご説明ができるものかどうか・・・という印象も受けましたので、返信を分けることにします。4.6上記プラグインは、無効にしてください。第三者の方にご依頼をして設定していただいたという経緯があるみたいですが、これが有効だと、外部からの確認が困難です。無効化する分には、再び有効化すれば同じ設定内容で、元に戻るはずです。(但し、それを保証することはできません。)無効化する理由は、キャッシュプラグインが、いろんなものを改変し、外部からの確認を困難にしてしまうためです。画像ブロックは、通常は以下のようなソースです。「wp-block-image」のdivタグの中に、「aligncenter」のfigureタグがあります。epz1さんが当該画像は、以下の状態です。divタグがなくなり、figureにまとめられています。画像の中央揃えをすると、通常は以下のようなCSSが適用されます。epz1さんのサイトは以下のような状態です。上記は、以下のものです。://uutu.life/wp-content/litespeed/css/c0643bbe54892aaa6b45edfbae237282.cssこれは、最初に上げたプラグインが作っているもので、WordPressやテーマやその他のCSSをマージして作成したもので、中身は以下のようなものです。人間の目には、解読が難しいです。解読できたとしても、複数のCSSをマージしてしまっていますので、元々がWordPressのものか、Cocoonのものか、その他のものか、判別ができないです。上記のような理由から、最初に上げたプラグインの無効化をしていただかないことには、外部からの確認は非常に難しいと思います。06:45epz1さん続いては、いくつかのご質問にできるだけお答えはしようと思います。どこまでご説明できるかは、正直分からないです。Troubleshootingのトラブルシューティングモードで、一通りのプラグインが無効化されている状況下での表示は確認したつもりです。このプラグインは、実際のページ表示に影響を与えることなく、ログインした管理者のみ、プラグインやテーマの影響を排除することができます。それに影響を完全に排除できない場合があります。データベース・サーバーのデータを更新する。.htaccessの内容を参照・変更する。それらのものは、このプラグインを使用しても排除できないことがあるようです。(過去にこのフォーラムのお問い合わせ時に、そのようなことがありました。)今回の事象は、画像を中央揃えにしたのに、左に寄ってしまうということかと思います。確かに、上記のプラグインをご使用いただいて、確認はしていただいたと思います。他のプラグインの影響などは排除していただいたのだと思います。考えると、WordPressもしくはCocoonの不具合の可能性もあると思っています。すると、同様に画像を中央揃えにした方は、全員が左寄りになってしまうのではないか。お問い合わせが多数あってのよいのではないか。いう気持ちも湧いてきます。この部分は感情論に過ぎません。Cache」のプラグインを無効化していただいて、確認をさせていただきたいです。(確認の結果、他のプラグインを無効化をお願いすることもあるかもしれないです。@epz1先ほどの添付2でお示ししたつもりでしたが、無効化されていない状態の画面になっていたというご意図でしょうか・・・これは、epz1さんに見えた状態です。あのプラグインを使って、ログインした管理者に見えた状態ではあります。外部からは、プラグインの影響を受けた状態でしか確認ができないです。添付いただいた画像の状態を、外部から確認はできないので・・・。それに、先に書かせていただいた通り、あのプラグインも万能ではないことがあります。(今回がそうかは分かりません。Cache」の影響を受けない状態を確認させていただきたいと考えました。Cache」そのものを無効化していただきたいため、該当機能のオフは不要に変更させてください。Cache」は複数の機能があるようで、それらが確認の妨げになっていますので、プラグインそのものを無効化していただきたいと思います。(外部にご依頼して設定していただいたという経緯もあるみたいですし。)そして、他にも理由があります。最初の返信にも書かせていただきましたが・・・WordPress本体が、LazyLoad(遅延読み込み)に対応しています。プラグインの機能を必要としません。それなのに、プラグインの遅延読み込み機能をオンにすることで、同じ機能が2つ働きます。(コンフリクト)して、不具合が発生しがちですので、書かせていただきした。少なくとも、同じ機能を2つ使う理由はないと思います。不具合のご相談が多数あります。Cache」においても、数は少ないですが、先日ご相談があったような記憶があります。そのため、書かせていただいた次第です。CocoonのLazyLoadは無効化する必要はないと思います。CocoonのLazyLoadは、WordPressがカバーしていない範囲に適用されます。する可能性はあります。07:0906:20の返信に書かせていただいた際に、書き漏れましたので続きとして書かせていただきます。https://wp-cocoon.com/community/postid/62425/現在は、以下のような感じです。Cache」が生成しているもので、元々が何の影響なのか正直良く分からないです。://uutu.life/wp-content/litespeed/css/c0643bbe54892aaa6b45edfbae237282.css大変長くなりました。これで伝わったかどうかは分かりませんけれど、可能な限りご説明させていただいたつもりです。Cache」を無効化していただかないと、確認は難しいと思います。(諸事情あり無効化はしたくないということであれば、それは仕方ないです。)もしかすると、他の詳しい方だとそうではないのかもしれませんので、詳しい方をお待ちいただいても良いと思います。ちなみに、私は本日通院がありまして、返信はなかなかできないと思います。12:05mk2様おはようございます。お忙しい最中、朝早くから、沢山のご回答とご丁寧なご解説、どうも有難うございます。Troubleshootingが万能でない旨、CocoonのLazyLoadは無効化する必要はない旨なども承知しました。概ねは理解できた気がします。お手数をお掛けしてしまい、申し訳ございませんでした。Cacheの方については、思い切って無効化し、CocoonのLazyLoadは元の状態に戻してみました。ご通院から戻られてからで構いませんので、お時間が許されるようでしたら、ご覧になってみていただけると助かります。-----基本的に勉強不足のため、このフォーラムに投稿するにしても、的確な説明もできないでしょうし、(案の定でしたが・・)、きっと皆さんを困らせてしまうのではないかと思って、三年間ほど遠慮しておりました。今回のレイアウト崩れについても、仮にCOCOONやWPの更新に問題があるなら、mk2さんもおっしゃる通り、もっと多くの方々からの報告が沢山上がってくるはず、と思いましたので、一週間ほど様子をみていたところでした。・・・が、一向に似たような話が上がってくる様子がみられませんし、こちらでの小細工レベルではどうすることもできないため、恐縮ながら、ご相談させて頂くことにした次第です。ご面倒をお掛けすることになり、大変申し訳ないのですが、引続き、お力添えいただけると有難く思います。12:24epz1さんおかげさまで、CSSは見えるようになりました。変なものではなく、普通のもので...。ソースがやはり変というのか・・・。私が普段ブロックエディタを使わないからなのか、どうやるとこういうカタチになるのかが、いまいち分かっていません。該当箇所は、figureタグだけ。その下の上手くいっている?ものは、divタグの中にfigureタグもし、よろしければ・・・ですが。編集画面を開いていただいて、「コードエディタ」にしていただき、表示されるコードのご提示は可能でしょうか。左寄りになってしまう部分だけで良いのですが。この部分が変なので、上手くCSSが当たっていないのだと・・・思うのですが・・・。(ちょっと自信ないです。)CSSが上手く当たれば、中央にはなるのですけど。すみませんが、そろそろ出かけなければなりませんので、しばらく返信はできなくなってしまいます。.aligncenter→.aligncenterに変更しています。これにより、同じ要素に付いている.wp-block-imageが優先となり、中央寄せにならなくなったのでは。17:00epz1さん一応確認しました。おさらいということで、epz1さんのサイトの左寄りになっていものの確認から。HTMLが以下のような構造になっています。aligncenter">その結果、以下の赤矢印の部分があたって、左のmarginがゼロになって、左寄りになってしまっているという状態だと思います。HTMLの構造に違和感がありました。これ以降は、私のローカル環境で試した結果を書いていきます。2.4.5.4で、確認を進めました。ブロックエディタで、「画像ブロック」を中央揃えで追加します。その時の、「コードエディタ」の表示です。この時のHTMLは以下のような構造です。aligncenter~>実際のページ表示は以下のような感じで、中央揃えでした。出力されているHTMLの構造は、以下です。class="aligncenter~>「コードエディタ」の構造とも、epz1さんのサイトに出力されているものとも、構造が違います。上記の構造であるため、以下のCSSが適用され、左右のmarginがautoで、中央揃えになります。