兵庫県三田市でホームページ製作をしているゴリラドットです。

自分でホームページを運営していて、例えば写真を新しいものに差し替えたりするとレイアウトが崩れてしまって見栄えがものすごく悪くなってしまうコトってありますよね。

今回はそういったホームページのレイアウト崩れのカスタマイズ実例です。

 

レイアウトが崩れた！の治し方

カスタマイズ料金

10,000円

（※レイアウト崩れの規模によって料金が変わります。今回紹介させていただいたカスタマイズ事例では中程度の崩れでした）

 

カスタマイズ方法

レイアウト崩れの一番の原因は画像がレスポンシブに対応してないから、です。

 

レスポンシブというのは画像のサイズが画面の大きさによってよき塩梅に変わっていく仕組みの事。それが入ってないと小さな画面で見ると画像が大きいままでレイアウト崩れを起こしちゃうんです。

なので画像の横幅を画面サイズに合わせて縮小拡大するように設定してあげれば…、きれいに修正することができます。

一概にこれで治る！というのがないのですが、試してもらうとするなら下記のコード。

このコードをブログやホームページの「追加css」のような場所に貼り付けてみてください。もしかするとレイアウト崩れが解消されるかもしれません。

cssに貼り付けるコード：


img{
max-width:100%;
height: auto;
}

 

まとめ

今回はホームページのレイアウト崩れを治すカスタマイズ事例について紹介しました。

自分のホームページをちょっといじるだけだったのにこんな風に見るも無残な感じになるとホームページ自体が苦手になっちゃいますよね。

ホームページで画像をいじるときはちょっと注意が必要、と覚えておくといいかもしれません。最悪いじっておかしくなったときに元に戻せるかどうか、それを確認してから作業されるのがおすすめです。

 

三田市、それから兵庫県でお店をなさっている方で「自分のとこのホームページもレイアウト崩れ直してほしい！」という場合は、お問い合わせよりご連絡ください。きれいなホームページに修正させていただきます！

お問い合わせはこちら