賢威をカスタマイズしていて、気が付くとフッターの位置がずれるなどサイトのデザインが崩れていてビックリした経験はありませんか?
マルコが遭遇した【サイト崩れ】の経験と対処法をご紹介します!

る日のこと。

サイドバーの編集をしていて、『やれおわった~~ヽ(^。^)ノ今日はここまで♪』と、
その日はパソコンを閉じて気持ち良く就寝。

翌日ブログを開けたら・・・・・
フッターの位置がこんなことに!!

賢威 フッター

 

えっと。これだけではどこがおかしいのか解りにくいですね(^^;)
これが本来の姿です。
↓↓↓

賢威 フッター

 

お分かり頂けましたでしょうか?
つまり、フッター部分がいつの間にか右に寄ってしまい、【ちょん切れて】いたんです!!

いや~~~驚きました。

なにしろ、フッター部分を触った覚えは全く無いんですから。
前日はサイドバーの編集をしただけだし・・・

一体いつから?
今気づいたけれど、本当はもっと前からこうなっていたのか?

 

しばらく放心状態になっていましたが、とにかく調べなくっちゃ!ということで。

【賢威 フッター】とか【賢威 フッター位置 ずれた】とか
とにかく【賢威 フッター】関連のキーワードで検索しまくりました。

 

でも・・・さっぱりわからない(~_~;) おかしい・・・・

 

困り果てた私は、【やっぱり、サイドバーの編集と関係があるのか?】と思い直し
【賢威 サイト崩れ】関連のキーワードで再び鬼のように検索開始。

そうしたら、見つけましたよ!見つけました!!

やっぱり、サイドバーの編集でミスをしたせいだったんです。
問題のサイドバーの記述がこれです。
↓↓↓

賢威 サイドバー

 

マウスカーソルが写りこんでしまい、お見苦しくてすみません。

お察しの良い方は既にお分かりかと思いますが・・・
正しい記述がこれです。
↓↓↓

賢威 フッター

 

そうです。
赤枠の中ですが、</div>のスラッシュ【/】が抜けて<div>になってしまっていたんですね。

私はこの頃から、タグを一々入力するのが面倒なので、良く使うタグをメモ帳に保存しておいて、
コピペして必要な所だけ変えて使うようにしていたんですが、
その元データをうっかり間違えていたようで。

抜けていたスラッシュ【/】を入力して更新したらあまりにもあっけなく直りました。

 

原因が判明するまで丸2日間・・・・(^^;)
何度も『きぃ~~~~~~~~っっ!!』となりました。

 

私の場合はサイドバーを普通に編集していたんですが、
テンプレートのカスタマイズの際にうっかりdivタグの閉じ忘れや入力ミスあったりしても

サイドバーが落ちたり、フッターが上がってきたりなどのデザイン崩れが起こります。

頭の隅にとどめて置いて頂ければいつかお役に立つかもしれません。

それでは、また^^

 

PS.
いかがでしたでしょうか?

もし、【ここが分かりにくい!】とか
【こんな記事も書いて欲しい!】とか
【こんな事も教えて!】とかいう事がありましたら

どうぞ、遠慮なくマルコにメッセージをくださいませ♪
 ↓↓↓
マルコにメールしてみる(#^.^#)

 

PPS.
マルコは、パソコン1台でインターネットで収入を得て暮らしています。

自宅で家事をこなしながら、毎月自動でも20万円、
頑張った時には月収100万円以上を達成して
家庭を犠牲にして働きづめだった生活から、救われました。
そんなマルコのゼロからの道のりをメルマガでお話しています。

メルマガ内でマニュアル等のプレゼントも行っていますので
良ければ詳細をご確認くださいませ^^
(強引な勧誘などはおこなっていませんのでご安心くださいね)
 ↓↓↓
マルコのメルマガを読んでみる(#^.^#)