ワードプレス（stinger）のサイドバーが,右下に落ちたの巻

ある日、ホームページの外観を変えようと、テーマを弄っていたら、いつの間にかサイドバーが右下に落ちていた…。

独学でワードプレスをやっている素人の私にとっては、これは大変な事態。とてもテンパりました。ネットで情報収集するも、様々なシチュエーションがあるようで、片っ端から試すもうまくいかず。迷宮入りした気分になり、もはや詳しい友人に頼むしかないかと思ったけど、身の回りには誰にもブログのことまだ言ってないから、なんだか知られるのも恥ずかしいなぁと思い、必死こいて１時間30分もワードプレスと格闘しました。

ま、結論から言うと単純なことが原因でした。

以下、私の場合の解決方法です。

症状

上記の通り、単一記事部分がサイドバーに落ちる状況。尚、トップページは何の問題もなく表示している。単一記事部分だけ。もしかしたら、固定ページもそうだったかもしれません。

格闘プロセス

外観を弄ってたからだと思い、直前の操作を元に戻してみるも変化なし。サイドバーが落ちるということは、記事本文とサイドバーのサイズが何らかの理由で突然変わったのかと思い、function.phpを見てみるも、おかしなところなし。

トップページは問題ないからということで、単一記事のsingle.phpを見るもどうもおかしなところもなし。だんだん迷宮入りしてきて、どうしていいのかわからなくなってくる…。…とここまで来て、やはり弄った操作を全て元に戻してみることにしました。面倒くさかったけど。

結局、〈/div〉の消し忘れでした。

当然ちゃ当然ですけど、テーマを弄っていたので、そこに何らかの原因があったということでした。自分が弄ったテーマをひとつひとつ見ていくと、テーマにて〈/div〉が浮いている部分を発見。それを消したら、サイドバーは磁石で吸い付くかのように無事元に戻っておりました。とてもとても、気持ちが良かったです。

ちなみに、具体的にどのような状況だったかというと、私はウィジェットで、H2タグ上配置のアドセンスを作っているのですが、そのウィジェットのテキストが原因でした。

テキストに書かれているコードから、スポンサーリンク部分のコードを外す作業をしたのですが、その時にアドセンスのコードを挟んで〈/div〉の記載があり、それに気付かなかった。という状況です。つまり、サイドバーが直接の原因ではなかった！ということです。

教訓　火のないところに煙は立たず。トラブルはすぐ鎮火。

ワードプレスにおいて、今回のようなトラブルは私にとって初めてのケースでした。あれこれ自分の頭で考えても、何分経験がないので、焦ります。そこで冷静な判断が出来なくなってしまいました。

コンピュータは嘘をつきません。何か間違った原因があるから、トラブルが起きるのです。だから、いち早く自分が行った作業を見直すべきであると思いました。

今回は比較的早く気づけたから、ここまでで済みましたが、ほっておくと、自分がどんな作業をしたかも思い出せなくなりますからね。とにかく不具合が起きたら、すぐに処理するようにしたほうがよいと思います。仕事と同じですね。

△ドンタコス