先日、サブドメインのテーマを変更し、フォーマットを整えていたのですが、
その途中で、トップページの右にあるはずのサイドバーのウィジェットが、記事下に移動してデザインが崩れる、という事態に遭遇しました。
ちょうどテーマを変更中の出来事だったので、そのテーマの設定内容を間違えたのかと思い、
一度テーマを削除して入れ直したりしましたが、改善しません。
その際、元のテーマに戻しても同様の現象が起こっていたので、
「これはテーマの設定の問題じゃないな」と気付きました。
そこで改めて考えると、以前も同じ問題が起こって、原因はタグの閉じ忘れだった事を思い出しました。
もう一度問題のトップページのコードを調べると、
あるコードを削除したときに、DIVの閉じタグ閉じタグ
</div>を削除し忘れていた事が判明。
その閉じタグを削除すると、サイドバーは元の位置に表示されるようになりました。
ちなみに、タグの閉じ忘れがソースコードにないかは、下記サイトから調べる事ができるそう。
W3C's easy-to-use markup validation service, based on …
一回経験していたのに、完全に忘れて時間をとってしまって猛省……
忘れないように、ここに記録しておきます。
同じように困っている誰かの役に立ちますように。
