こんにちは、ゆうゆです。

当ブログにお立ち寄りいただきありがとうございます。

無題


2週間前頃にこんな記事をUPしました。
 
以前から気になっていたブログのデザインを、ひょんなことから急遽変更せざるを得なくなり悪戦苦闘しているという内容です。


デザインの変更自体はまあまあなんとかなったのですが、調子に乗ってグーグルアドセンスの広告設定を変更したのが間違いのもとだった


適当に見よう見真似で作業していったらサイドバーがページの一番下、つまり記事の下に表示されるという事態に


今日の記事はそんなときの改善法を伝授


あっご覧の通りコレなんの知識もない素人主婦が悪戦苦闘というレベルのハナシなのでご了承のうえ読み進めてくださいね。

あくまでもパソコンの知識のない方向けの記事となっています





サイドバーが下にくる!なんで?どうしよう??


サイドバーが下にくるってイメージ湧きますか

実物をお見せできればよかったのですが、その時はスクショをとるとかそんな余裕は一切ナシ

頭の中はどうしようでいっぱいでしたので、下手なイメージ図を書いてみました。


まずは本来ならこうならなければいけない図
  
      

20190216_131242


それがこんなことになってしまった図
   
     

20190216_131253


イメージ湧きましたでしょうか

こんなことになってしまったときは、正直なんじゃこりゃと思いました


とりあえず検索


今どきは本当に便利

たいていのことは検索すれば解決法がみつかりお悩み解決スッキリ

となりますよね~

というわけでとりあえず検索してみました。

その前に今回のようにサイドバーが下に来てしまう現象のことをカラム落ち(レイアウト崩れ)というみたいですね。勉強になるわ~



<原因と解決策>

・たいていは直前にやった事に原因がある場合がほとんど

・タグを閉じ忘れていること</div>を入れ忘れている



他にもCSSがどうのこうのとかありましたが、恐らく上記のようなことが原因なんだろうなと思いました。

ただ肝心のどうすれば直せるかがイマイチわからない

というか自分が何をやったのかがイマイチ覚えていないのです

困った~






アナログな方法だけど確実にいこう!


もうここまでに結構な時間を費やしています

原因は直前にしたこと

直前にはグーグルアドセンスの広告コードを入れたり取ったりしていました。



そしてそれは個別記事ページだけなので、トップページは特にいじっていません。

こうなったら

アナログで原始的な方法ですがこれが確実


20190204_094009



ジャジャーン

なにもいじっていないトップページのHTMLを印刷し、それを個別記事ページの画面と見比べて違うところをチェック

そしてあるはずの</div>がないところを洗い出しそれを入れては試し入れては試しと繰り返しました。


すると


・・・


ヤッター

元に戻った~

無事解決です


まとめ


ブログ初心者、パソコンの知識なし、の方が陥ってしまいそうなエピソードだったかと思います。

画面を見ながらチャチャチャと直せればそれに越したことはない

でも慣れていない方は面倒くさいけど、やっぱり紙ベースのほうが確実かと思います

そしてできることなら、なにか変更するときも変える前に元はどうであったかを残しておいたほうがいい

それを今回本当に実感しました


<サイドバーが下に落ちてしまった時の対処法>

直前の動作を思い出し余計なものまで消していないか確認する



にほんブログ村 主婦日記ブログ アラフォー主婦へ
にほんブログ村


人気ブログランキング  ランキングに参加しています。応援クリックいただけると嬉しいです。