![](https://saku39log.com/wp-content/uploads/2021/11/cropped-7d91004b6fff1ccfe845364098e9ed9f-e1638280902448-150x150.jpg)
AFINGER6からSWELLへ乗り換えを行いました。表示崩れはもちろんあると思っていたのですが、投稿記事の何記事かだけ明らかに崩れがひどいものがありました。サイドバーが下に移動されて、関連記事もフルサイズに、、、ちょっと焦ったのですが解決できたので共有します。
目次
サイドバーの崩れの原因は?
まず結論、クラシック表示が悪さをしていました!
ちなみに崩れた表示はこんな感じです。まずサイドバーが右横にない。右側に大きな空白。
サイドバーは表示する設定です。
![](https://saku39log.com/wp-content/uploads/2024/01/72cf9f6acbd3ef603f9e467c3bbae4b8-1024x589.png)
![](https://saku39log.com/wp-content/uploads/2024/01/72cf9f6acbd3ef603f9e467c3bbae4b8-1024x589.png)
消えたサイドバーは下のフッター上にありました。
![](https://saku39log.com/wp-content/uploads/2024/01/6314df6292e2a77d63de988162de7cf7-1024x423.png)
![](https://saku39log.com/wp-content/uploads/2024/01/6314df6292e2a77d63de988162de7cf7-1024x423.png)
さらに記事の幅をこえてフルサイズで関連記事たちを表示。
![](https://saku39log.com/wp-content/uploads/2024/01/d268333279e6d2d07937aad2369d78e7-1-1024x486.png)
![](https://saku39log.com/wp-content/uploads/2024/01/d268333279e6d2d07937aad2369d78e7-1-1024x486.png)
SWELL移行後、すべての記事ではなく何記事かだけだったので、最初原因が分からず大変戸惑いました。
サイドバー修正、対処法
記事の一番上に「クラシック」表記があるのに時間がかかりましたが気づきました!
![](https://saku39log.com/wp-content/uploads/2024/01/e016ea8c69fe246e09f95110222261fe.png)
![](https://saku39log.com/wp-content/uploads/2024/01/e016ea8c69fe246e09f95110222261fe.png)
直し方は簡単で「クラシック」を選択し、ブロックで表示に変更だけです。
![](https://saku39log.com/wp-content/uploads/2024/01/ffec66256697e338ed3d80dcd90e7e92-1024x468.png)
![](https://saku39log.com/wp-content/uploads/2024/01/ffec66256697e338ed3d80dcd90e7e92-1024x468.png)
ここまでできたら、「更新」して確認しましょう。
サイドバーは右側定位置に。
![](https://saku39log.com/wp-content/uploads/2024/01/697606c909c529b72b79d3027091e48d-1024x692.png)
![](https://saku39log.com/wp-content/uploads/2024/01/697606c909c529b72b79d3027091e48d-1024x692.png)
関連記事のフルサイズ表示も修正されました。
![](https://saku39log.com/wp-content/uploads/2024/01/e9b6d2093f50a6765242554d16c490a6-1024x691.png)
![](https://saku39log.com/wp-content/uploads/2024/01/e9b6d2093f50a6765242554d16c490a6-1024x691.png)
あー良かった!です。
ちなみに編集画面ではHTMLのコードが表示されっぱなしなので、後程内容だけリライトの必要がありそうです。
![](https://saku39log.com/wp-content/uploads/2024/01/43320249b44a04a399f03c98af2c1fe0.png)
![](https://saku39log.com/wp-content/uploads/2024/01/43320249b44a04a399f03c98af2c1fe0.png)
原因はクラシックエディター使用によるもの
SWELLはブロックエディター対応ですが、以前私はクラシックエディターのプラグインを入れて記事を書いていました。
それが悪さをしていたみたいです。
乗り換えプラグイン(AFINGER5用ではありますが)を使いましたが、一部の記事が今回の現象となりました。
まとめ
クラシックエディターを使っていた方は同じ現象に遭遇するかもしれません。
少しでも読んでくださった方の参考になれば幸いです。
それではよいSWELLライフを!