WordPressで投稿したブログ、スマホ画面で確認したら右側に余白ができて困った時の解決法【プラグインが原因】

WordPressでブログを書き始めて3記事投稿した際に気付いたのですが、スマホ画面で記事の右側に謎の余白がある。。

もう解決したので、特にどうということない話なのですが、結論、吹き出しを作成するプラグイン「WordBaloon」の設定が原因でした。

WordBaloonのアニメーションは初期設定でONになっていて、左吹き出しは問題ないものの、右吹き出しのみ、画面外にある状態でなぜかそこまで画面内と認識されてしまっているため、右吹き出しの分量だけ右側に余白が生じてしまうとのことでした。

僕が原因だよ！設定でアニメーションをOFFにすれば解決だよ！

ご参考：モバイル画面が右にスライドできてしまいます。

なので、WordPressのプラグイン管理画面から「WordBaloon」の設定でアニメーションをOFFにして解決、ということでした。

今回いろいろ原因を探していく中で、右側余白の問題についてはみなさん直面していて様々な解決記事を読んだものの、ドンピシャで上記の回答にたどり着いたのは、自分でテストしてみて「WordBaloon」が何か影響している！、というところまで特定してから、やっとでした(記載されていた多くの解決方法が、CSSを追記して余白を見せないようにする、というものでした)。

せっかくなので、テスト投稿しながら原因特定した過程もブログ記事として残しておきたいと思います。

テスト投稿の過程

まず、そもそも3記事しか書いていないので、原因の特定簡単かも〜、試してみるか〜と軽い気持ちで始めました。

正直、3記事しかないので、共通するものも「吹き出し(WordBaloon)」「目次」「YouTube埋め込み」くらいしかなく、最初からある程度あたりをつけていました。

またサイトTOP画面に右側余白はなく、各記事それぞれに行くと全て余白が生じていたので、記事構成要素の中の何かが悪さしてるのかな、というくらいの予想がつきます。