編集画面での表はこちらです。

実際に公開した記事は、下の写真のようになってしまいます。

SWELL設定＞ファイルの読み込みの、コンテンツに合わせて必要なCSSだけを読み込む【β機能】にチェックが入っていると、同じ現象が出ました。

高速性能は少し下がりますが、本プラグインと併用してSWELLを使う上では、このチェックを外して使用していただければと思います。

これで直ると思いますが、いかがでしょうか？

@96ssbike

しらこさん、早速のご返信誠にありがとうございます。

直りました。。

収益記事のデザインまで崩れて焦っていたので、本当に助かりました。

心から感謝します、ありがとうございました！

解決して良かったです！（フィードバックありがとうございます！）

ちなみに、今日初めてこの現象を私も知りました。笑
ですが、仕組みを考えればなるほどなぁ（このあたりだろうなぁ）って思いました。

多くの方が使用されるプラグインなので、なるべくこういうのしっかり対応しておきたいと思います。

@96ssbike

なんと、タイミングよかったです。。笑

運営しているサイトのPagespeedinsightのスコアがほぼすべての記事で20～30点台で、

先ほどのβ機能にチェックを入れたら改善するかな？と思い、今日の夕方ころに設定したらデザインが崩れて焦っていました。

（調べいるなかでPHPのバージョアップも効果があるのでは、という記事を見つけてバージョン変更したので、それが原因だと思っていました。）

まさかここまでドンピシャの回答をいただけるとは思っておらず（手作業で１つ１つ直さないかなあと覚悟していました）、非常に助かりました。ありがとうございました。

@kkryo0418 そういえば、前回もちょうどこんな感じでしたね^^;笑

https://u.swell-theme.com/community/postid/8804/

@96ssbike　そうなんです。SWELLに乗り換えてそんなに時間が経ってないので、試行錯誤の日々です。。笑

前回のご質問にも一発で答えていただいて、今回もしらこさんに助けていただいて頭が上がりません。

またわからないことがあったときはお力を拝借させていただくかもしれないので、どうぞよろしくお願い致します。

投稿者:: @kkryo0418

@96ssbike

なんと、タイミングよかったです。。笑

あ、ちなみにこれはタイミング良かったわけではなく、先日のも含めて全部問い合わせ受けてから調べて回答してます。基本は、推測しながら手を動かして対応してます^^;

前例のない質問の中で自分の中ではわりと奇跡なんですが、動きがおかしい→jQuery、デザイン崩れる→CSSから着想してます。

本件は既に了さんと共有済みです。どちらかと言うとSWELL側の問題ではないので今後の対応については了さんが検討されてます。

高速化アドバイザーの私としてはおすすめのSWELL機能がサードパーティーのプラグインを使うことで使えないのは残念ですが、まあWordPressの世界は割とこういった事も起きるので確定的なソリューションが出てくるまでは試行錯誤して使って・・・という感じです。

この件ですが、SBD側で「背景色ブロック」のCSSにテーブル関連のCSSがまとめられてしまっていることが原因のようです。（なかじさんには報告済みですので、そのうち修正されるかと思います。）

なので、そのCSSを無理やり読み込んでおくと、「コンテンツに合わせて必要なCSSだけを読み込む」をオンにしていても問題ないかと思います。